@charset "utf-8";

*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
backface-visibility: hidden; -webkit-backface-visibility:hidden;
/*transform: perspective(1px) translateZ(0);*/  -webkit-transform: translateZ(0px); transform: translateZ(0);
-webkit-font-smoothing:antialiased; font-smoothing:antialiased;
outline:none; border:1px solid transparent; transform-style:flat;-webkit-transform-style:flat; -moz-transform-style:flat;}

svg {
    transform: rotate(.00001deg); /* hack to force anti-aliasing in IE */
}

img[src$=".svg"] {width: 100%;}

/* Main Setting
***********************/
html, body
{ background:#000; height: 100%; font-family: Lato, sans-serif; font-variant-ligatures: none;}
a{
	font-family: Lato, sans-serif;
	text-decoration:none;
}

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

.swiper-container
{ width:360px; height:567px; overflow:hidden;}
.swiper-wrapper
{ position:relative;}
.swiper-slide 
{ position:relative; overflow:hidden;}

.swiper-pagination
{ z-index:500; right:-20px !important;}
.swiper-pagination-bullet
{ background:#fff; width:12px; height:12px;}
.swiper-pagination-bullet-active
{ background:#fc6;}

/* Common Setting
***********************/
.langEn
{ 
	font-family: Lato, sans-serif;	
}

.swiper-slide div
{ position:absolute; }

.cmnbg
{ background:url(../images/common/img-generic-bg.jpg) no-repeat center center;}
.btnScroll
{ bottom:0; z-index:50; width:100%; text-align:center;}
.btnScroll a
{ display:block; cursor:pointer; width:100%; height:40px; position:relative; text-align:center; background:#182D3B;}
.btnScroll a:after{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:39px;
	bottom:0;
	left:0;
	z-index:90;
}
.btnScroll a span{
	display:inline-block; width:90px; height:34px; background:url(../images/common/scroll_footer.png) no-repeat center center; background-size:contain; margin-top: 5px;
}
.pageHeader
{ top:0px; left:0px; width:100%; height:48px; background:url(../images/common/nav_header.png) no-repeat center center; background-size:contain;

	color: #FFFFFF;
	
	font-size: 15px;
	line-height: 22px;
}
.pageHeaderTit
{ top:55px; left:60px;  font-size:40px; line-height:1.1; color:#fff;}
.pageHeaderTit span
{ font-size:29px; font-style:italic;}
.pageSection{
	color: #fff; font-size: 10px; line-height: 22px; left: 28px; top: 14px; display: block; transform: scale(0.85); transform-origin: left top;
}
.pageTitle{
	position: absolute; color: #fff; /*top: 30px;*/ top:50%; transform:translateY(-50%); left: 25px; color:#fff; font-size:15px; line-height:19px; /*font-weight:bold;*/
}

.pageTitle.twoline{
	font-weight:normal;
	font-size:13px;
	line-height:13px;
}

.pageTitle.smaller{
	font-size: 12px; display: block; transform: scale(0.9); transform-origin: left top;
}

.pageTitle span{
	display:block;
	font-size: 10px;
	transform: scale(0.85); transform-origin: left top;
    font-weight: normal;
    /*line-height: 1.5;*/
}

.menuArea
{ position:absolute; width:100%; height:100%; z-index:5; display:none;}
.menuArea .innerArea
{ position:relative; width:100%; height:567px; z-index:5; margin:0px auto;}
.menuContent
{ height:100%; display:none; position:relative; /*background:url(../images/common/bg_content.png) no-repeat; background-size:cover;*/
background:#233C4A;}
.toc_bg{
	position:absolute;
	right:0;
	bottom:27px;
	background: url(../images/common/plus-corner@2x.png) no-repeat;
	width:131px;
	height:131px;
	background-size: contain;
}
.menuArea .innerArea .pageHeader
{ position:absolute;}
.menuArea .innerArea .pageHeaderTit
{ position:absolute;}
.mobileNavBtn
{ position:absolute; top:17px; right:16px; width:18px; height:16px; display:none; background:url("../images/_icon/menu-bar.svg") no-repeat; background-size:contain; cursor:pointer;}
.mobileNavBtn a
{ display:inline-block; /*width:28px; height:17px;*/ width:48px; height:27px;}
.mobileNavBtn a .row01
{ position:absolute; display:block; top:5%; right:0px; width:100%; height:2px; background:#fff;}
.mobileNavBtn a .row02
{ position:absolute; display:block; top:50%; right:0px; width:100%; height:2px; background:#fff; margin-top:-1px;}
.mobileNavBtn a .row03
{ position:absolute; display:block; bottom:5%; right:0px; width:100%; height:2px; background:#fff;}

.btnBack
{ position:absolute; top:15px; right:16px; width:18px; height:21px; display:none; z-index:9999; background:url("../images/_icon/icon-cross.png") no-repeat; background-size:contain; cursor:pointer;}
.btnBack a
{  color:#fff; font-size:24px; line-height:1.3; width:48px; height:30px; display:inline-block;}
.btnBack img
{ /*position:absolute; top:-3px; left:-40px;*/ width:30px; height:30px;}

.menuContent .arrow {
 position:absolute; top:0px; left:-45px; width: 0; 
  height: 0; 
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  
  border-left: 25px solid #f6a94c;
}
.menu
{ 
	position:absolute; 
	left:46px; 
	height: 108px;
	width: 120px;
	background-color: #233C4A;
	box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.75);
	text-align: center;
}

.menu a
{ 
	color: #92B4CD;
		
	font-size: 11px;	
	line-height: 13px;
	/*transform:scale(0.9); transform-origin:top left;*/
	display:block;
	height: 108px;
	width: 120px;
}

.menu span{/*transform:scale(0.9); transform-origin:top left;*/}

.menu a:hover, .menu a:focus{
	background: linear-gradient(135deg, #84B6CE 0%, #4B819B 53.48%, #2C5F7C 100%);
	box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.75);
	color:#fff;
}
.menu a:hover span, .menu a:focus span,
.menu a:hover div, .menu a:focus div{
	filter: brightness(0) invert(1);
}
.menu a.highlight
{ color:#f6a94c;}

.menu span{display:inline-block;}

.m0{ height: 48px; width: 360px; top:48px; left:0; background-color: #233C4A; box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.75);}
.m0 a{width:360px; height:48px;}
.m0 span{padding-left:28.5px; background:url(../images/contents/Home.svg) no-repeat; height: 20px; padding-top: 5px; margin-top:14px;}

.m1{top:96px; left:0;}
.m1 span{background:url(../images/contents/Financial_highlight.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m2{top:96px; left:120px;}
.m2 span{background:url(../images/contents/Coporate_strategies_review.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m3{top:96px; left:240px;}
.m3 span{background:url(../images/contents/POS_network.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m4{top:204px; left:0px;}
.m4 span{background:url(../images/contents/E-commerce.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m5{top:204px; left:120px;}
.m5 div{display:inline-block;}
.m5 div{background:url(../images/contents/Customer_relationship.svg) no-repeat center top; background-size:36px auto; padding-top: 47px;
    margin-top: 21px; font-size: 12px; transform: scale(0.9); position:relative; background-size:35px auto; position: absolute;
    left: 0px;}
.m5 div span{ white-space:nowrap;}

.m6{top:204px; left:240px;}
.m6 span{background:url(../images/contents/Revenue.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m7{top:312px; left:0px;}
.m7 span{background:url(../images/contents/SSSG_major_markets.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m8{top:312px; left:120px;}
.m8 span{background:url(../images/contents/SSSG_marjor_products.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m9{top:312px; left:240px;}
.m9 span{background:url(../images/contents/Core_operate_profit.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m10{top:420px; left:0px;}
.m10 span{background:url(../images/contents/Profitability.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m11{top:420px; left:120px;}
.m11 span{background:url(../images/contents/SG&A.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}

.m12{top:420px; left:240px;}
.m12 span{background:url(../images/contents/Captial_cash_flows.svg) no-repeat center top; padding-top: 40px; margin-top: 25px; background-size:30px auto;}


.star {
 position:absolute; 
 top:2px; 
 left:-20px; 
 width: 15px; 
 height: 15px; 
 background:url(../images/common/star-gold.svg) center center;
 background-size:contain;
}

.star.small{
	width: 12px;
    height: 12px;
    transform: rotate(45deg);
    top: 3px;
    left: -17px;
}

.menuArea .star{
	margin-top:2px;
}

.menuArea .star.small{
	margin-top:4px;
}

.sloppyheader{
	background:#fff;
	width:360px;
	height:50px;
	/*height:66px;	
	-webkit-clip-path: polygon(0 0, 360px 0, 360px 77%, 0 100%);
	clip-path: polygon(0 0, 360px 0, 360px 77%, 0 100%);*/
	z-index:999;
}

.sloppyheader .half_star{
	top:8px; left:0;
}
.sloppyheader .half_star img{
	width:16px; height:auto;
}
.sloppyheader .title_text{
	top:14px; left:27px; color: #595959; font-size: 17px; font-weight: bold; line-height: 20px;
}

.sloppyheader.withSlope{
	height:66px;	
	-webkit-clip-path: polygon(0 0, 360px 0, 360px 77%, 0 100%);
	clip-path: polygon(0 0, 360px 0, 360px 77%, 0 100%);
}

.sloppyheader.withSlope .half_star{
	top:10px; left:0;
}

.sloppyheader.withSlope .title_text{
	top:16px;
}


.chart_num.current{font-weight:700!important;}

.spin_loader{
	position: absolute;
    width: 100%;
    height: 100%;
    background:url(../images/_background/bg_darkblue.jpg) no-repeat;
	background-size:cover;
    z-index: 999;	
}

.spinner_wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	
}

.sk-circle {
  	width: 40px;
	height: 40px;
	position: relative;
    margin: 0 auto 30px auto;}
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #CA9879;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }


/*Cover Section Setting
***********************/
.cover{background:#233C4A;}
.cover .bg1{background:url(../images/home/bg1.jpg) no-repeat center; background-size:cover; width:360px; height:567px;}
.cover .bg2{background:url(../images/home/bg2.jpg) no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}
.cover .bg3{background:url(../images/home/bg3.jpg) no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}
.cover .bg4{background:url(../images/home/bg4.jpg) no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}

.cover .interim_results{top:100px; left:24px; visibility:hidden;}
.cover .star_1{
	top: 149px;
    left: 38px; 
	visibility:hidden;     
	width: 98px;
    height: 78px; 
	background:url(../images/_background/glow-5pm.png) no-repeat; 
	background-size:cover;
}
.cover .star_2{
	top: 84px; 
	left: 107px; 
	visibility:hidden; 
	width: 98px;
    height: 78px; 
	background:url(../images/_background/glow-5pm.png) no-repeat; 
	background-size:cover;
}

.cover .report_title{
    top: 282px;
    left: 22px;
    visibility: hidden;
    color: #C8E8FF;
	
	font-size: 22px;
	font-weight: 300;
	line-height: 27px;
}

.cover .ctf_logo{bottom:130px; left:24px; z-index:99; visibility:hidden;}
.cover .ctf_logo img{width:108px; height:auto;}
.cover .year{bottom:135px; left:28px; color: #ffffff; font-size:16px; z-index:99; visibility:hidden; font-weight:600;}

.cover .report_title{
	/*bottom:110px; left:28px; color: #ffffff; font-size:20px;  z-index:99; visibility:hidden; font-weight:300; font-family:Lato; opacity:0.8;*/
}

.cover .disclaimer{
	bottom:57px; width:100%;  z-index:99; visibility:hidden;
}

.cover .disclaimer a{
		font-size: 12px;	line-height: 16px;	text-align: center; color: #CA9879; display:block; text-align:center;
}

.cover .lang_wrapper{
	top:24px; right:19px; z-index:99;
}

.cover .lang_wrapper a{
	color: #C69979; font-size: 13px; float:left; display:inline-block; text-decoration:none; margin-right:26px;
}

.eng .cover .lang_wrapper a.chi{
  font-family:"Heiti TC", MHeiHK, 微軟雅黑體, "Microsoft YaHei", 微軟正黑體, "Microsoft JhengHei", SimHei, sans-serif; 
}

.zh_hk .cover .lang_wrapper a.chi{
	font-family:"Heiti TC", MHeiHK, 微軟雅黑體, "Microsoft YaHei", 微軟正黑體, "Microsoft JhengHei", SimHei, sans-serif;	
}

.zh_cn .cover .lang_wrapper a.chi{
  font-family:"Heiti TC", MHeiHK, 微软雅黑体, "Microsoft YaHei", 微软正黑体, "Microsoft JhengHei", SimHei, sans-serif; 
}

.cover .lang_wrapper a.current{
	text-decoration:underline;
}

.cover .lang_wrapper a.last{
	margin-right:0;
}

.cover .btnScroll{
	visibility:hidden;
}

.cover .btnScroll a{
	background:none;
}

.bg_container{background:url(../images/common/bg_darkblue.jpg) no-repeat center bottom; width:360px; height:520px; margin-top:48px; background-size:cover;}

/*.amount{
	font-size:21px;
	font-weight:bold;
	color:#20547E;
}

.amount .count{
	font-size:30px;
}

.amount .unit{
	font-weight:normal;
	font-size:21px;
}*/

.financial_title{
	color:#424242;
	font-size: 14px;
	
}
.financial_arrow{
	
}

.financial_percentage{
	font-size:20px;
	color:#20547E;
	font-weight:bold;
}

.amount_line{
	height:8px; 
	background:url(../images/finanical_statement/star-line.svg) no-repeat left center;
	background-size:cover;
}

/*Page 0 Setting
***********************/
.page0
{
	/*background:url(../images/common/bg_content.png) no-repeat; background-size:cover;*/
	background:#233C4A;
}
.page0 .menuContent
{ height:100%; display:block;}
.page0 .menuList
{ width:100%; background:#fff;}
.page0 .btnScroll a{
	background:none;
}

/*Page 1 Setting
***********************/
.page1 .icon{}
.page1 .title{color: #CA9879;  font-size: 14px; font-weight: bold; line-height: 14px;}
.page1 .unit{
	color: #92B4CD;
	font-family: "Cormorant Infant";
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.page1 .amount{
	/*color: #5FA3C5;*/
	font-family: "Cormorant Infant";
	font-size: 55px;
	font-weight: 600;
	line-height: 79px;
	
	/*background: rgb(95,163,197); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page1 .amount .amount_unit{
	font-size:30px;
}
.page1 .arrow{	
	height: 17px;
	width: 16px;
}
.page1 .sub_title{
	color: #FFFFFF;
	font-family: "Cormorant Infant";
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.page1 .percentage, .page1 .percent_currency{
	color: #FFFFFF;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 24px;
}
.page1 .percentage .percent_symbol, .page1 .percentage .percent_currency{
	font-size:25px;
}
/*.page1 .glow{*/
.glow{
	background: url(../images/_background/glow-5pm.png) no-repeat;
	/*background: url(../images/_background/glow-white-normal-70.png) no-repeat;*/
	/*background:url(../images/1_1-Financial-Highlights/Glow.png) no-repeat;*/
    width: 107px;
    height: 89px;
    opacity: 1;
    background-size: contain;
}

.glow_small{
	background: url(../images/_background/glow-5pm.png) no-repeat;
	/*background: url(../images/_background/glow-white-normal-70.png) no-repeat;*/
	/*background:url(../images/1_1-Financial-Highlights/Glow.png) no-repeat;*/
    width: 67px;
    height: 59px;
    opacity: 1;
    background-size: contain;
}

.page1 .sepearator_line{width:300px;height:1px; background-color:#6A90A6;}

.page1 .arrow_up img{
	width:14px; height:auto;
}
.page1 .slider{height:440px; position:relative!important;}
.page1 .slider div{
	position:relative!important;
}
.page1 .slider .slider-item{width:360px; height:440px;}

.page1 .revenue div{position:absolute!important;}
.page1 .revenue .icon{width:50px; height:61px; top:30px; left:42px; opacity:0;}
.page1 .revenue .title{top:114px; left:40px; opacity:0;}
.page1 .revenue .unit{top:44px; left:166px; opacity:0;}
.page1 .revenue .amount{top:61px; left:166px; opacity:0;}
.page1 .revenue .arrow{top:149px; left:170px; opacity:0;}
.page1 .revenue .percentage{top:140px; left:190px; opacity:0;}
.page1 .revenue .glow{top: 55px; left: 170px; opacity:0;}
.page1 .revenue .sepearator_line{top:222px; left:30px; opacity:0;}

.page1 .slider .slider-item.slick-active .revenue .revenue_element_1,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_1{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:0.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .slider .slider-item.slick-active .revenue .revenue_element_2,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_2{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:0.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .slider .slider-item.slick-active .revenue .revenue_element_3,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_3{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:0.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .revenue .revenue_element_4,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_4{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:0.8s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .revenue .revenue_element_5,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_5{
	animation-name:fadeInHalf;
	animation-duration:0.5s;
	animation-delay:0.8s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .revenue .revenue_element_6,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_6{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:1.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .revenue .revenue_element_7,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_7,
.page1 .slider .slider-item.slick-active .revenue .revenue_element_7b, 
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_7b{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:1.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .slider .slider-item.slick-active .revenue .revenue_element_8,
.page1 .slider .slider-item.slick-active .basic_eps .eps_element_8{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:1.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .core_operating_profit div{position:absolute!important;}
.page1 .core_operating_profit .icon{width:64px; height:63px; top:247px; left:40px; opacity:0;}
.page1 .core_operating_profit .title{top:320px; left:40px; width:100px; opacity:0;}
.page1 .core_operating_profit .unit{top:252px; left:166px; opacity:0;}
.page1 .core_operating_profit .amount{top:270px; left:166px; opacity:0;}
.page1 .core_operating_profit .arrow{top:357px; left:170px; opacity:0;}
.page1 .core_operating_profit .percentage{top:348px; left:190px; opacity:0;}
.page1 .core_operating_profit .glow{top: 260px; left: 160px; opacity:0;}

.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_1,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_1{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:1.8s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_2,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_2{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:2.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_3,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_3{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:2.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_4,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_4{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:2.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_5,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_5{
	animation-name:fadeInHalf;
	animation-duration:0.5s;
	animation-delay:2.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_6,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_6{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:2.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page1 .slider .slider-item.slick-active .core_operating_profit .cop_element_7,
.page1 .slider .slider-item.slick-active .dividend_per_share .dps_element_7{
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:3.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page1 .basic_eps div{position:absolute!important;}
.page1 .basic_eps .icon{width:50px; height:61px; top:35px; left:42px; opacity:0;}
.page1 .basic_eps .title{top:114px; left:40px; width:100px; opacity:0;}
.page1 .basic_eps .unit{top:44px; left:166px; opacity:0;}
.page1 .basic_eps .amount{top:61px; left:166px; opacity:0;}
.page1 .basic_eps .sub_title{top:140px; left:170px; opacity:0;}
.page1 .basic_eps .percentage{top:160px; left:170px; font-size:25px; width:100px; opacity:0;}
.page1 .basic_eps .percent_currency{top:160px; left:215px; font-size:18px;}
.page1 .basic_eps .glow{top: 54px; left: 172px; opacity:0;}
.page1 .basic_eps .sepearator_line{top:222px; left:30px; opacity:0;}

.page1 .dividend_per_share div{position:absolute!important;}
.page1 .dividend_per_share .icon{width:64px; height:63px; top:247px; left:36px; opacity:0;}
.page1 .dividend_per_share .title{top:320px; left:40px; width:80px; opacity:0;}
.page1 .dividend_per_share .unit{top:252px; left:166px; opacity:0;}
.page1 .dividend_per_share .amount{top:270px; left:166px; opacity:0;}
.page1 .dividend_per_share .sub_title{top:351px; left:170px; width:100px; opacity:0;}
.page1 .dividend_per_share .percentage{top:375px; left:170px; font-size:25px; opacity:0;}
.page1 .dividend_per_share .percent_currency{font-size:18px;}
.page1 .dividend_per_share .glow{top: 260px; left: 172px; opacity:0;}

/*page2 Business Strategies Setting
***********************/
.page2{}
.page2 .bg_container{height:481px;}
.page2 .bg1{background:url("../images/2_0-CS_multi brand/2_1/K5-lightblue-bg-1.jpg") no-repeat center; background-size:cover; width:360px; height:567px;}
.page2 .bg2{background:url("../images/2_0-CS_multi brand/2_1/K5-lightblue-bg-2.jpg") no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}
.page2 .bg3{background:url("../images/2_0-CS_multi brand/2_1/K5-lightblue-bg-3.jpg") no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}
.page2 .bg4{background:url("../images/2_0-CS_multi brand/2_1/K5-lightblue-bg-4.jpg") no-repeat center; background-size:cover; width:360px; height:567px; visibility:hidden;}
.page2 .page_subheader{top:-1px; left:0; background:url(../images/_background/bg-sub-header.jpg) no-repeat; background-size:cover;
	width: 360px;
    height: 38px;
    padding: 10px 31px;
	color: #FFFFFF;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
.page2 .spotlight{top:37px; left:0; /*top:50%; left:50%; transform:translate(-50%, -50%);*/ mix-blend-mode: multiply; width:360px; 
	height:450px; background:url("../images/2_0-CS_multi brand/2_1/2_1-spotlight.png") no-repeat; background-size:contain;}
/*.page2 .spotlight img{width:360px; height:auto; }*/
.page2 .diamond{top:50%; left:50%; transform:translate(-50%,-50%); background:url("../images/2_0-CS_multi brand/2_1/2_1-diamond.png") no-repeat; background-size:contain; width:144px; height:144px; mix-blend-mode: hard-light;}
.page2 .diamond img{width:187px; height:auto;}
.page2 .brand-text{
	top:228px;
	left:132px;
	color: #CA9879;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
}
.page2 .popup_text{
	cursor:pointer;
	color: #FFFFFF;
	
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	cursor:pointer;
}
.page2 .popup_text .ani_arrow{
	background:url("../images/2_0-CS_multi brand/2_1/2_1_arrow.svg") no-repeat; 
	background-size:contain; 
	/*width: 11px;
    height: 10px;*/
	width:15px;
	height:15px;
	display:inline-block;
	margin-left:0px;
	position: absolute;
    top: 3px;
    right: -15px;
	
	animation-name:slidingLoop;
	animation-duration:1.0s;
	animation-delay:0.6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.page2 .text-1{top:92px; left:144px;}
.page2 .text-2{top:122px; left:252px;}
.page2 .text-3{top:235px; left:291px;}
.page2 .text-3 span{
	position: absolute;
    top: 10px!important;
    right: -13px;}
.page2 .text-4{top:359px; left:255px;}
.page2 .text-5{top:399px; left:139px;}
.page2 .text-6{top:359px; left:44px;}
.page2 .text-7{top:240px; left:6px;}
.page2 .text-8{top:115px; left:24px;}
.page2 .text-8 span{top: 8px!important; left: 95px;}

.page2 .popup-wrapper{
	top:0;
	left:0;
	width:360px;
	height:520px;
	display:none;
}
.page2 .popup-wrapper .popup-item{
	display:none;
	top:0;
	left:0;
	width:360px;
	height:520px;
}
.page2 .popup-wrapper .popup-item .popup_close{ top:26px; right:28px; width:22px; height:22px;}
.page2 .popup-wrapper .popup-item .popup_close a{background:url(../images/_icon/icon-cross.svg) no-repeat; width:22px; height:22px; background-size:contain; display:block;}
.page2 .popup-item .title{color: #FFFFFF;  font-size: 14px; font-weight: bold; line-height: 14px; opacity:0;}
.page2 .popup-item .title span{color: #FFFFFF;  font-size: 12px; line-height: 15px;}
.page2 .popup-item .text_spotlight{width:0; max-width:360px; height:165px; bottom:40px; left:0; overflow:hidden;}
.page2 .popup-item .text_spotlight img{width:360px; height:auto; position:absolute; left:0; bottom:0;}

.page2 .popup-item .text_spotlight .text_1{color: #FFFFFF; 	font-size: 12px;	line-height: 20px;}
.page2 .popup-item .text_spotlight .text_2{	color: #FFFFFF;	font-family: "Cormorant Infant";	font-size: 20px;	font-weight: bold;	line-height: 24px;}
.page2 .popup-item .text_spotlight .text_2 span{	color: #FFFFFF;	font-family: "Cormorant Infant";	font-size: 30px;	font-weight: 600;	line-height: 37px;}
.page2 .popup-item .text_spotlight .text_3{	color: #FFFFFF;	font-family: "Cormorant Infant";	font-size: 20px;	font-weight: bold;	line-height: 24px; top: 120px;}

#artrium .text_3{right:109px;}
#hearts_on_fire .text_3{right:22px;}
#soinlove .text_3{right:97px;}
#monologue .text_3{right:97px;}
#ctf_tmark .text_3{right:86px;}
#jewelria .text_3{right:97px;}
#ctf_jewellery .text_3{right:57px;}

.popup-item .image_1{top:-1px; left:0;
	width: 360px;
    height: 509px;
    overflow: hidden;
}
.popup-item .title{
	top:20px; 
	left:31px;
	animation-name:fadeIn;
	animation-duration:1.0s;
	animation-delay:0.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.popup-item .image_2{
	top:-1px; left:0;
	opacity:0;
	animation-name:fadeIn;
	animation-duration:0.8s;
	animation-delay:2.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	width: 360px;
    height: 509px;
    overflow: hidden;
}
.popup-item .text_spotlight{
	animation-name:width_animation;
	animation-duration:0.2s;
	animation-delay:3.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.popup-item .text_spotlight .text_1{
	bottom:55px; 
	left:198px;
	opacity:0;
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:3.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;	
}
.popup-item .text_spotlight .text_2{
	bottom:18px; 
	left:198px;
	opacity:0;
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:3.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.popup-item .text_spotlight .text_3{
	opacity:0;
	animation-name:fadeIn;
	animation-duration:0.5s;
	animation-delay:3.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}


#house_1929 .text_1{
	bottom: 34px;
    width: 200px;
    left: 150px;
}

/*page3 Business Strategies Setting - products
***********************/
.page3{}
.page3 .page_subheader{top:-1px; left:0; background:url(../images/_background/bg-sub-header.jpg) no-repeat; background-size:cover;
	width: 360px;
    height: 38px;
    padding: 10px 31px;
	color: #FFFFFF;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
.page3 .bg_image{top:37px; left:0;}
.page3 .spotlight{max-width:360px; width:0; height:165px; bottom:39px; left:0; overflow:hidden;}
.page3 .spotlight img{width:360px; height:auto; position:absolute; left:0; bottom:0;}
.page3 .spotlight .text{
	opacity:0;
	bottom:29px;
	right:28px;
	color: #FFFFFF;
	
	font-size: 12px;
	line-height: 20px;
}
.page3 .img-container{width: 360px; height: 482px; top:37px; left:0;}
.page3 .img-container .image_LTR{max-width:360px; width:0; height:224px; overflow:hidden; top:0; left:0; background:#46BAF0;}
.page3 .img-container .image_LTR img{position:absolute; left:0; top:0; width:361px; height:auto;}
.page3 .img-container .image_RTL{max-width:360px; width:0; height:221px; overflow:hidden; top:223px; right:0;}
.page3 .img-container .image_RTL img{position:absolute; right:0; top:0; width:360px; height:auto;}

/*page4-7 Business Strategies Setting - Store Differentiation
***********************/
.page4{}
.page4 .bg_container{background:url(../images/_background/bg-CS.svg) no-repeat; background-size:cover;}
.page4 .page_subheader{top:-1px; left:0; background:url(../images/_background/bg-sub-header.jpg) no-repeat; background-size:cover;
	width: 360px;
    height: 38px;
    padding: 10px 31px;
	color: #FFFFFF;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.page4 .image_1a{top:35px; left:0; width:360px; height:300px;}
.page4 .image_1b{width:171px; height:auto; top:49px; left:16px;}
.page4 .image_2{visibility:hidden; top:35px; left:0; max-width:360px; width:0; height:300px; overflow:hidden;}
.page4 .image_2 img{position:absolute; top:0; left:0; width:360px; height:auto;}
.page4 .image_caption{
	width:360px;
	color: #FFFFFF;
	
	font-size: 12px;
	line-height: 15px;
}
.page4 .title{
	color: #FFFFFF;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}
.page4 .amount{}
.page4 .amount .count{
	color: #FFFFFF;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}
.page4 .amount .unit{
	color: #FFFFFF;
	font-family: "Cormorant Infant";
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	display:inline-block;
	width:70px;
	margin-left:5px;
}

.page4 .element_1a{}
.page4 .element_1b{}
.page4 .element_1c{	top:298px;
	left:31px;}
.page4 .element_2a{}
.page4 .element_2b{ top:298px;
	left:31px;}
.page4 .element_3{}
.page4 .element_4{top:356px; left:21px;}
.page4 .element_5{top:380px; left:21px;}
.page4 .element_5b{top: 398px; left: 99px;}
.page4 .element_6{top:417px; left:35px;}
.page4 .element_6b{top: 423px; left: 99px;}
.page4 .element_7{top:356px; left:188px;}
.page4 .element_8{top:380px; left:188px;}
.page4 .element_8b{top: 398px; left: 265px;}
.page4 .element_9{top:417px; left:200px;}
.page4 .element_9b{top: 423px; left: 266px;}

/*page8 Business Strategies Setting - Customer Relationship Management
***********************/
.page8{}

.page8 .crm_section_wrapper{}
.page8 .crm_section_wrapper .crm_section_item{}
.page8 .crm_section_wrapper .crm_section_item .moon{top:60px; left:0;}
.page8 .crm_section_wrapper .crm_section_item .moon img{width:250px; height:auto;}
.page8 .crm_section_wrapper .crm_section_item .curve_text{
	top:10px;
	left:0;
	overflow:hidden;
	width:300px;
	height:150px;
}
.page8 .crm_section_wrapper .crm_section_item .curve_text_animation{
	transform: rotate(120deg);
    transform-origin: 140px 160px;
	opacity:0;
}
.page8 .crm_section_wrapper .crm_section_item .curve_text_animation.animated{
	animation-name: curve_text_animation;
	animation-duration:1.0s;
	animation-delay:2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page8 .crm_section_wrapper #hk_section .curve_text_animation.animated{
	animation-name: curve_text_animation;
	animation-duration:1.0s;
	animation-delay:1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page8 .crm_section_wrapper .crm_section_item .curve_text .element_mc_glow{
	top: 14px;
    left: 150px;
}

.page8 .crm_section_wrapper .crm_section_item .curve_text .element_hk_glow{
	top: 9px;
    left: 140px;
}

.page8 .crm_section_wrapper .crm_section_item .curve_text #text_mc_1, 
.page8 .crm_section_wrapper .crm_section_item .curve_text #text_hk_1{
	fill: #CA9879;
	
	font-size: 14px;
	line-height: 17px;
}
.page8 .crm_section_wrapper .crm_section_item .curve_text #text_mc_2, 
.page8 .crm_section_wrapper .crm_section_item .curve_text #text_hk_2{
	/*fill: #5FA3C5;*/
	fill:url(#figure-gradient-mc);
	font-family: "Cormorant Infant";
	font-size: 42px;
	font-weight: 600;
	line-height: 51px;
	
	/*background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); 
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); 
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.page8 .crm_section_wrapper .crm_section_item .curve_text #text_hk_2{
	fill:url(#figure-gradient-hk);
	font-family: "Cormorant Infant";
	font-size: 42px;
	font-weight: 600;
	line-height: 51px;
}

.page8 .crm_section_wrapper .crm_section_item .people-img{width:89px; height:89px; top:130px; left:52px;}
.page8 .crm_section_wrapper .crm_section_item .people-img img{width:89px; height:auto;}
.page8 .crm_section_wrapper .crm_section_item .spotlight_mc{width: 138px;
    height: 0;
    max-height: 172px;
    overflow: hidden;
    top: 160px;
    left: 147px;}
.page8 .crm_section_wrapper .crm_section_item .spotlight_mc img{width:138px; height:auto; position:absolute; top:0; left:0; display:block;}
.page8 .crm_section_wrapper .crm_section_item .spotlight_hk{width:118px; height:0; max-height:152px; overflow:hidden; top: 170px; left: 167px;}
.page8 .crm_section_wrapper .crm_section_item .spotlight_hk img{width:118px; height:152px; position:absolute; top:0; left:0; display:block;}
.page8 .crm_section_wrapper .crm_section_item .rsv_glow_mc{    top: 272px;
    left: 218px;}
.page8 .crm_section_wrapper .crm_section_item .rsv_glow_hk{    top: 272px;
    left: 218px;}
.page8 .crm_section_wrapper .crm_section_item .rsv{
	top:306px; 
	left:55px; 
	background:url(../images/5_0-Customer-Relationship-Management/icon-bag.svg) no-repeat; 
	padding-left:50px;
	color: #CA9879;
		
	font-size: 12px;	
	line-height: 15px;
	width:160px;
}
.page8 .crm_section_wrapper .crm_section_item .rsv-percent{
	top:293px; 
	left:239px;
	color: #5FA3C5;	font-family: "Cormorant Infant";	font-size: 42px;	font-weight: 600;	line-height: 51px;
	
	background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.page8 .crm_section_tab{top:385px; width:180px; height:95px; background-size:cover; background-position:center; 	font-size: 16px;	line-height: 19px;	text-align: center; color:#96BACF; background-image:url(../images/5_0-Customer-Relationship-Management/box-2.png);}
.page8 .crm_section_tab:hover,
.page8 .crm_section_tab.active{font-weight:bold; color:#E8F7FF; background-image:url(../images/5_0-Customer-Relationship-Management/box-1.png);}
.page8 .crm_section_tab div{
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page8 .crm_section_tab.mc{left:0;}
.page8 .crm_section_tab.hk{left:180px; }

/*.page8 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat; width:360px; height:507px; margin-top:60px; background-size:contain; color: rgba(89,89,89,1);}
.page8 .element_1a{top:30px; left:21px;}
.page8 .element_1a img{width:316px; height:auto;}
.page8 .element_1b{}
.page8 .region-container{top:227px;}
.page8 .region-container .title{ font-size:18px; height:50px; font-weight:600; line-height:20px; color:#6BA1BE;}
.page8 .region-container .title:after{content:""; width:90px; height:1px; background:#C6C3C5; position:absolute; bottom:0; left:0;}
.page8 .region-container .member-amount{top:73px; font-weight:bold; font-size:21px; color:#20547E; height:42px;}
.page8 .region-container .member-amount:after{content:""; width:90px; height:1px; background:#C6C3C5; position:absolute; bottom:0; left:0;}
.page8 .region-container .purchase-percentage{top:135px; color:#20547E;}
.page8 .region-container .purchase-percentage span{display:block;}
.page8 .region-container .purchase-percentage .subTitle{font-size:11px; transform: scale(0.9); transform-origin: left top; font-family:Lato; font-weight:bold; color:#20547E;}
.page8 .region-container .purchase-percentage .count{font-size:21px; font-weight:bold;}

.page8 .region-container.china{left:28px; width:110px;}
.page8 .region-container.china .title{color:#90191C;}
.page8 .region-container.china .member-amount{}
.page8 .region-container.china .purchase-percentage{}

.page8 .region-container.hongkong{right:28px; width:180px; text-align:right;}*/
/*.page8 .region-container.hongkong .title{color:#639CBB;}*/
/*.page8 .region-container.hongkong .title:after{right:0; left:auto;}
.page8 .region-container.hongkong .member-amount{right:0; left:auto;}
.page8 .region-container.hongkong .member-amount:after{right:0; left:auto;}
.page8 .region-container.hongkong .purchase-percentage{right:0; left:auto;}
.page8 .region-container.hongkong .purchase-percentage .subTitle{transform-origin: right top;}

.page8 .members{top:288px; left:154px; text-align:center;}
.page8 .members img{width:35px; height:auto;}
.page8 .members span{display:block; font-size:13px; color:#424142;  margin-top:4px;}
.page8 .repeat-purchase{top:351px; left:131px; text-align:center;}
.page8 .repeat-purchase img{width:37px; height:auto;}
.page8 .repeat-purchase span{display:block; font-size:13px; color:#424142;  margin-top:4px;}
*/
/*.page8 .element_1{font-size: 17px; font-weight: bold; line-height: 22px; top:22px; left:70px;}
.page8 .element_2{top:63px; left:123px;}
.page8 .element_2 img{width:115px; height:auto; }
.page8 .element_3{font-size: 30px; font-weight: bold; line-height: 18px; top:155px; left:108px;}
.page8 .element_4{font-size: 17px; font-weight: bold; line-height: 22px; top:244px; left:58px;}
.page8 .element_5{top:286px; left:113px;}
.page8 .element_5 img{width:134px; height:auto;}
.page8 .element_6{font-size: 14px; font-weight: 600; line-height: 18px; top:383px; left:50px;}
.page8 .element_7{font-size: 30px; font-weight: bold; line-height: 18px; top:417px; left:57px;}
.page8 .element_8{font-size: 14px; font-weight: 600; line-height: 18px; top:383px; left:189px;}
.page8 .element_9{font-size: 30px; font-weight: bold; line-height: 18px; top:417px; left:212px;}*/

/*page9 Business Strategies Setting - Production and Operations 1
***********************/
.p_and_o .img_wrapper{width: 360px; height: 507px; margin-top: 60px;}
.page9 .content_container_1{width: 360px; height: 262px; z-index: 99; background:url(../images/business_strategies/p_and_o/bg-star-top@2x.png) no-repeat; background-size:100% auto;}
.page9 .content_container_1 .element_1{width: 360px; overflow: hidden; height: 222px; top: 50px;}
.page9 .content_container_1 .element_1 img{width: 360px; height: auto; }
.page9 .content_container_1 .element_2{top:50px;}
.page9 .content_container_1 .element_2 img:first-child{width:170px; height:auto; }
.page9 .content_container_1 .element_2 .element_2a{top:30px; left:55px;}
.page9 .content_container_1 .element_2 .element_2a img{width:52px; height:auto; }
.page9 .content_container_1 .element_2 .element_2b{top:73px; left:21px;color: rgba(255,255,255,1); font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;}
.page9 .content_container_1 .element_2 .element_2c{top:95px; left:16px; font-size: 12px; line-height: 17px; color: rgba(255,255,255,1); width:136px; text-align:center;}

.page9 .content_container_2{width:360px; height:212px; top:266px; background:url(../images/business_strategies/p_and_o/bg-star-bottom@2x.png) no-repeat 0px -267px; background-size:100% auto;}
.page9 .content_container_2 .element_1{width: 360px; height:212px; overflow:hidden; float:right; right:0;}
.page9 .content_container_2 .element_1 img{width: 360px; height: auto; position:absolute; top:0; right:0;}
.page9 .content_container_2 .element_2{bottom:0; right:0;}
.page9 .content_container_2 .element_2 img:first-child{width:170px; height:auto;}
.page9 .content_container_2 .element_2 .element_2a{top:27px; left:60px;}
.page9 .content_container_2 .element_2 .element_2a img{width:51px; height:auto;}
.page9 .content_container_2 .element_2 .element_2b{top:76px; left:41px; color: rgba(255,255,255,1); font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;}
.page9 .content_container_2 .element_2 .element_2c{top:99px; left:19px; font-size: 12px; line-height: 17px; color: rgba(255,255,255,1); width:136px; text-align:center;}

/*page10 Business Strategies Setting - Production and Operations 2
***********************/
.page10 .content_container_1{width: 360px; height: 262px; z-index: 99; background:url(../images/business_strategies/p_and_o/bg-star-top@2x.png) no-repeat; background-size:100% auto;}
.page10 .content_container_1 .element_1{width: 360px; overflow: hidden; height: 222px; top: 50px;}
.page10 .content_container_1 .element_1 img{width: 360px; height: auto;}
.page10 .content_container_1 .element_2{top:40px; right:0;}
.page10 .content_container_1 .element_2 img:first-child{width:170px; height:auto; }
.page10 .content_container_1 .element_2 .element_2a{top:35px; left:65px;}
.page10 .content_container_1 .element_2 .element_2a img{width:40px; height:auto;}
.page10 .content_container_1 .element_2 .element_2b{top:83px; left:33px; font-size: 16px; font-weight: bold; line-height: 20px; color: rgba(255,255,255,1);}
.page10 .content_container_1 .element_2 .element_2c{top:105px; left:19px; font-size: 13px; line-height: 17px; color: rgba(255,255,255,1); width:136px; text-align:center;}

.page10 .content_container_2{width:360px; height:212px; top:266px; overflow:hidden; background:url(../images/business_strategies/p_and_o/bg-star-bottom@2x.png) no-repeat 0px -267px; background-size:100% auto;}
.page10 .content_container_2 .element_1{width: 360px; height:212px; overflow:hidden; float:right; right:0;}
.page10 .content_container_2 .element_1 img{width: 360px; height: auto; position:absolute; top:0; right:0;}
.page10 .content_container_2 .element_2{bottom:0; left:0;}
.page10 .content_container_2 .element_2 img:first-child{width:170px; height:auto; }
.page10 .content_container_2 .element_2 .element_2a{top:27px; left:68px;}
.page10 .content_container_2 .element_2 .element_2a img{width:35px; height:auto; }
.page10 .content_container_2 .element_2 .element_2b{top:80px; left:41px;color: rgba(255,255,255,1);font-size: 16px; font-weight: bold; line-height: 20px;}
.page10 .content_container_2 .element_2 .element_2c{width:150px; font-size: 12px; line-height: 17px; text-align: center; color: rgba(255,255,255,1); top:104px; left:13px;}


/*page11 POS Network
***********************/
.page11 .area{
	color: #CA9879;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.page11 .amount{
	color: #5FA3C5;
	font-family: "Cormorant Infant";
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	
	background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page11 .arrow{width:16px; height:16px;}
.page11 .change{
	color: #FFFFFF;
	font-family: "Cormorant Infant";
	font-size: 25px;
	font-weight: bold;
	line-height: 24px;
}
.page11 .note{
	color: #96BACF;
	
	font-size: 12px;
	line-height: 20px;
}

.page11 .element_1{top:180px; opacity:0.4;}
.page11 .element_2a{top:36px; left:31px;}
.page11 .element_2b{top:55px; left:32px;}
.page11 .element_2b_glow{top: 44px; left: 31px;}
.page11 .element_2c{top:121px; left:32px;}
.page11 .element_2d{top:114px; left:52px;}
.page11 .element_2e{width:125px; bottom:242px; left:31px; height:0; max-height:178px; overflow:hidden;}
.page11 .element_2e img{position:absolute; width:125px; height:178px; bottom:0; left:0;}

.page11 .element_3a{top:130px; left:154px;}
.page11 .element_3b{top:149px; left:151px;}
.page11 .element_3b_glow{top: 135px; left: 131px;}
.page11 .element_3c{top:184px; left:216px;}
.page11 .element_3d{top:177px; left:234px;}
.page11 .element_3e{width: 50px; bottom: 220px; left: 150px; height:0; max-height:169px; overflow:hidden;}
.page11 .element_3e img{position:absolute; width:50px; height:auto; bottom:0; left:0;}

.page11 .element_4a{top:130px; left:264px;}
.page11 .element_4b{top:149px; left:263px;}
.page11 .element_4b_glow{top: 139px; left: 242px;}
.page11 .element_4c{top:184px; left:316px;}
.page11 .element_4e{width: 113px; bottom: 225px; left: 180px; height:0; max-height:123px; overflow:hidden;}
.page11 .element_4e img{position:absolute; width: 113px; height: 123px; bottom:0; left:0;}

.page11 .element_5a{top:310px; left:206px;}
.page11 .element_5b_glow{top: 313px; left: 178px;}
.page11 .element_5b{top:329px; left:207px;}
.page11 .element_5c{top:362px; left:267px;}
.page11 .element_5d{top:355px; left:286px;}

.page11 .note{top:436px; left:31px;}

/*page12 E-commerce of Mainland China
***********************/
.page12 .title{
	color: #CA9879;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
.page12 .sub_title{
	color: #96BACF;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
.page12 .amount{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
	
	background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page12 .amount .percent{font-size:28px;}
.page12 .circle_icon{width:62px; height:62px; text-align:center;}
.page12 .circle_icon .bg_circle{width:62px; height:62px; top:0; left:0;}
.page12 .circle_icon .icon_circle{}

.page12 .element_1{width:50px; height:54px; top:34px; left:25px;}
.page12 .element_2{width:40px; height:50px; top:152px; left:47px;}
.page12 .element_3{top:38px; left:266px; width:65px; height:47px;}
.page12 .element_4{width:100%;}
.page12 .element_4a{width: 295px; height: 236px; right: 0; top: 30px;}
.page12 .element_4b{top: 85px; left: 115px;}
.page12 .element_4c{width: 16px; height: 17px; top: 130px; left: 115px;}
.page12 .element_4d{
	color: #5FA3C5;
	font-family: "Cormorant Infant";
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	top: 97px;
    left: 140px;
}
.page12 .element_5{/*width:45px;*/ height:57px; top:190px; right:233px; width:0; max-width:45px; overflow:hidden;}
.page12 .element_5 img{width:45px; height:auto; right:0; top:0; position:absolute;}
.page12 .element_6{top:239px; left:34px;}
.page12 .element_6a{}
.page12 .element_6b{top:15px; left:11px; width:38px; height:35px;}
.page12 .element_7{top:311px; left:32px; width:83px;}
.page12 .element_8{top:352px; left:32px;}
.page12 .element_9{top:363px; left:32px;}
.page12 .element_9_glow{top: 356px; left: 19px;}
.page12 .element_10{top:411px; left:32px;}
.page12 .element_11{top:426px; left:32px;}
.page12 .element_11_glow{top: 418px; left: 23px;}
.page12 .element_12{width:1px; max-height:81px; height:0; top:190px; left:179px; overflow:hidden;}
.page12 .element_13{top:271px; left:149px;}
.page12 .element_13a{}
.page12 .element_13b{top:11px; left:15px; width:32px; height:41px;}
.page12 .element_14{top:339px; left:147px; width:83px;}
.page12 .element_15{top:375px; left:147px;}
.page12 .element_15_glow{top: 366px; left: 154px;}
.page12 .element_16{width:0; max-width:45px; height:57px; top:190px; left:232px; overflow:hidden;}
.page12 .element_16 img{width:45px; height:auto; top:0; left:0; position:absolute;}
.page12 .element_17{top:239px; left:267px;}
.page12 .element_17a{}
.page12 .element_17b{top:13px; left:9px; width:39px; height:38px;}
.page12 .element_18{top:311px; left:267px;}
.page12 .element_18b{top:352px; left:267px;}
.page12 .element_19{top:363px; left:267px;}
.page12 .element_19_glow{top: 357px; left: 266px;}

/*page13 Revenue
***********************/
.page13{}
.page13 .slick-dots li button{border-color:#6A90A6;}
.page13 .slick-dots li.slick-active button{background:#6A90A6;}

.page13 .revenue_chart_slider{height:440px; position:relative!important;}
.page13 .revenue_chart_slider div{
	position:relative!important;
}
.page13 .revenue_chart_slider .revenue_chart_item{width:360px; height:440px;}
.page13 .revenue_chart_slider .revenue_chart_item .chart_container div{position:absolute!important;}

.page13 .chart_num{color: #424142; font-size: 12.5px; font-weight: 400; line-height: 13px; }

.page13 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page13 .chart_1_title{
	top:19px; 
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	width:220px;
}
.page13 .chart_1_container{top:138px; left:32px; width:295px; height:238px;}
.page13 .chart_1_container .bar_1{/*top:13px;*/ bottom:18px; left:35px; height:0; max-height:179px; width:10px; overflow:hidden;}
.page13 .chart_1_container .bar_1 img{width:10px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_1_container .bar_1_number{top:0; left:5px; opacity:0;}
.page13 .chart_1_container .bar_1_number img{width:50px; opacity:0;}
.page13 .chart_1_container .bar_1_num_1{top:180px; left:51px; opacity:0;}
.page13 .chart_1_container .bar_1_num_2{top:107px; left:51px; opacity:0;}
.page13 .chart_1_container .bar_1_num_3{top:54px; left:22px; opacity:0;}
.page13 .chart_1_container .bar_2{/*top:42px;*/ bottom:18px; left:138px; height:0; max-height:206px; width:10px; overflow:hidden;}
.page13 .chart_1_container .bar_2 img{width:10px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_1_container .bar_2_number{top:29px; left:61px; opacity:0;}
.page13 .chart_1_container .bar_2_number img{width:50px;}
.page13 .chart_1_container .bar_2_num_1{top:178px; left:153px; opacity:0;}
.page13 .chart_1_container .bar_2_num_2{top:92px; left:153px; opacity:0;}
.page13 .chart_1_container .bar_2_num_3{top:32px; left:124px; opacity:0;}
.page13 .chart_1_container .bar_3{/*top:42px;*/ bottom:18px; left:238px; height:0; max-height:206px; width:14px; overflow:hidden;}
.page13 .chart_1_container .bar_3 img{width:14px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_1_container .bar_3_number{top:29px; left:119px; opacity:0;}
.page13 .chart_1_container .bar_3_number img{width:55px; opacity:0;}
.page13 .chart_1_container .bar_3_num_1{top:178px; left:256px; opacity:0;}
.page13 .chart_1_container .bar_3_num_1 .chart_num{ color: #8D78A4;}
.page13 .chart_1_container .bar_3_num_2{top:60px; left:256px; opacity:0;}
.page13 .chart_1_container .bar_3_num_2 .chart_num{ color: #6392AE;}
.page13 .chart_1_container .bar_3_num_3{top: -2px; left: 223px; opacity:0;}
.page13 .chart_1_container .line_chart{top:220px; left:0; overflow:hidden; width:295px; height:1px; position:relative;}
.page13 .chart_1_container .line_chart img{width:295px; position:absolute; top:0; left:0;}
.page13 .chart_1_container .x_axis{bottom:0; left:22px;}
.page13 .chart_1_container .x_axis img{width:245px; height:auto;}

.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_1{ 
	animation-name:barUp;
	animation-duration:0.8s;
	animation-delay:0.9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_2{ 
	animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_3{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_4{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_5{ 
	animation-name:barUp;
	animation-duration:0.8s;
	animation-delay:1.1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_6{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_7{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_8{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_9{ animation-name:barUp;
	animation-duration:0.8s;animation-delay:1.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_10{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_11{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_1_container .ani_element_12{ animation-name:fadeIn;
	animation-duration:0.3s;animation-delay:1.9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;}
.page13  .revenue_chart_slider .revenue_chart_item.slick-active.slick-active .chart_percentage_1.ani_element_13{
	animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13  .revenue_chart_slider .revenue_chart_item.slick-active.slick-active .chart_percentage_1 .ani_element_14{
	animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13  .revenue_chart_slider .revenue_chart_item.slick-active.slick-active .chart_percentage_1 .ani_element_15{
	animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13  .revenue_chart_slider .revenue_chart_item.slick-active.slick-active .chart_percentage_1 .ani_element_16{
	animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_1{
	 animation-name:barUp;
	animation-duration:0.8s;
	animation-delay:0.9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_2{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:0.8s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_3{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_4{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_5{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_6{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_7{
	 animation-name:barUp;
	animation-duration:0.8s;
	animation-delay:1.1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_8{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_9{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_10{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_11{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_12{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.8s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_13{
	 animation-name:barUp;
	animation-duration:0.8s;
	animation-delay:1.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_14{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_15{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_16{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_17{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:1.6s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_2_container .ani_element_18{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.0s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_percentage_2.ani_element_19{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_percentage_2 .ani_element_20{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_percentage_2 .ani_element_21{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.7s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
.page13 .revenue_chart_slider .revenue_chart_item.slick-active .chart_percentage_2 .ani_element_22{
	 animation-name:fadeIn;
	animation-duration:0.3s;
	animation-delay:2.9s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.page13 .chart_percentage{top:64px; left:184px; opacity:0;}
.page13 .chart_percentage .title{top:0; left:0;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px; opacity:0;
	width:140px;
}
.page13 .chart_percentage .arrow{top:31px; left:0px; opacity:0;}
.page13 .chart_percentage .arrow img{width:21px; height:auto;}
.page13 .chart_percentage .amount{
	top:20px; 
	left:25px;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	width:70px; 
	opacity:0;
}
.page13 .chart_percentage .unit{
	top: 30px;
    left: 91px;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	opacity:0;
}
.page13 .chart_percentage .amount .count{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}

.page13 .chart_1_legend{top:403px; left:32px; width: 287px;}
.page13 .chart_1_legend img{width:247px; height:auto;}

.page13 .chart_2_title{
	top:19px; 
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	width:323px;
}
.page13 .chart_2_title span{
	display: block; 
	font-size: 11px; 
	transform: scale(0.9); 
	transform-origin: top left; 
	line-height: 1.3; 
	margin-top: 5px;
	color: #BB7C4E;
	
}
.page13 .chart_2_container{top:138px; left:32px; width:295px; height:238px;}
.page13 .chart_2_container .bar_1{bottom:18px; left:35px; height:0; max-height:179px; width:10px; overflow:hidden;}
.page13 .chart_2_container .bar_1 img{width:10px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_2_container .bar_1_num_1{top:208px; left:51px; opacity:0;}
.page13 .chart_2_container .bar_1_num_2{top:195px; left:51px; opacity:0;}
.page13 .chart_2_container .bar_1_num_3{top:145px; left: 51px; opacity:0;}
.page13 .chart_2_container .bar_1_num_4{top:88px; left: 51px; opacity:0;}
.page13 .chart_2_container .bar_1_num_5{top:58px; left: 22px; opacity:0;}
.page13 .chart_2_container .bar_2{/*top:42px;*/ bottom:18px; left:138px; height:0; max-height:206px; width:10px; overflow:hidden;}
.page13 .chart_2_container .bar_2 img{width:10px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_2_container .bar_2_num_1{top:208px; left:153px; opacity:0;}
.page13 .chart_2_container .bar_2_num_2{top:193px; left:153px; opacity:0;}
.page13 .chart_2_container .bar_2_num_3{top:135px; left: 153px; opacity:0;}
.page13 .chart_2_container .bar_2_num_4{top:68px; left: 153px; opacity:0;}
.page13 .chart_2_container .bar_2_num_5{top:39px; left: 124px; opacity:0;}
.page13 .chart_2_container .bar_3{/*top:42px;*/ bottom:18px; left:238px; height:0; max-height:206px; width:14px; overflow:hidden;}
.page13 .chart_2_container .bar_3 img{width:14px; position: absolute; bottom: 0; left: 0;}
.page13 .chart_2_container .bar_3_num_1{top:208px; left:256px; opacity:0;}
.page13 .chart_2_container .bar_3_num_1 .chart_num{color: #dc83ab;}
.page13 .chart_2_container .bar_3_num_2{top:192px; left:256px; opacity:0;}
.page13 .chart_2_container .bar_3_num_2 .chart_num{color: #e6b245;}
.page13 .chart_2_container .bar_3_num_3{top:113px; left: 256px; opacity:0;}
.page13 .chart_2_container .bar_3_num_3 .chart_num{color: #8D78A4;}
.page13 .chart_2_container .bar_3_num_4{top:37px; left: 256px; opacity:0;}
.page13 .chart_2_container .bar_3_num_4 .chart_num{color: #6392AE;}
.page13 .chart_2_container .bar_3_num_5{top: 4px; left: 222px; opacity:0;}
.page13 .chart_2_container .line_chart{top:220px; left:0; overflow:hidden; width:295px; height:1px; position:relative;}
.page13 .chart_2_container .line_chart img{width:295px; position:absolute; top:0; left:0;}
.page13 .chart_2_container .x_axis{bottom:0; left:22px;}
.page13 .chart_2_container .x_axis img{width:245px; height:auto;}

/*.page13 .chart_2_percentage{height: 71px; width: 105px; border:1px solid #629BBA;  border-radius:10px; background:#ACCBDB; top:299px; left:229px;}
.page13 .chart_2_percentage .title{top:15px; left:10px; color: #424142; font-size: 14px; }
.page13 .chart_2_percentage .arrow{top:41px; left:10px;}
.page13 .chart_2_percentage .arrow img{width:14px; height:auto;}
.page13 .chart_2_percentage .amount{top:34px; left:30px;}
.page13 .chart_2_percentage .amount .count{color: #20547E; font-size: 21px; font-weight: bold; line-height: 16px;}*/

/*.page13 .chart_2_legend{top:388px; left:230px; height: 62px; width: 114px;}*/

.page13 .chart_2_legend{top:403px; left:32px; width: 287px;}
.page13 .chart_2_legend img{width:287px; height:auto;}
/*.page13 .chart_2_legend .element_1{top:0; left:0;}
.page13 .chart_2_legend .element_1 img{width:16px;}
.page13 .chart_2_legend .element_2{top: 0px; left: 20px; color:#424142; font-size: 10px; font-weight: 600; line-height: 11px; transform: scale(0.8); transform-origin: left top; width:120px;}
.page13 .chart_2_legend .element_3{top:18px; left:0;}
.page13 .chart_2_legend .element_3 img{width:16px;}
.page13 .chart_2_legend .element_4{top: 17px; left: 20px; color:#424142; font-size: 10px; font-weight: 600; line-height: 13px; transform: scale(0.8); transform-origin: left top; width: 120px;}
.page13 .chart_2_legend .element_5{top:36px; left:0;}
.page13 .chart_2_legend .element_5 img{width:16px;}
.page13 .chart_2_legend .element_6{top: 35px; left: 20px; color:#424142; font-size: 10px; font-weight: 600; line-height: 13px; transform: scale(0.8); transform-origin: left top; width: 110px;}
.page13 .chart_2_legend .element_7{top:65px; left:0;}
.page13 .chart_2_legend .element_7 img{width:16px;}
.page13 .chart_2_legend .element_8{top: 64px; left: 20px; color:#424142; font-size: 10px; font-weight: 600; line-height: 13px; transform: scale(0.8); transform-origin: left top; width: 120px;}
*/
.page13 .chart_2_note{top: 455px; left: 28px; color: rgba(51,51,51,1); font-size: 13px; font-weight: 600; line-height: 11px; transform: scale(0.6); transform-origin: left top; width: 500px;}
.page13 .chart_2_note sup{position:absolute; top:-3px;}
.page13 .chart_2_note span{padding-left:8px;}

/*page14 SSSG - Major Markets
***********************/
.page14 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page14 .top_animation{
    top: 0;
    left: 0;
    width: 210px;
    height: 200px;
    overflow: hidden;
}

.page14 .top_animation .earring{
	width:33px; 
	height:52px; 
	left:50px; top: -60px; 
	animation-name: fade, drop;
	animation-duration: 4s, 4s;
	animation-delay: 2.0s, 2.0s;
	animation-iteration-count: infinite, infinite;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;	
}
.page14 .top_animation .earring img{
	animation-name: counterclockwiseSpinAndFlip;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	transform-origin: 25% -25%;
	animation-duration: 2.5s;
}

.page14 .top_animation .ring{
	width:22px; height:21px; top:-50px; left:24px;
	animation-name: fade, drop;
	animation-duration: 4s, 4s;
	animation-delay: 1.5s, 1.5s;
	animation-iteration-count: infinite, infinite;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;	
}
.page14 .top_animation .ring img{
	animation-name: counterclockwiseSpinAndFlip;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	transform-origin: 25% -25%;
	animation-duration: 1.5s;
}

.page14 .top_animation .diamond{
	width:18px; height:22px; top:-60px; left:180px;
	animation-name: fade, drop;
	animation-duration: 4s, 4s;
	animation-delay: 2.5s, 2.5s;
	animation-iteration-count: infinite, infinite;
    animation-direction: normal, normal;
    animation-timing-function: linear, ease-in;	
}
.page14 .top_animation .diamond img{
	animation-name: counterclockwiseSpinAndFlip;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	transform-origin: 25% -25%;
	animation-duration: 2.5s;
}

.page14 .top_animation .house{background:url(../images/7_0-SSSG-Major-Markets/store.svg) no-repeat; width:117px; height:110px; background-size:contain; top:50px; left:57px;}

.page14 .year{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page14 .title{
	color: #5794B3;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}
.page14 .arrow{background:url(../images/common/arrow-blue.svg) no-repeat; width:21px; height:21px; background-size:contain;}
.page14 .amount{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page14 .amount span{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}

.page14 .element_1{top:16px; left:215px;}
.page14 .element_2{top:45px; left:215px;}
.page14 .element_3{top:75px; left:215px;}
.page14 .element_4{top:64px; left:240px;}
.page14 .element_4b{top: 74px; left: 296px;}
.page14 .element_5{top:107px; left:215px;}
.page14 .element_6{top:132px; left:215px;}
.page14 .element_7{top:121px; left:240px;}
.page14 .element_7b{top:131px; left:308px;}


.page14 .element_12a{top: 175px; left: 24px;}
.page14 .element_12a img{width:305px;}
.page14 .element_12b{top:294px; left:38px; float:left; overflow:hidden; width:280px; height:165px;}
.page14 .element_12b img{width:280px; position:absolute; left:0;}
.page14 .element_12b_2{top:199px; left:38px; float:left; overflow:hidden; width:280px; height:165px;}
.page14 .element_12b_2 img{width:280px; position:absolute; left:0;}
.page14 .element_12c{top:383px; left:38px;}
.page14 .element_12c img{width:284px; height:auto;}

.page14 .chart_num{color: #424142; font-size: 12.5px; /*font-weight: 600;*/ line-height: 13px; }

.page14 .element_12_mc-1{top: 279px; left: 26px;}
.page14 .element_12_mc-2{top: 321px; left: 86px;}
.page14 .element_12_mc-3{top: 345px; left: 142px;}
.page14 .element_12_mc-4{top: 310px; left: 196px;}
.page14 .element_12_mc-5{top: 329px; left: 251px;}
.page14 .element_12_mc-6{top: 316px; left: 305px;}

.page14 .element_12_hkm-1{top: 344px; left: 33px;}
.page14 .element_12_hkm-2{top: 269px; left: 80px;}
.page14 .element_12_hkm-3{top: 306px; left: 137px;}
.page14 .element_12_hkm-4{top: 239px; left: 177px;}
.page14 .element_12_hkm-5{top: 184px; left: 244px;}
.page14 .element_12_hkm-6{top: 202px; left: 300px;}

.page14 .chart_legend{top:429px; left:18px;}
.page14 .chart_legend img{width:252px; height:auto;}

/*page15 SSSG - Major Products
***********************/
.page15{}
.page15 .slick-dots li button{border-color:#6A90A6;}
.page15 .slick-dots li.slick-active button{background:#6A90A6;}
.page15 .chart_slider{height:440px; position:relative!important;}
.page15 .chart_slider div{
	position:relative!important;
}
.page15 .chart_slider .chart_item{width:360px; height:440px;}
.page15 .chart_slider .chart_item .chart_container div{position:absolute!important;}

.page15 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page15 .chart_1_title{
	top:19px; 
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.page15 .year{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page15 .title{
	color: #5794B3;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}
.page15 .arrow img{width:21px; height:auto;}
.page15 .amount{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page15 .amount span{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}
.page15 .element_1{top:55px; left:31px; opacity:0;}
.page15 .element_2{top:84px; left:31px; opacity:0;}
.page15 .element_3{top:115px; left:31px; opacity:0;}
.page15 .element_4{top:103px; left:55px; opacity:0;}
.page15 .element_4b{top: 113px; left: 106px; opacity:0;}
.page15 .element_5{top:84px; left:192px; opacity:0;}
.page15 .element_6{top:115px; left:192px; opacity:0;}
.page15 .element_7{top:103px; left:217px; opacity:0;}
.page15 .element_7b{top: 113px; left: 278px; opacity:0;}

.page15 .chart_1a_container{top:188px; left: 38px; float:left; overflow:hidden; max-width:282px; height:59px; width:0;}
.page15 .chart_1a_container img{width:282px; position:absolute; left:0;}

.page15 .chart_1b_container{top:272px; left: 38px; float:left; overflow:hidden; max-width:282px; height:80px; width:0;}
.page15 .chart_1b_container img{width:282px; position:absolute; left:0;}

.page15 .chart_1_line{top:174px; left:36px;}
.page15 .chart_1_line img{width:287px;}
.page15 .chart_1_x_axis{top:369px; left:36px;}
.page15 .chart_1_x_axis img{width:287px; height:32px;}

.page15 .chart_num{color: #424142; font-size: 12.5px; /*font-weight: 600;*/ line-height: 13px; }

.page15 .chart_1_gem_1{top: 173px; left: 26px; opacity:0;}
.page15 .chart_1_gem_2{top:182px; left:80px; opacity:0;}
.page15 .chart_1_gem_3{top:221px; left:140px; opacity:0;}
.page15 .chart_1_gem_4{top:188px; left:192px; opacity:0;}
.page15 .chart_1_gem_5{top: 232px; left: 247px; opacity:0;}
.page15 .chart_1_gem_6{top:205px; left:301px; opacity:0;}

.page15 .chart_1_gold_1{top:256px; left:33px; opacity:0;}
.page15 .chart_1_gold_2{top: 314px; left: 82px; opacity:0;}
.page15 .chart_1_gold_3{top:314px; left:131px; opacity:0;}
.page15 .chart_1_gold_4{top:327px; left:195px; opacity:0;}
.page15 .chart_1_gold_5{top: 330px; left: 249px; opacity:0;}
.page15 .chart_1_gold_6{top: 274px; left: 307px; opacity:0;}

.page15 .chart_legend{top:415px; left: 38px;}
.page15 .chart_legend img{width:225px; height:auto;}

.page15 .element_1_chart2{top:55px; left:31px; opacity:0;}
.page15 .element_2_chart2{top:84px; left:31px; opacity:0;}
.page15 .element_3_chart2{top:115px; left:31px; opacity:0;}
.page15 .element_4_chart2{top:103px; left:55px; opacity:0;}
.page15 .element_4b_chart2{top: 113px; left: 116px; opacity:0;}
.page15 .element_5_chart2{top:84px; left:192px; opacity:0;}
.page15 .element_6_chart2{top:115px; left:192px; opacity:0;}
.page15 .element_7_chart2{top:103px; left:217px; opacity:0;}
.page15 .element_7b_chart2{top:113px; left:283px; opacity:0;}

/*animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:2.7s;
animation-timing-function: linear;
animation-fill-mode: forwards;*/


.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_1,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_1{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.3s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_2,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_2{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.46s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_3,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_3{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.63s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_4,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_4{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.78s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_5,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_5{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.46s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_6,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_6{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.62s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_7,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_7{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.78s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_8,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_8{
	width:0;
	animation-name:width_animation;
animation-duration:1s;
animation-delay:0.3s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_9,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_9{
	width:0;
	animation-name:width_animation;
animation-duration:1s;
animation-delay:0.3s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_10,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_10{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.3s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_11,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_11{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.46s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_12,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_12{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.62s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_13,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_13{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.78s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_14,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_14{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.9s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_15,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_15{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:1.06s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_16,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_16{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.3s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_17,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_17{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.46s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_18,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_18{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.62s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_19,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_19{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.78s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_20,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_20{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:0.9s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.page15 .chart_slider .chart_item.slick-active .chart_1_container .ani_element_21,
.page15 .chart_slider .chart_item.slick-active .chart_2_container .ani_element_21{
	animation-name:fadeIn;
animation-duration:0.3s;
animation-delay:1.06s;
animation-timing-function: linear;
animation-fill-mode: forwards;
}

.page15 .chart_2_title{
	top:19px; 
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
/*.page15 .chart_2_container{top:287px; left:32px; float:left; overflow:hidden; width:303px; height:126px;}
.page15 .chart_2_container img{width:300px; position:absolute; left:0;}*/

.page15 .chart_2a_container{top:211px; left: 38px; float:left; overflow:hidden; max-width:283px; height:134px; width:0; }
.page15 .chart_2a_container img{width:282px; position:absolute; left:0;}

.page15 .chart_2b_container{top:161px; left: 38px; float:left; overflow:hidden; max-width:283px; height:166px;  width:0;}
.page15 .chart_2b_container img{width:283px; position:absolute; left:0;}



.page15 .chart_2_line{top:281px; left:29px;}
.page15 .chart_2_line img{width:303px;}
.page15 .chart_2_x_axis{top:416px; left:29px;}
.page15 .chart_2_x_axis img{width:306px; height:32px;}

.page15 .chart_2_gem_1{top: 344px; left: 29px; opacity:0;}
.page15 .chart_2_gem_2{top:297px; left:93px; opacity:0;}
.page15 .chart_2_gem_3{top:215px; left:136px; opacity:0;}
.page15 .chart_2_gem_4{top:264px; left:197px; opacity:0;}
.page15 .chart_2_gem_5{top:207px; left:270px; opacity:0;}
.page15 .chart_2_gem_6{top: 340px; left: 304px; opacity:0;}

.page15 .chart_2_gold_1{top:265px; left:24px; opacity:0;}
.page15 .chart_2_gold_2{top: 220px; left: 80px; opacity:0;}
.page15 .chart_2_gold_3{top: 330px; left: 140px; opacity:0;}
.page15 .chart_2_gold_4{top:229px; left:180px; opacity:0;}
.page15 .chart_2_gold_5{top: 177px; left: 240px; opacity:0;}
.page15 .chart_2_gold_6{top: 145px; left: 301px; opacity:0;}


.page15 .chart_2_legend_1{top:457px; left: 28px;}
.page15 .chart_2_legend_1 img{width:16px;}
.page15 .chart_2_legend_1_text{top:455px; left:48px; color: #424142; font-size: 10px;  transform: scale(0.8); transform-origin: left top; font-weight:600;}
.page15 .chart_2_legend_2{top:457px; left:149px;}
.page15 .chart_2_legend_2 img{width:16px;}
.page15 .chart_2_legend_2_text{top:455px; left:168px; color: #424142; font-size: 10px;  transform: scale(0.8); transform-origin: left top; font-weight:600;}


/*page16 Core Operating Profit
***********************/
.page16 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page16 .chart_1_title{
	top:19px;
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.page16 .year{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page16 .title{
	color: #5794B3;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
.page16 .arrow img{width:21px; height:auto;}
.page16 .amount{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
.page16 .amount span{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}

.page16 .element_1{top:55px; left:31px;}
.page16 .element_2{top:88px; left:30px;}
.page16 .element_3{top:115px; left:30px;}
.page16 .element_4{top:103px; left:55px;}
.page16 .element_4b{top:113px; left:118px;}
.page16 .element_5{top:75px; left:192px;}
.page16 .element_6{top:115px; left:192px;}
.page16 .element_7{top:103px; left:217px;}
.page16 .element_7b{top:113px; left:285px;}

.page16 .city_animation{top:152px; left:0; width:360px; height:100px;}
.page16 .city_animation .city_glow{height:134px; width:360px; overflow:hidden;}
.page16 .city_animation .city_blink{background:url(../images/9_0-Core-Operating-Profit/Dot.png) no-repeat; width:30px; height:30px; background-size:contain;}
.page16 .city_animation .city_line{width:360px; height:91px; overflow:hidden; top:-1px;}
/*.page16 .city_animation .city_line img{width:360px; height:auto; position:absolute; left:0; top:0;}*/

.page16 .chart_container{top:257px; left:33px; width:295px; height:148px;}
.page16 .chart_container .chart-line{top:131px; left:0;}
.page16 .chart_container .chart-line img{width:295px; height:auto;}
.page16 .chart_container .x_axis{top:138px; left:21px;}
.page16 .chart_container .x_axis img{width:245px; height:auto; }

.page16 .chart_container .chart_num{color: #424142; font-size: 12.5px; /*font-weight: 600;*/ line-height: 13px; }

.page16 .chart_container .bar_1{bottom:17px; left:30px; height:0; max-height:89px; width:21px; overflow:hidden;}
.page16 .chart_container .bar_1 img{width:21px; height:auto;}

.page16 .chart_container .bar_1_number_1{top:26px; left:21px;}
.page16 .chart_container .bar_1_number_2{top:110px; left:43px;}

.page16 .chart_container .bar_2{bottom:17px; left:132px; height:0; max-height:108px; width:21px; overflow:hidden;}
.page16 .chart_container .bar_2 img{width:21px; height:auto;}

.page16 .chart_container .bar_2_number_1{top:7px; left:123px;}
.page16 .chart_container .bar_2_number_2{top:86px; left:146px;}

.page16 .chart_container .bar_3{bottom:17px; left:231px; height:0; max-height:119px; width:29px; overflow:hidden;}
.page16 .chart_container .bar_3 img{width:29px; height:auto;}

.page16 .chart_container .bar_3_number_1{top:-4px; left:221px;}
.page16 .chart_container .bar_3_number_2{top:63px; left:250px;}

.page16 .chart_legend{top:430px; left:33px;}
.page16 .chart_legend img{width:248px; height:auto;}

/*page17 Profitability
***********************/
.page17 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page17 .chart_1_title{
	top:23px; 
	left:32px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.page17 .chart_1_container{top:78px; left:72px; float:left; overflow:hidden; width:214px; height:80px;}
.page17 .chart_1_container img{width:214px; height:auto; position:absolute; left:0;}

.page17 .chart_1_line{top:187px; left:33px;}
.page17 .chart_1_line img{width:295px; height:auto;}
.page17 .chart_1_x_axis{top:196px; left:55px;}
.page17 .chart_1_x_axis img{width:244px; height:auto;}

.page17 .chart_num{color: #424142; font-size: 12.5px;}

.page17 .chart_1_adjusted_1{top: 63px; left: 60px;}
.page17 .chart_1_adjusted_2{top: 71px; left: 163px;}
.page17 .chart_1_adjusted_3{top: 73px; left: 266px;}
/*.page17 .chart_1_adjusted_3 .chart_num{color: #20547E;}*/

.page17 .chart_1_sga_1{top: 100px; left: 60px;}
.page17 .chart_1_sga_2{top: 109px; left: 163px;}
.page17 .chart_1_sga_3{top:110px; left:265px;}
/*.page17 .chart_1_sga_3 .chart_num{color: #639CBB;}*/

.page17 .chart_1_core_1{top: 157px; left: 60px;}
.page17 .chart_1_core_2{top: 157px; left: 163px;}
.page17 .chart_1_core_3{top: 159px; left: 266px;}
/*.page17 .chart_1_core_3 .chart_num{color: #BA1F25;}*/

/*.page17 .chart_1_legend_1{top:146px; left:244px;}
.page17 .chart_1_legend_1 img{width:16px; height:auto;}
.page17 .chart_1_legend_1_text{top:143px; left:266px; color: #424142; font-size: 10px;  transform: scale(0.8); transform-origin: left top; width:126px; font-weight:600;}
.page17 .chart_1_legend_2{top:175px; left:244px;}
.page17 .chart_1_legend_2 img{width:16px; height:auto;}
.page17 .chart_1_legend_2_text{top:173px; left:266px; color: #424142; font-size: 10px;  transform: scale(0.8); transform-origin: left top; width:126px; font-weight:600;}
.page17 .chart_1_legend_3{top:195px; left:244px;}
.page17 .chart_1_legend_3 img{width:16px; height:auto;}
.page17 .chart_1_legend_3_text{top:192px; left:266px; color: #424142; font-size: 10px;  transform: scale(0.8); transform-origin: left top; width:126px; font-weight:600;}*/

.page17 .chart_2_title{
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	top:236px;
	left:31px;
}
.page17 .chart_2_container{top:292px; left:71px; float:left; overflow:hidden; width:211px; height:92px;}
.page17 .chart_2_container img{width:211px; height:auto; position:absolute; left:0;}

.page17 .chart_2_line{top:386px; left:32px;}
.page17 .chart_2_line img{width:295px;}
.page17 .chart_2_x_axis{top:401px; left:55px;}
.page17 .chart_2_x_axis img{width:244px; height:10px;}

.page17 .chart_2_adjusted_1{top: 277px; left: 59px;}
.page17 .chart_2_adjusted_2{top: 279px; left: 160px;}
.page17 .chart_2_adjusted_3{top: 280px; left: 262px;}

.page17 .chart_2_sga_1{top: 306px; left: 59px;}
.page17 .chart_2_sga_2{top: 321px; left: 161px;}
.page17 .chart_2_sga_3{top:328px; left:263px;}

.page17 .chart_2_core_1{top: 361px; left: 66px;}
.page17 .chart_2_core_2{top: 348px; left: 168px;}
.page17 .chart_2_core_3{top:367px; left:269px;}

.page17 .chart_legend{top:431px; left:32px;}
.page17 .chart_legend img{width:278px; height:auto;}

/*page18 SG&A
***********************/
.page18 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: cover;}
.page18 .chart_title{
	top:19px;
	left:31px;
	color: #BB7C4E;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
}
.page18 .chart_container{top:66px; left:19px;}
.page18 .chart_container img{width:208px; height:auto;}

.page18 .chart_line{top:353px; left:32px;}
.page18 .chart_line img{width:295px;}
.page18 .chart_x_axis{top: 361px; left: 48px;}
.page18 .chart_x_axis img{width:252px; height:auto;}
.page18 .chart_1_container{top:107px; left:68px; float:left; overflow:hidden; width:215px; height:44px;}
.page18 .chart_1_container img{width:212px; height:auto; position:absolute; left:0;}

.page18 .chart_num{color: #424142; font-size: 12.5px; line-height: 13px;}

.page18 .chart_1_num_1{top: 90px; left: 57px; font-size:11px; transform: scale(0.9);}
.page18 .chart_1_num_2{top: 116px; left: 160px; }
.page18 .chart_1_num_3{top: 127px; left: 259px;}

.page18 .chart_2_bar_1{bottom:154px; left:67px; height:0; max-height:152px; width:11px; overflow:hidden;}
.page18 .chart_2_bar_1 img{width:10px; position: absolute; bottom: 0; left: 0;}


.page18 .chart_2_bar_1_left_num_1{top: 380px; left: 10px; display:none;}
.page18 .chart_2_bar_1_left_num_2{top: 345px; left: 18px; display:none;}
.page18 .chart_2_bar_1_left_num_3{top: 328px; left: 18px; display:none;}
.page18 .chart_2_bar_1_left_num_4{top: 295px; left: 10px; display:none;}
.page18 .chart_2_bar_1_left_num_5{top: 246px; left: 10px; display:none;}
.page18 .chart_2_bar_1_left_num_6{top: 179px; left: 10px; display:none;}
.page18 .chart_2_bar_1_left_num_7{top: 188px; left: 58px;}
/*.page18 .chart_2_bar_1_left_num_7 .chart_num{font-size:12px;}*/
.page18 .chart_2_bar_1_right_num_1{top: 334px; left: 83px;}
.page18 .chart_2_bar_1_right_num_2{top: 314px; left: 83px;}
.page18 .chart_2_bar_1_right_num_3{top: 303px; left: 83px;}
.page18 .chart_2_bar_1_right_num_4{top: 288px; left: 83px;}
.page18 .chart_2_bar_1_right_num_5{top: 262px; left: 83px;}
.page18 .chart_2_bar_1_right_num_6{top: 222px; left: 83px;}

.page18 .chart_2_bar_2{bottom:154px; left:170px; height:0; max-height:149px; width:10px; overflow:hidden;}
.page18 .chart_2_bar_2 img{width:10px; position: absolute; bottom: 0; left: 0;}

.page18 .chart_2_bar_2_left_num_1{top:394px; left:83px; display:none;}
.page18 .chart_2_bar_2_left_num_2{top:365px; left:89px; display:none;}
.page18 .chart_2_bar_2_left_num_3{top:337px; left:89px; display:none;}
.page18 .chart_2_bar_2_left_num_4{top:299px; left:83px; display:none;}
.page18 .chart_2_bar_2_left_num_5{top:255px; left:83px; display:none;}
.page18 .chart_2_bar_2_left_num_6{top:202px; left:83px; display:none;}
.page18 .chart_2_bar_2_left_num_7{top:189px; left:161px;}
/*.page18 .chart_2_bar_2_left_num_7 .chart_num{font-size:12px;}*/
.page18 .chart_2_bar_2_right_num_1{top: 333px; left: 185px;}
.page18 .chart_2_bar_2_right_num_2{top: 314px; left: 185px;}
.page18 .chart_2_bar_2_right_num_3{top: 303px; left: 185px;}
.page18 .chart_2_bar_2_right_num_4{top: 290px; left: 185px;}
.page18 .chart_2_bar_2_right_num_5{top: 265px; left: 185px;}
.page18 .chart_2_bar_2_right_num_6{top: 225px; left: 185px;}

.page18 .chart_2_bar_3{bottom:154px; left:269px; height:0; max-height:168px; width:14px; overflow:hidden;}
.page18 .chart_2_bar_3 img{width:14px; position: absolute; bottom: 0; left: 0;}

.page18 .chart_2_bar_3_left_num_1{top:393px; left:159px; display:none;}
.page18 .chart_2_bar_3_left_num_1 .chart_num{color:#24828F; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_2{top:363px; left:166px; display:none;}
.page18 .chart_2_bar_3_left_num_2 .chart_num{color:#ECB627; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_3{top:335px; left:166px; display:none;}
.page18 .chart_2_bar_3_left_num_3 .chart_num{color:#90191C; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_4{top:298px; left:159px; display:none;}
.page18 .chart_2_bar_3_left_num_4 .chart_num{color:#639CBB; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_5{top:253px; left:159px; display:none;}
.page18 .chart_2_bar_3_left_num_5 .chart_num{color:#8B888C; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_6{top:193px; left:159px; display:none;}
.page18 .chart_2_bar_3_left_num_6 .chart_num{color:#20547E; font-weight:bold;}
.page18 .chart_2_bar_3_left_num_7{top: 170px; left: 259px;}
.page18 .chart_2_bar_3_left_num_7 .chart_num{ font-weight:bold;}
.page18 .chart_2_bar_3_right_num_1{top: 330px; left: 287px;}
.page18 .chart_2_bar_3_right_num_1 .chart_num{color:#3f929e; font-weight:bold;}
.page18 .chart_2_bar_3_right_num_2{top:307px; left: 287px;}
.page18 .chart_2_bar_3_right_num_2 .chart_num{color:#66b76b; font-weight:bold;}
.page18 .chart_2_bar_3_right_num_3{top:295px; left: 287px;}
.page18 .chart_2_bar_3_right_num_3 .chart_num{color:#4a669e; font-weight:bold;}
.page18 .chart_2_bar_3_right_num_4{top:280px; left: 287px;}
.page18 .chart_2_bar_3_right_num_4 .chart_num{color:#dc83ab; font-weight:bold;}
.page18 .chart_2_bar_3_right_num_5{top:255px; left: 287px;}
.page18 .chart_2_bar_3_right_num_5 .chart_num{color:#e6b245; font-weight:bold;}
.page18 .chart_2_bar_3_right_num_6{top:208px; left: 287px;}
.page18 .chart_2_bar_3_right_num_6 .chart_num{color:#8975a7; font-weight:bold;}

/*.page18 .chart_percentage{border:1px solid #629BBA;  border-radius:10px; background:#ACCBDB; width:105px; height:71px; top:77px; left:225px;}
.page18 .chart_percentage .title{top:15px; left:11px; color: #424142;font-size: 14px; }
.page18 .chart_percentage .arrow{top:41px; left:11px;}
.page18 .chart_percentage .arrow img{width:15px; height:auto;}
.page18 .chart_percentage .amount{top:31px; left:29px; color: #20547E;}
.page18 .chart_percentage .amount .count{font-size: 21px; font-weight: bold;}*/
.page18 .chart_percentage{top:38px; left:185px;}
.page18 .chart_percentage .title{top:0; left:0;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	width:140px;
}
.page18 .chart_percentage .arrow{top:31px; left:0px;}
.page18 .chart_percentage .arrow img{width:21px; height:auto;}
.page18 .chart_percentage .amount{
	top:20px; 
	left:25px;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	width:125px;
}
.page18 .chart_percentage .amount .count{
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 30px;
	font-weight: 600;
	line-height: 37px;
}
.page18 .chart_percentage .unit{
	top:30px; 
	left:93px;
	color: #5794B3;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

.page18 .chart_legend{top:397px; left:32px;}
.page18 .chart_legend img{width:275px; height:auto; }

/*page19 Capital and Cash Flows Management
***********************/
/*.page19 .bg_container{background:url("../images/_background/bg_grey.jpg") no-repeat #fff; width: 360px; height: 507px; margin-top: 48px; background-size: contain;}*/
.page19 .title{
	color: #CA9879;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.page19 .amount{
	/*color: #5FA3C5;*/
	font-family: "Cormorant Infant";
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	
	/*background: rgb(95,163,197); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(155, 221, 233) 0%, rgb(95, 163, 197) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BDDE9', endColorstr='#5FA3C5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page19 .line{background-color:#4B6C7F; max-width:300px; height:1px;}
.page19 .currency{color: #92B4CD;
	font-family: "Cormorant Infant";
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;}

.page19 .element_1{top:41px; left: 39px;}
.page19 .element_1 img{width:50px; height:auto;}
.page19 .element_2{top:101px; left: 41px;
	
}
.page19 .element_3_glow{    top: 37px;
    left: 199px;}
.page19 .element_3{top:46px; left: 201px;}
.page19 .element_4{top:132px; left: 30px; }
.page19 .element_5{top:152px; left: 39px;}
.page19 .element_5 img{width:49px; height:auto;}
.page19 .element_6{top:216px; left: 41px;}
.page19 .element_7_glow{top: 151px; left: 191px;}
.page19 .element_7{top:161px; left: 201px;}
.page19 .element_8{top:246px; left: 30px;}
.page19 .element_9{top:267px; left: 39px;}
.page19 .element_9 img{width:42px; height:auto;}
.page19 .element_10{top:324px; left: 41px;}
.page19 .element_11_glow{top: 276px; left: 176px;}
.page19 .element_11a{top:271px; left:201px;}
.page19 .element_11b{top:289px; left: 201px;}
.page19 .element_12{top:354px; left: 30px;}
.page19 .element_13{top:375px; left: 39px;}
.page19 .element_13 img{width:49px; height:auto;}
.page19 .element_14{top:432px; left: 39px;}
.page19 .element_15{top:379px; left: 201px;}
.page19 .element_16_glow{top: 386px; left:182px;}
.page19 .element_16{top:396px; left: 201px;}


/*page20 Ending page
***********************/
.page20 .bg_container{margin-top:0; height:568px;}
.page20 .pageHeader{background:none;}
.page20 .element_1{top:240px; left: 80px;
	color: #C79A7B;
	
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}
.page20 .element_2{top:270px; left: 59px;
	color: #C79A7B;
	
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}
.page20 .element_3{top:525px; left: 24px;}
.page20 .element_3 img{width:19px;}
.page20 .element_4{top:515px; left: 55px;
	width: 114px;
	color: #C79A7B;
	
	font-size: 13px;
	line-height: 16px;
}
.page20 .element_5{top:525px; left: 189px;}
.page20 .element_5 img{width:19px;}
.page20 .element_6{top:515px; left: 220px;width: 114px;
	color: #C79A7B;
	
	font-size: 13px;
	line-height: 16px;}
.page20 a{color:#C79A7B;}