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

.zh_hk .m5 div{
  position: relative;
  left: auto;
}

/*.zh_hk .page1 .basic_eps .amount{top:25px;}*/
.zh_hk .page1 .amount .amount_unit{ font-size:20px;}
/*.zh_hk .page1 .basic_eps .glow{top:18px;}*/
.zh_hk .page1 .basic_eps .sub_title{top:135px; }
.zh_hk .page1 .basic_eps .sub_title span{font-size:16px;}
/*.zh_hk .page1 .basic_eps .percentage{top:134px; }*/
.zh_hk .page1 .basic_eps .percentage .percent_currency{font-size:15px;}
.zh_hk .page1 .basic_eps .percent_currency{opacity:0;}

/*.zh_hk .page1 .dividend_per_share .amount{top:245px;}
.zh_hk .page1 .dividend_per_share .glow{top:237px;}*/
.zh_hk .page1 .dividend_per_share .sub_title{top:341px;}
.zh_hk .page1 .dividend_per_share .percentage{top:365px;}
.zh_hk .page1 .dps_element_6{font-size:16px}

.zh_hk .page2 .brand-text{top:234px;}
.zh_hk .page2 .text-8{top:122px;}
.zh_hk .page2 .text-8 span{top: 3px!important; left: 59px;}
.zh_hk .page2 .popup-item .title{line-height:20px;}
.zh_hk .page2 .popup-item .text_spotlight .text_2{font-size:13px;}
.zh_hk .page2 .popup-item .text_spotlight .text_3{font-size: 13px; top: 121px;}

.zh_hk #artrium .text_3{right:106px;}
.zh_hk #hearts_on_fire .text_3{right:13px;}
.zh_hk #soinlove .text_3{right:93px;}
.zh_hk #monologue .text_3{right:93px;}
.zh_hk #ctf_tmark .text_3{right:64px;}
.zh_hk #jewelria .text_3{right:93px;}
.zh_hk #ctf_jewellery .text_3{right:53px;}


.zh_hk .page4 .amount .unit{ line-height:13px;}
.zh_hk .page4 .element_5b{top:396px;}
.zh_hk .page4 .element_8b{top:396px;}

.zh_hk .page12 .element_8 {top: 332px;}
.zh_hk .page12 .element_9 {top:345px;}
.zh_hk .page12 .element_9_glow{top: 336px;}
.zh_hk .page12 .element_10 {top: 400px;}
.zh_hk .page12 .element_11 {top: 415px;}
.zh_hk .page12 .element_11_glow {top: 407px;}

/*.zh_hk .page12 .element_15 {top: 385px;}
.zh_hk .page12 .element_15_glow {top: 371px;}*/
.zh_hk .page12 .element_14{width:103px;}
.zh_hk .page12 .element_18b {top: 331px;}
.zh_hk .page12 .element_19 {top: 343px;}
.zh_hk .page12 .element_19_glow {top: 335px;}

.zh_hk .page13 .chart_percentage .title{font-size:15px;}
.zh_hk .page13 .chart_percentage .title span{font-size:13px;}
.zh_hk .page13 .chart_percentage .unit{font-size: 13px; width: 90px;}
.zh_hk .page13 .chart_1_container .x_axis{left:7px;}
.zh_hk .page13 .chart_1_container .x_axis img{width:278px;}
.zh_hk .page13 .chart_2_container .x_axis{left:7px;}
.zh_hk .page13 .chart_2_container .x_axis img{width:278px;}
.zh_hk .page13 .chart_2_legend img{width:215px;}

.zh_hk .page13  .revenue_chart_slider .revenue_chart_item.slick-active.slick-active .chart_percentage_1 .ani_element_16.unit{left:96px;}

/*.zh_hk .page13 .chart_1_legend img{width:235px;}
.zh_hk .page13 .chart_2_legend img{width:192px;}*/

.zh_hk .page14 .year{font-size:15px;}
.zh_hk .page14 .year span{font-size:13px;}
.zh_hk .page14 .amount{font-size:13px; width: 90px;}

.zh_hk .page14 .top_animation .diamond{left:160px;}
.zh_hk .page14 .element_1{left:200px;}
.zh_hk .page14 .element_2{left:200px;}
.zh_hk .page14 .element_3{left:200px;}
.zh_hk .page14 .element_4{left:225px;}
.zh_hk .page14 .element_4b{left:281px;}
.zh_hk .page14 .element_5{left:200px;}
.zh_hk .page14 .element_6{left:200px;}
.zh_hk .page14 .element_7{left:225px;}
.zh_hk .page14 .element_7b{left:293px;}
.zh_hk .page14 .element_12c{left:26px;}
.zh_hk .page14 .element_12c img{width:302px;}
/*.zh_hk .page14 .chart_legend{left:18px;}*/
.zh_hk .page14 .chart_legend img{width:222px;}

.zh_hk .page15 .year{font-size:15px;}
.zh_hk .page15 .year span{font-size:13px;}
.zh_hk .page15 .amount{font-size:13px;}
.zh_hk .page15 .chart_legend img{width:192px;}

.zh_hk .page15 .chart_1_x_axis{left:30px;}
.zh_hk .page15 .chart_1_x_axis img{width:297px;}

.zh_hk .page16 .year{font-size:15px;}
.zh_hk .page16 .year span{font-size:13px;}
.zh_hk .page16 .amount{font-size:13px;}
.zh_hk .page16 .chart_container .x_axis{left:4px;}
.zh_hk .page16 .chart_container .x_axis img{width:281px;}
.zh_hk .page16 .chart_legend img{width:255px;}

.zh_hk .page16 .element_5 {top: 88px;}

.zh_hk .page17 .chart_1_x_axis{left:38px;}
.zh_hk .page17 .chart_1_x_axis img{width:285px;}
.zh_hk .page17 .chart_2_x_axis{left:38px;}
.zh_hk .page17 .chart_2_x_axis img{width:284px;}
.zh_hk .page17 .chart_legend img{width:240px;}


.zh_hk .page18 .chart_percentage .title{font-size:15px;}
.zh_hk .page18 .chart_percentage .title span{font-size:13px;}
.zh_hk .page18 .chart_percentage .unit{font-size:13px; width:90px;}
.zh_hk .page18 .chart_x_axis{left:35px;}
.zh_hk .page18 .chart_x_axis img{width:285px;}
.zh_hk .page18 .chart_legend img{width:240px;}

.zh_hk .page19 .currency{font-size:18px;}