html{  scroll-behavior: smooth;}

.new_event_style .banner_area .banner{ display:flex; width:100%; color:#212529; align-items:center; position:relative; margin-top:1rem;}
.new_event_style .banner_area .banner .text{ width:calc( 100% - 640px); box-sizing: border-box; padding:1rem 3rem; margin-bottom:1rem;}
.new_event_style .banner_area .banner .text h4{ font-size:38px; color:#936846; margin:10px 0; font-weight:400;}
.new_event_style .banner_area .banner .text h4 span{ color:#212529;}
.new_event_style .banner_area .banner .text p{ font-size:22px;}
.new_event_style .banner_area .banner .text a.button{ background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; display:inline-block; margin:10px 0;}


.new_event_style .banner_area .banner .image{ width:640px;}
.new_event_style .banner_area .owl-dots{ position:absolute; margin-top:0!important; bottom:1rem; left:calc(3rem - 5px);}
.new_event_style .banner_area .owl-dots .owl-dot.active span{ width:40px; background-color:#936846;}
.new_event_style .banner_area .owl-dots .owl-dot span{ background-color:#c1c3c3; margin:5px; height:8px; width:8px;}

.new_event_style .icon_bar{ background:url(/home/images/bg_new_event_bar.jpg) no-repeat #474c50; padding:1.6rem 2rem; display:flex; justify-content:space-evenly;}
.new_event_style .icon_bar > a{ display:flex; flex-direction:column; color:#fff; min-width:140px;}
.new_event_style .icon_bar > a > span{ margin-bottom:10px;}
.new_event_style .icon_bar > a:hover{ color:#1a7b99;}
h2{ padding-left:0; border-top:5px solid #936846; line-height:1; padding-top:20px; float:left; margin-top:0; padding-right:90px; min-width:270px;}

.new_event_style .booking_area{ margin:65px 0;}
.new_event_style .booking_area .remark{ font-size:14px; width:100%;}

.new_event_style .booking_part{ display:flex; justify-content:space-between;}
.new_event_style .booking_part .calendar{ width:365px;}
.new_event_style .booking_part .calendar .flex-space{ display:flex; align-items:center;}
.pos-relative{ position:relative;}
.new_event_style .booking_part .booking{ margin-left:30px; width:805px; position:relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.new_event_style .booking_part .booking .event{ background:#f5f7f8; margin-bottom:1rem; padding:1.5rem; position:relative; color:#555; width:100%; box-sizing: border-box;}
.new_event_style .booking_part .booking.half .event{ width:49%;}
.new_event_style .booking_part .booking .event h3{ margin:0 0 10px 0; font-size:24px;}
.new_event_style .booking_part .booking .event table{ margin-bottom:10px; max-width:650px;}
.new_event_style .booking_part .booking .event table tr td:first-child{ white-space:nowrap; padding-left:0;}
.new_event_style .booking_part .booking .event table tr td{ padding:3px 5px;}
.new_event_style .booking_part .booking .event:last-child{ margin-bottom:0;}
.new_event_style .booking_part a.button{ background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; display:inline-block; text-align:center; box-sizing:border-box; position:absolute; right:20px; bottom:20px;}

.new_event_style .booking_part.fx a.button{ bottom:-20px; right:0;}

.new_event_style hr{ margin:0;}
.new_event_style .education_area .cbbc{ margin-top:30px;}

.new_event_style .education_area{ margin:65px 0 55px 0;}
.new_event_style .education_area .article_area{ display:flex; justify-content:space-between;}
.new_event_style .education_area .article_area .article{ width:260px;}
.new_event_style .education_area .article_area .article a{ color:#000;}
.new_event_style .education_area .article_area .article h4{ margin:5px 0 10px 0; font-size:18px;}

.new_event_style .education_area .article_area .article a .photo { height:170px; width:260px; overflow: hidden; position:relative;}
.new_event_style .education_area .article_area .article a .photo img { transition: transform .5s ease;}
.new_event_style .education_area .article_area .article a:hover .photo img { transform: scale(1.2); filter: blur(3px);}
.new_event_style .education_area .article_area .article a .photo:after{ 
    content:"";
    transition: 0.5s all;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 1;}
.new_event_style .education_area .article_area .article a:hover .photo:after{ opacity: 1;}
.new_event_style .education_area .article_area .article a .photo:before{ 
    content: "";
    transition: 0.5s all;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url(/home/images/icon_hover_article.png) no-repeat center #fff;
    opacity: 0;
    z-index: 2;
}
.new_event_style .education_area .article_area .article a:hover .photo:before{ 
	top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px; 
	opacity: 1;
}

.new_event_style .education_area .more_tl{ display:flex; align-items:flex-start; justify-content:space-between;}
.new_event_style .education_area .button{ background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; display:inline-block; text-align:center; box-sizing:border-box; float:right; margin-top:10px;}
.new_event_style .education_area .warrant:after, .new_event_style .education_area .cbbc:after{ content:""; display:table; clear:both;}
.new_event_style .video_area{ background:#f5f9fc; position:relative; margin:65px 0; height:435px;}
.new_event_style .video_area .bg{ position:absolute; right:0; top:0; height:100%;}
.new_event_style .video_area .bg img{ width:auto; height:100%;}
.new_event_style .video_area .content_box{ padding:4rem 10rem 0 3rem;}
.new_event_style .video_area h2{ font-size:36px; margin:0 0 20px 0; border:none;}
.new_event_style .video_area h2 span{ color:#936846;}
.new_event_style .video_area h4{ margin:5px 0 10px 0;}
.new_event_style .video_area a.button{ background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; margin:10px 0; position:absolute; bottom:63px;}
.new_event_style .video_area .owl-carousel .owl-nav button{ background:#fff; width:54px; height:54px; border-radius:54px; color:#000; box-shadow:0px 0px 6px rgb(0 0 0 / 20%); margin:5px 13px;}

.new_event_style .video_area_new{ /*background:#f5f9fc; position:relative; margin:65px 0;*/ position:relative;}
.new_event_style .video_area_new a.button{ position:absolute; background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; display:inline-block; text-align:center; box-sizing:border-box; right:0; bottom:0; z-index:1;}

.new_event_style .video_area_new .bg{ position:absolute; right:0; top:0; height:100%; display:none;}
.new_event_style .video_area_new .bg img{ width:auto; height:100%;}
.new_event_style .video_area_new .content_box{ padding:2rem 3rem;}
.new_event_style .video_area_new h2{ /*font-size:36px; margin:0 0 10px 0; border:none;*/}
.new_event_style .video_area_new h2 span{ color:#936846;}

.video_area_new .tabs {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}
.video_area_new ul#tabs-nav {
  list-style: none;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 20px 35px;
  background: rgb(255 255 255 / 90%);
  width: 420px;
  /*border-top: 3px solid #1a7b99;*/
  box-sizing: border-box;
}
.video_area_new ul#tabs-nav li {
  font-weight: bold;
  margin-right: 2px;
  padding: 7px 0;
  font-size:18px;
  cursor: pointer;
}
.video_area_new ul#tabs-nav li span{ 
	font-weight: normal;
    color: #1a7b99;
    font-size: 16px;
    border: 2px solid #1a7b99;
    border-radius: 50px;
    width: 27px;
    float: left;
    line-height: 27px;
    text-align: center;
    margin-right: 5px;
}
.video_area_new ul#tabs-nav li:hover span,
.video_area_new ul#tabs-nav li.active span{
	color: #fff;
	background:#1a7b99;
}
.video_area_new #tabs-nav li a {
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
}
.video_area_new .tab-content{
  width: 710px;
}
.video_area_new .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.video_area_new .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.new_event_style .market_area{ margin:65px 0;}
.new_event_style .market_area .market_box{ background:#faf8f2; display:flex; flex-direction: row-reverse;}
.new_event_style .market_area .market_box .article_box{ padding:2rem; position:relative; width:calc(100% - 548px);}
.new_event_style .market_area .market_box .article_box .article{ margin-bottom:2rem;}
.new_event_style .market_area .market_box .article_box .article .time{ font-size:13px;}
.new_event_style .market_area .market_box .article_box .article h4{ margin:0 0 10px 0; font-size:24px;}
.new_event_style .market_area .market_box .article_box .article h4 a{ color:#000;}
.new_event_style .market_area .market_box .article_box .article .tl{ color:#936846;}
.new_event_style .market_area .market_box .article_box .article:last-child{ margin-bottom:0;}
.new_event_style .market_area .market_box .article_box .article .related{ margin:10px 0; display:flex; gap:5px; flex-wrap:wrap;}
.new_event_style .market_area .market_box .article_box .article a.button{ background:#1a7b99; color:#fff; padding:0.5rem 1rem; border-radius:4px; display:inline-block; font-weight:bold;}
.new_event_style .market_area .market_box .article_box .more{ position:absolute; color:#1a7b99; right:2rem; bottom:2rem; font-weight:bold; background: url(/home/images/bg_event_more_arrow.png) center right 21px no-repeat;
    padding-right: 31px}

.new_event_style .icon_area{ margin:65px 0;}
.new_event_style .icon_area .icon_list{ display:flex; justify-content:space-evenly; text-align:center;}
.new_event_style .icon_area .icon_list h4{ margin:5px 0 10px 0; font-size:24px;}

.new_event_style .icon_area .remark{ font-size:14px; font-style:italic; margin-top:20px;}

.owl-carousel .owl-item .video{ overflow:hidden; border-radius:10px;}

.owl-carousel .owl-item .video{ overflow: hidden; position:relative;}

.owl-carousel .owl-item .video a:after{ 
  content:"";
  transition: 0.5s all;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 1;
}
.owl-carousel .owl-item .video a:hover:after{ opacity: 1;}
.owl-carousel .owl-item .video a:before{ 
    content: "";
    transition: 0.5s all;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url(/home/images/icon_hover_movie.png) no-repeat center #fff;
    opacity: 0;
    z-index: 2;
}
.owl-carousel .owl-item .video a:hover:before{ 
	top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
	opacity: 1;
}
.owl-theme .owl-nav{ text-align:left;}
/*.new_event_style .education_area .article_area .article a .photo img { transition: transform .5s ease;}
.new_event_style .education_area .article_area .article a:hover .photo img { transform: scale(1.2); filter: blur(3px);}
.new_event_style .education_area .article_area .article a .photo:after{ 
  content:"";
  transition: 0.5s all;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 1;}
.new_event_style .education_area .article_area .article a:hover .photo:after{ opacity: 1;}
.new_event_style .education_area .article_area .article a .photo:before{ 
    content: "";
    transition: 0.5s all;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url(/home/images/icon_hover_article.png) no-repeat center #fff;
    opacity: 0;
    z-index: 2;
}
.new_event_style .education_area .article_area .article a:hover .photo:before{ 
	top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
	opacity: 1;
}*/


.socialitem {
  display: inline-flex;
  transform: rotate(0deg);
  transform-style: preserve-3d;
  transition: transform 0.25s;
  align-items: flex-start;
  flex-direction: column;
}
.socialitem:hover {
  transform: rotate(0deg);
}
.socialitem > span {
  transform: rotate(-360deg);
  transition: transform 0.25s;
  margin-bottom: 5px;
}
.socialitem:hover > span {
  transform: rotate(0deg);
}
.social {
  text-align: center;
}
.socialitem .txt{ display:flex; align-items: flex-start;}
.socialitem .txt .arrow{ background:url(/home/images/icon_bar_arrow.png) no-repeat center; width:15px; height:22px; margin-left:5px; transition:0.4s all;}
.icon_bar a:hover .socialitem .txt .arrow{ background:url(/home/images/icon_bar_arrow_b.png) no-repeat center; width:15px; height:22px; margin-left:10px;}

.new_event_style .banner_area .banner .image .desktop{ display:block;}
.new_event_style .banner_area .banner .image .mobile{ display:none;}

.flex_tl{ display:flex; justify-content:space-between; align-items: center;}

.exchange_area{ margin: 65px 0;}

.exchange_area .remark{ font-size: 14px;}


.focus_area{ margin: 65px 0;}

.focus_area .more_button{
    background: #dedede;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 13px;
    float: right;
}
.focus_area .more_button a{
    color: #000;
}
.focus_area .product{ display:flex; justify-content: space-between; background:#f5f7f8; clear:both; padding:10px 30px;}
.focus_area .long, .focus_area .short{ margin: 10px 0; width:49%;}
.focus_area .sub_tl {
    margin-bottom: 5px;
    margin-top: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
	font-size: 22px;
    font-weight: bold;
}
.focus_area .long .sub_tl {
    color: #212529;
}
.focus_area .short .sub_tl {
    color: #212529;
}
.focus_area ul {
    display: flex;
}
.focus_area ul li {
    min-width: 33.33%;
    flex-direction: column;
	display: flex;
	align-items: flex-start;
}
.focus_area ul li:nth-child(4){ display:none;}
.focus_area ul li .data {
    min-width: 135px;
}
.focus_area .long ul li .data, .focus_area .short ul li .data {
    display: flex;
    flex-direction: column-reverse;
    background: none;
    color: #212529;
    padding: 0;
    margin: 0 0 0 11px;
}
.focus_area ul li .number {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
    font-size: 30px;
    font-weight: bold;
}
.focus_area ul li .details {
    margin-left: 0;
    font-size: 14px;
}
.focus_area ul li .details .label {
    font-size: 15px;
	margin-left: 11px;
}
.focus_area ul li .details .label {
    font-size: 15px;
}
.focus_area ul li .details .item {
    margin-left: 11px;
    color: #212529;
}

.focus_area ul li.call .details .label{ color:#2c9ab3;}
.focus_area ul li.call .number a{ color:#2c9ab3;}
.focus_area ul li.call .desc { color:#2c9ab3;}

.focus_area ul li.put .details .label{ color:#ed8b00;}
.focus_area ul li.put .number a{ color:#ed8b00;}
.focus_area ul li.put .desc { color:#ed8b00;}

.focus_area ul li.bull .details .label{ color:#008259;}
.focus_area ul li.bull .number a{ color:#008259;}
.focus_area ul li.bull .desc { color:#008259;}

.focus_area ul li.bear .details .label{ color:#a50034;}
.focus_area ul li.bear .number a{ color:#a50034;}
.focus_area ul li.bear .desc { color:#a50034;}

.focus_area .remark{ font-size:13px;}

.news_area{ margin: 65px 0 !important; border-top:none!important;}

.news_area .realtime_news {
    border-top: 1px solid #d8d9d9;
}

.news_area .realtime_news ul.no_data {
    float: none;
    width: 100%;
}

.news_area .realtime_news ul.no_data li {
    border-bottom: none;
    text-align: center;
}

.news_area .realtime_news ul {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.news_area .realtime_news ul.left {
    border-right: 1px solid #d8d9d9;
}

.news_area .realtime_news ul.right {
    border-right: none;
}

.news_area .realtime_news ul li {
    line-height: 30px;
    margin: 0;
    float: none;
    border-bottom: 1px dashed #d8d9d9;
    font-size: 15px;
}

.news_area .realtime_news ul li.date {
    background: #eaeaea;
    margin: 0;
    padding: 0 10px;
    border-bottom: none;
    font-weight: bold;
}

.news_area .realtime_news ul li span {
    color: #6e6d72;
}

.news_area .realtime_news ul li a {
    color: #4D7AA7;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    width: 530px;
    float: right;
}

.news_area .realtime_news ul li a:hover {
    text-decoration: underline;
}

.news_area .realtime_news .remark {
    font-size: 13px;
    line-height: 28px;
    font-family: Arial, Helvetica;
    float: left;
}

.news_area .realtime_news .remark a {
    color: #000;
}

.news_area .realtime_news .more_link {
    text-align: right;
    float: right;
}

.news_area .realtime_news .more_link a {
    color: #54585a;
    font-size: 13px;
    font-family: Arial, Helvetica;
    line-height: 28px;
    background: url(/home/images/icon_home_more_link_gray.jpg) no-repeat right;
    padding-right: 20px;
    font-weight: bold;
}

.news_area .realtime_news .more_link a:hover {
    text-decoration: underline;
}

.news_area .realtime_news:after {
    content: "";
    display: table;
    clear: both;
}

.news_area .remark a{ color:#000;}
.news_area .remark{ font-size:13px; text-align:right;}

.time_table{ margin:65px 0;}
.time_table .photo{ display:block; width:100%; height:auto;}
.time_table .photo img{ width:100%; height:auto;}

.time_table .tabs{ position:relative;}
.time_table .tabTitle{ position:absolute; top: -35px}
.time_table .tabTitle ul{ display:flex; background: #fff;}
.time_table .tabTitle ul li{  font-size: 22px; cursor:pointer; padding:20px 50px; border-right:1px solid #eee;}

.en_hk .time_table .tabTitle ul li {
    font-size: 22px;
    cursor: pointer;
    padding: 12px 50px;
    border-right: 1px solid #eee;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.time_table .tabTitle ul li.current{ border-bottom: 3px solid #1a7b99;}
.time_table .tabContent{ padding-top:50px;}
.time_table .date{ display:flex; justify-content:space-between;}
.time_table .date ul{ width:48.5%;}
.time_table .date ul li {
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    float: none;
    border-bottom: 1px dashed #d8d9d9;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}


#compare_data .tabs ul li button {
    background: #fff;
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    padding: 3px 10px;
    border: 1px solid #dedede;
	line-height: inherit;
}
#compare_data .tabs ul li button.active {
    background: #dedede;
}
#compare_data .tabs ul li {
    margin-left: 5px;
}
#compare_data .chart {
	background: #f5f7f8;
    padding: 50px;
    margin: 0 70px;
    width: calc(100% - 140px);
    box-sizing: border-box;
}
#compare_data .remark {
	font-size: 13px;
	margin-top: 10px;
}


    
.sector_area{}
.sector_area .low_side, .sector_area .high_side, .sector_area .bar_area{
 	float: left;
    font-size: 11px;
    line-height: 14px;
}
.sector_area .low_side {
    width:40px;
	padding-right: 3px;
    text-align: right;
}

.sector_area .bar_area {
    width: 44%;
    background: #f5f5f5;
    height: 12px;
    margin: 1px 0;
}

.sector_area .bar_area .bar {
    background: #4d7aa7;
    float: left;
    height: 12px;
    position: relative;
}

.sector_area .bar_area .bar:after {
    content: "";
    width: 7px;
    height: 20px;
    background: url(/home/images/arrow_label_today.gif) no-repeat center;
    position: absolute;
    right: -4px;
    bottom: -5px;
}

.sector_area .high_side {
    width: 40px;
	padding-left: 3px;
    text-align: left;
}

.new_event_style .forex_area{
  margin: 65px 0;
}
 .new_event_style .forex_area .more_button{
    background: #dedede;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 13px;
    float: right;
}
.new_event_style .forex_area .more_button a{
    color: #000;
}
 .new_event_style .forex_area .forex_all{
	display: flex;
    flex-wrap: wrap;
    gap: 30px 15px;
    justify-content: space-between;
}
.new_event_style .forex_area .forex_all .forex_one{ 
    width: calc(50% - 15px);
    box-sizing: border-box;
}
.new_event_style .forex_area .forex_all .forex_one .box{ 
	display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.new_event_style .forex_area .forex_all .forex_one .box .left{
	width: 260px;
}
.new_event_style .forex_area .forex_all .forex_one .box .data{
	margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.new_event_style .forex_area .forex_all .forex_one .box .data > div{
	margin-bottom: 5px;
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new_event_style .forex_area .forex_all .forex_one .box .data > div.price span{
	float:right;
}
.new_event_style .forex_area .forex_all .forex_one .box .data > div.pm_close{
	display: flex;
	align-items: flex-start;
    justify-content: space-between;
}
.new_event_style .forex_area .forex_all .forex_one .box .data > div .left{ width: auto;}
.new_event_style .forex_area .forex_all .forex_one .box .data > div .right{ width: auto; text-align:right;}
.new_event_style .forex_area .forex_all .forex_one .box .data > div .right span{ display:block;}
.new_event_style .forex_area .forex_all .forex_one .forex_tl{
  background:#fff;
  color:#000;
  padding: 5px 0;
  border-bottom: 1px solid #dedede;
}
.new_event_style .forex_area .forex_all .forex_one .forex_tl span{ display:flex;}
.new_event_style .forex_area .forex_all .forex_one .forex_tl span img{ padding:0; margin:0;}
.new_event_style .forex_area .forex_all .forex_one .forex_tl a{
	color: #936846;
	display: flex;
	font-weight: bold;
    align-items: center;
	font-size: 22px;
	justify-content: space-between;
}
.new_event_style .forex_area .forex_all .forex_one .forex_tl a img{
	display:inline-block;
	padding-left: 5px;
}
.new_event_style .forex_area .forex_all .forex_one .product{
	margin-top: 15px;
	display: flex;
}
.new_event_style .forex_area .forex_all .forex_one .product .part{
	display: flex;
    flex-direction: column;
	margin-right: 10px;
	align-items: flex-start;
	width:50%;
}
.new_event_style .forex_area .forex_all .forex_one .product .part:last-child{
	margin-right:0;
}
.new_event_style .forex_area .forex_all .forex_one .product .part .sub_tl{
	display: flex;
	margin-bottom: 5px;
    align-items: center;
}
.new_event_style .forex_area .forex_all .forex_one .product .part .sub_tl img{
	width:24px;
	height:auto;
	margin-right: 5px;
}

.new_event_style .forex_area .forex_all .forex_one .product .part .call{ 
	color:#2c9ab3!important;
	border:1px solid #2c9ab3;
	padding: 3px 10px;
    border-radius: 6px;
    margin-bottom: 5px;
	    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.new_event_style .forex_area .forex_all .forex_one .product .part .put{ 
	color:#ed8b00!important; 
	border:1px solid #ed8b00; 
	padding: 3px 10px;
    border-radius: 6px;
    margin-bottom: 5px;
	    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.new_event_style .forex_area .forex_all .forex_one .box .chart{
	width: 280px;

}
.new_event_style .forex_area .forex_all .forex_one .box .chart ul{
	float: right;
	margin-bottom:15px;
}
.new_event_style .forex_area .forex_all .forex_one .box .chart ul li {
    margin-left: 5px;
}
.new_event_style .forex_area .forex_all .forex_one .box .chart ul li button {
    background: #fff;
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    padding: 3px 10px;
    border: 1px solid #dedede;
    line-height: inherit;
}
.new_event_style .forex_area .forex_all .forex_one .box .chart ul li button.active {
    background: #dedede;
}
.new_event_style .forex_area .forex_all .forex_one .box .chart .chart_area{
	height:95px;
	clear:both;
}

.new_event_style .forex_area .remark{
	font-size: 13px;
}

@media only screen and (max-width: 767.98px) {
.new_event_style .banner_area .banner{ flex-direction: column-reverse;}
.new_event_style .banner_area .banner .text{ width:100%; padding:1rem 2rem 2rem 2rem; margin-bottom:0;}
.new_event_style .banner_area .banner .image{ width:100%;}
.new_event_style .banner_area .banner .image img{ width:100%; height:auto;}
.new_event_style .icon_bar{ flex-wrap:wrap; padding:1rem;}
.new_event_style .icon_bar > a{ width:33.33%; align-items:center; margin:0.5rem 0; text-align:center; font-size:14px; padding:5px; box-sizing:border-box;}
.new_event_style .banner_area .owl-dots{ left:calc(2rem - 5px);}
.new_event_style .booking_part{ flex-direction:column;}
#calendar{ margin:0!important;}
.new_event_style .booking_part .calendar{ width:100%;}
.ecalendar__year{ padding-left:5px;}
.new_event_style .booking_part .booking{ width:100%; margin-left:0;}
.new_event_style .education_area .article_area{ /*flex-direction:column;*/ flex-wrap:wrap;}
.new_event_style .education_area .article_area .photo img{ width:100%; height:auto;}
.new_event_style .education_area .article_area .article{ width:50%; padding:5px; box-sizing:border-box;}
.new_event_style .education_area .article_area .article a .photo{ width:100%; height:auto;}
.new_event_style .education_area .article_area .article h4 br{ display:none;}
.owl-carousel .owl-item img{ height:auto;}
.new_event_style .video_area{ height:auto;}
.new_event_style .video_area a.button{ position:unset; display:inline-block;}
.new_event_style .video_area .content_box{ padding:1.5rem;  text-align:center;}
.new_event_style .video_area .bg{ display:none;}
.new_event_style .video_area h2{ font-size:28px; text-align:center;}
.new_event_style .market_area .market_box .image{ display:none;}
.new_event_style .market_area .market_box .article_box{ width:100%; padding:1.5rem;}
.new_event_style .market_area .market_box .article_box .more{ position:unset;}
.new_event_style .icon_area .icon_list{ flex-wrap:wrap;}
.new_event_style .icon_area .icon_list > div{ width:50%; padding:10px; box-sizing:border-box;}
.new_event_style .icon_area .icon_list h4{ font-size:20px;} 
.new_event_style .booking_part .booking .event{ padding:1.5rem 1.5rem 3rem 1.5rem;}
.new_event_style .booking_part a.button{ bottom:10px; right:10px;}
h2{ margin-left:10px; min-width:0;}
.new_event_style .education_area .cbbc{ margin-top:60px;}
.socialitem{ align-items:center;}
.socialitem .txt .arrow{ display:none;}
.new_event_style .icon_bar > a{ min-width:0;}
.video_area_new .tabs{ flex-direction: column;}
.new_event_style .video_area_new .bg{ display:none;}
.new_event_style .video_area_new h2{ /*margin:0; padding:10px 0; font-size:30px;*/}
.new_event_style .video_area_new .content_box{ padding:10px;}
.video_area_new ul#tabs-nav{ width:100%;}
.video_area_new .tab-content{ width:100%;}
.video_area_new ul#tabs-nav{ padding:10px;}
.video_area_new ul#tabs-nav li{ padding:5px 0; font-size:16px;}
.new_event_style .booking_part .booking .event table{ max-width:unset; margin-bottom:0;}
.new_event_style .banner_area .banner .image .desktop{ display:none;}
.new_event_style .banner_area .banner .image .mobile{ display:block;}
.new_event_style .video_area_new a.button{ position:relative; margin-top:10px; float:right;}
.new_event_style .forex_area .forex_all .forex_one .box .data > div .left{ /*width:72px;*/}
.sector_area .bar_area { width:61px;}
.focus_area .flex_tl{}
.focus_area .product{ flex-direction: column; padding: 0 15px;}
.focus_area .long, .focus_area .short{ width:100%; margin:10px 0 0 0;}
.focus_area .long .sub_tl img, .focus_area .short .sub_tl img{ width: 26px; height:auto; margin-right:5px;}
.focus_area ul{ flex-wrap:wrap;}
.focus_area ul li{ width:50%; margin-bottom:10px;}
.focus_area ul li .details .label{ font-size:14px;}
.focus_area .more_button{ margin-right:10px;}
.time_table .tabTitle{ position:relative; top:0; width:100%;}
.time_table .tabTitle ul{ flex-wrap: wrap;}
.time_table .tabTitle ul li, .en_hk .time_table .tabTitle ul li{ font-size:18px; padding:10px;}
.time_table .tabContent{ padding-top:0;}
.time_table .tabContent > .date{flex-direction: column;}
.time_table .date ul{ width:100%;}
.time_table .date ul li{ /*flex-direction:column; align-items:flex-start;*/ justify-content:flex-start; }
.time_table .date ul li > span.date{ margin-right:5px; float:left;}
#compare_data .flex_tl{ flex-direction:column; align-items:flex-start;}
#compare_data .tabs{ margin-bottom:10px; margin-left:5px;}
.exchange_area .remark{ margin-left:10px;}
.new_event_style .banner_area .banner .text{ padding: 0 1.5rem 2.5rem 1.5rem;}
.new_event_style .banner_area .banner .text h4{ font-size:28px;}
.new_event_style .banner_area .banner .text p{ font-size:18px;}
.new_event_style .banner_area .owl-dots{ left: calc(1.5rem - 5px);}
.new_event_style .booking_part .booking .remark{ margin-left:10px;}
.new_event_style .booking_part .booking.half .event{ width:100%;}
.new_event_style .booking_part .booking .event{ padding:1rem; margin-bottom:10px;}
.new_event_style .booking_part.fx a.button{ position:unset;}
.new_event_style .booking_part.fx a.button{ margin-left:10px; margin-top:10px;}
.new_event_style .education_area .button{ float:none; margin-left:10px;}
h2{ padding-right:0;}
#compare_data .chart{ width:100%; padding:5px; margin:0;}
.news_area .realtime_news ul.left, .news_area .realtime_news ul.right{ width:100%; border-right:none; border-left:none;}
.news_area .realtime_news ul li a{ float:none; display:inline-block; width:calc(100% - 50px); line-height:1;}

.sector_area{ min-width:115px;}
#exchange_rate .table table thead th:first-child, .table table tbody td:first-child{ padding-left:0;}
#exchange_rate .table table thead th, #exchange_rate .table table tbody td{ padding: 0;}
.new_event_style .forex_area .forex_all .forex_one{ width: 100%;}

.new_event_style .forex_area .forex_all .forex_one .box .data{ font-size:14px; border-bottom:none; margin-bottom:0; padding-bottom:0;}
.new_event_style .forex_area .forex_all .forex_one .product .part .sub_tl{ font-size:14px;}
.new_event_style .forex_area .forex_all .forex_one .forex_tl{ padding: 0 10px;}
.new_event_style .forex_area .forex_all .forex_one .box{ padding:10px;}
.new_event_style .forex_area .forex_all .forex_one .product .part .put{ font-size:14px; padding:3px 5px;}
.new_event_style .forex_area .forex_all .forex_one .product .part .call{ font-size:14px; padding:3px 5px;}
.new_event_style .forex_area .forex_all .forex_one .product .part .sub_tl img{ display:none;}
.new_event_style .forex_area .forex_all .forex_one .box .left{ width:200px;}
.new_event_style .forex_area .forex_all .forex_one .box .chart{ width:calc(100% - 220px);}
.new_event_style .forex_area .forex_all .forex_one .box .chart img{ width:100%;}
.new_event_style .forex_area .forex_all .forex_one .box .chart ul li button{ padding:3px;}
.new_event_style .forex_area .forex_all{ gap:0 15px;}
.new_event_style .forex_area .remark{ padding:0 10px;}
.new_event_style #compare_data .remark{ padding:0 10px;}

}