.shadowgradient { 
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,.8) 25%, rgba(0,0,0,.0) 100%);
padding-bottom:18px;
padding-top:10px;
z-index:0;	
}

.banner{ background:url(../images/index/bg_banner.gif) no-repeat left top #121212; padding-top:20px; }
.banner .royalSlider {  width: 100%;  height:550px; overflow:hidden;max-width:1920px; margin:0px auto;    }
.banner .rsDefault .rsBullets {	background: none;	line-height: 50px;	height:50px;}
.banner .rsDefault .rsBullet { margin-top:15px; width: 13px;	height: 13px;	background:none;	background:url(../images/index/banner_nav.png) no-repeat top;	cursor:pointer;}
.banner .rsDefault .rsBullet.rsNavSelected  {	background:url(../images/index/banner_nav.png) no-repeat bottom;}
.banner .ttl_marketMaster{ height:60px;}
.banner .caption .glyphicon,.banner .caption .fa{ font-size:0.9em; width:25px; text-align: center;}
.banner .btn{ margin-right: 20px;}
.caption{  left:15%; top: 150px;  color:#FFF;}
.caption_IFX{ top: 100px;}
.caption h2{ font-size:50px; color:#FFF; line-height:58px; margin-bottom: 0px; text-shadow:2px 2px 13px #000000; text-align: left; }
.caption_smaller{ font-size:40px; left:20%; top:200px; color:#FFF; line-height:50px; text-shadow:2px 2px 13px #000000; }
.caption p, .caption_smaller p{ font-size:24px; line-height:40px; margin-top:10px; margin-bottom:20px; font-family:"Microsoft YaHei",微軟雅黑; }
.caption p .material-icons{ font-size: 1.125em;}
.caption p span{ /*background:rgba(0,0,0,0.5);*/}
.caption p.expo{ font-size:28px; line-height:40px; }
.caption p.awards{ font-size:40px; line-height:50px;}
.caption p.awards span.awards_name{text-indent: -20px;display: inline-block;}
.caption.black_txt{ color:#000000;  text-shadow:2px 2px 13px rgba(255, 255, 255, 0.5);; }

.banner_en .caption p{  font-family:'Roboto Condensed', sans-serif;}

.help{ background:url(../images/index/bg_help.jpg) no-repeat center #000000; background-size:cover; color:#FFFFFF; text-align:center; font-size:1.25em; line-height:2em;}
.help .btn_red_line{ margin-top:30px;}

.sales{background:url(../images/footer/bg_sales.gif) no-repeat center #f72b3b;  color:#FFFFFF; }
.sales .content{ display:inline-block; width:100%;}
.sales h2{ font-weight:normal; text-align:left; display:inline-block; color:#FFFFFF; float:left;}
.sales .btn{ float:right; margin-top:-5px; }

.salesforStart{ color:#FFFFFF; margin-top:50px; }
.salesforStart .content{ display:inline-block; width:100%;}
.salesforStart h2{ font-weight:normal; text-align:left; display:inline-block; color:#FFFFFF; float:left; }
.salesforStart .btn{ float:right; margin-top:-5px;}

.intro{ background:url(../images/about-us/bg_new_office.jpg) no-repeat center center; position:relative;}
.intro .container{ z-index:10; color:#FFFFFF; text-align:left;}
.intro .container .half{ width:50%; left:50%; position:relative; padding:0px 0px 0px 20px;}
.intro .container h2{ display:inline-block; text-align:left; margin:0px; color:#e60012; font-weight:bold;}
.intro .mask{ background:rgba(0,0,0,0.8); position:absolute; width:50%; height:100%; top:0px; left:50%; z-index:1;}
.intro label{ display:inline-block;}
.hightlight{ background:#eeeeee; text-align:center;}
.list_hightlight{ display:flex; width:100%; margin-top:10px; 
    flex-wrap: wrap;
    flex-direction: row;}
.list_hightlight li{  flex: 0 0 20%;  padding:20px; background:#FFFFFF; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;  color:#e60012; font-weight:bold;}
.list_hightlight li img{ margin-bottom:10px; max-width: 180px;}


.structure{ background:url(../images/about-us/bg_structure.gif) no-repeat top center #dddddd;  }

.tree_dia{ display:inline-block; width:100%; color:#FFFFFF; margin-top:20px;  font-weight:bold; }
.tree_dia ul{ margin:0px -5px;}
.tree_dia li{
	text-align: center;
	position: relative;
	float:left;
	display:inline-block; padding:0px 5px; width: 100%; }
.tree_dia li.area_hk{width:100%;}
.tree_dia li.area_gz ,
.tree_dia li.area_sh { width:12%;}



.tree_dia ul.lv2{ position:relative; padding-top:20px;}
.tree_dia ul.lv2::before{content: '';
	position: absolute; top: 0; right: 50%;
	border-right: 2px solid #e60012;
	width: 50%; height: 20px;}
	
.tree_dia ul.lv2 li::before{content: '';
	position: absolute; top: 0; right: 50%;
	border-right: 2px solid #e60012;
	border-top:2px solid #e60012;
	width: 50%; height: 20px;}

.tree_dia ul.lv2 li::after{content: '';
	position: absolute; top: 0; left: 50%;
	border-top:2px solid #e60012;
	width: 50%; height: 20px;}


.tree_dia ul.lv2 li:last-child::after,	
.tree_dia ul.lv2 li:first-child::before{
	border-top: 0px solid #e60012;
}

.tree_dia ul.lv3 li::before{content: '';
	position: absolute; top: 0; right: 50%;
	border-right:2px solid #e60012;
	width: 50%; height: 10px;}
	

.tree_dia ul.lv1 > li{ width:100%; margin-bottom:20px; font-size:20px;  }
.tree_dia ul.lv2 > li{ width: 33.334%; font-size:20px; }
.tree_dia ul.lv2 > li:last-child{ width: 33.333%;}
.tree_dia ul.lv3 > li{ margin-bottom:20px;}
.tree_dia ul.lv3 > li::before{border-right:0px;}
.tree_dia ul.lv4,
.tree_dia ul.lv5 { margin:0px -5px;}

.tree_dia li.area_hk ul.lv4 li{ width:16.66666%; }
.tree_dia li.area_hk ul.lv5 li,
.tree_dia ul.lv5 li{ width:100%;}


.tree_dia li.area_department ul.lv4 > li{ width:16.66666%; }
.tree_dia li.area_department ul.lv4 > li:before{ display:none; }

.tree_dia li label{
	position:relative;
	padding: 5px 0px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;
	line-height:30px;
	width:100%;
	z-index:100;
}
.tree_dia ul.lv1 li > label{background:url(../images/about-us/bg_lv1.gif) no-repeat bottom left #bb0311;  width:33%; }

.tree_dia ul.lv2 li label{ width:100%; background:url(../images/about-us/bg_lv2.gif) no-repeat bottom left #e60012; margin-top:20px;}
.tree_dia ul.lv3 li label{ width:100%; background:url(../images/about-us/bg_lv2.gif) no-repeat bottom left #e60012; margin-top:10px; font-size:16px; padding:5px 10px;}
.tree_dia ul.lv4 li > label{ background:url(../images/about-us/bg_lv4.gif) no-repeat bottom left #f72b3b; height:30px; line-height:20px; color:#FFFFFF; font-size:13px; }
.tree_dia ul.lv5 li > label{background:url(../images/about-us/bg_lv5.gif) no-repeat bottom left #FFFFFF;   border:1px solid #e91e2e; height:30px; line-height:20px; color:#e60012; font-size:13px;  }
.tree_dia ul.lv1 li.board_director{ position:relative;}

.tree_dia ul.lv1 li.board_director::after{content: '';
	position: absolute; top: 100%; right: 50%;
	border-right: 2px solid #e60012;
	width: 50%; height: 20px; }
.tree_dia ul.lv1 li.board_director label{ background:url(../images/about-us/bg_lv0.gif) no-repeat bottom left #a5000d; font-size:22px; }

.tree_dia_en{ font-weight:400;}
.tree_dia_en li label{ padding:5px 5px 5px 10px;  height:auto;}
.tree_dia_en ul.lv3 li label{ line-height:20px; height:50px;}
.tree_dia_en ul.lv3 li.area_hk > label{ padding-top:15px;}
.tree_dia_en ul.lv4 li > label{ height:auto;}
.tree_dia_en ul.lv5 li > label{ height:auto;}
.iadtContent{background:url(../images/about-us/bg_iadt.jpg) no-repeat center top #000000; color:#FFFFFF; text-align:center;}

.iadtImg { display:inline-block; width:auto; margin:40px auto 0px auto;}
.iadtImg .step{ width:295px; height:295px; display:inline-block; float:left; position:relative; padding:150px 25px 0px 25px; line-height:20px;}
.iadtImg .step .step_ttl{ font-size:24px; font-weight:bold; line-height:25px; display:block;}
.iadtImg .step .step_ttl .en{ font-size:20px; font-weight:bold; font-family: 'Orbitron', sans-serif; text-transform:uppercase; display:block;} 
.iadtImg .iadt_01{  background:url(../images/about-us/iadt_01.png) no-repeat center top;}
.iadtImg .iadt_02{  background:url(../images/about-us/iadt_02.png) no-repeat center top; margin-top:200px; }
.iadtImg .iadt_03{  background:url(../images/about-us/iadt_03.png) no-repeat center top;}
.iadtImg .iadt_04{  background:url(../images/about-us/iadt_04.png) no-repeat center top; margin-top:200px;}



.safe{ background:url(../images/benefit/bg_safe.jpg) no-repeat center top #FFFFFF; text-align:center; overflow: hidden; }
.environment{ background:url(../images/benefit/bg_environment.jpg) no-repeat center top #000000; text-align:center; color:#FFFFFF;}
.team{ background:url(../images/benefit/bg_team.jpg) no-repeat top center #dcdcdb; text-align:center; overflow: hidden; }

.safeImg,
.environmentImg,
.teamImg{ margin:30px auto 0px auto; max-width: 1600px; }

.safeImg ul,
.teamImg ul,
.environmentImg ul{  display: flex;     flex-wrap: wrap;    flex-direction: row;   gap:20px;   justify-content: space-between; }

.safeImg li{ width: calc(25% - 20px) ;  margin-bottom:10px; padding: 5px 15px 15px 15px;  background: #FFFFFF; box-shadow: 0 5px 10px rgb(0 0 0 / 7%);     border-radius: 5px; }
.teamImg li,
.environmentImg li{ width: calc(33.33% - 20px) ;  margin-bottom:10px; padding: 5px 15px 15px 15px;  background: #FFFFFF; box-shadow: 0 5px 10px rgb(0 0 0 / 7%);     border-radius: 5px; }

.safeImg img,
.teamImg img,
.environmentImg img{ margin:0px auto; max-width:150px;}

.environmentImg li{ background: rgba(0,0,0,0.4);}

.safeImg h4,
.teamImg h4,
.environmentImg h4{display:block; color:#e60012; font-weight:bold; line-height:35px; }
.safeImg li .descript,
.teamImg li .descript,
.environmentImg li .descript{ padding: 10px; text-align: left; }



.career{background:url(../images/about-us/bg_career.jpg) no-repeat center top #000000; color:#FFFFFF; text-align:center; font-size:16px; min-height:400px; padding-top:100px;}



.job_list{ background:#EEEEEE;}
.job{ margin-bottom:1px; background:#FFFFFF; padding:5px 10px; font-size:12px; line-height:20px;}
.job .moreDetails{ display:none;}
.job .jobPos{ font-size:14px; font-weight:bold;  line-height:20px; padding-right:30px; position:relative; cursor:pointer; }
.job .jobPos .icon{background:url(../images/about-us/icon_collapse.gif) no-repeat right top; width:20px; height:20px; position:absolute; top:0px; right:0px;}
.job.active .icon{background:url(../images/about-us/icon_collapse.gif) no-repeat right bottom;}

.historyContent{ text-align:center;}
.company_history{ background:url(../images/about-us/bg_history.jpg) no-repeat center top; height:400px; }
.bg_news{ background:url(../images/about-us/bg_news.jpg) no-repeat center top; height:400px; }
.bg_activities{ background:url(../images/about-us/bg_activities.jpg) no-repeat center top; height:400px; }
.bg_awards{ background:url(../images/awards/bg_awards.jpg) no-repeat center center; height:400px; }
.bg_media{ text-align: left; min-height:610px; }



.mf_pro{background: url(../images/products/bg_mf4.jpg) no-repeat top center; background-size: cover; }
.ci_pro{background: url(../images/products/bg_ci_pro.jpg) no-repeat top center;}
.apps_pro{background: url(../images/products/bg_apps.jpg) no-repeat center center;}
.algo_pro{background: url(../images/products/bg_algo_pro.jpg) no-repeat top center #000000;}
.ia_pro{background: url(../images/products/bg_ia_pro.jpg) no-repeat top center  #111111;}
#marketMaster{ background:url(../images/products/bg_marketMaster.jpg) no-repeat #dddddd; background-position: center 80px;}
#tradetv{ 
background: url(../images/products/bg_tradetv.jpg) no-repeat #3855a1; background-position: center 10px;
}
#marketWatch{ background:url(../images/products/bg_marketWatch.jpg) no-repeat #FFFFFF; background-position: center 90px;}

#traderPro{ background:url(../images/products/bg_traderPro.jpg) no-repeat #FFFFFF; background-position: top ; }
.traderPro_info{  display: flex;    align-items: center; margin-bottom: 40px;}
.traderPro_info .ttl_traderPro{ height: 80px;    margin-bottom: 10px;}
.traderPro_info .images{ float: left;  display: inline-block; height: 530px;    width: 50%;}
.traderPro_info .descript{ width:50%;  display: inline-block; text-shadow: #FFFFFF 1px 1px 10px; padding-bottom: 20px; }
#apps .download_app,
#traderPro .download_app{ display:flex; grid-gap: 20px; flex-wrap: wrap;}


#traderPro .client_case{
    background:url(../images/products/using-mobile.jpg) no-repeat center; 
    background-blend-mode: lighten; background-color: rgba(255,255,255,0.65); background-size:cover;  max-width: 1600px; 
    border-radius:10px; overflow:hidden;
    margin: auto;
    text-align: center;
    font-size: 1.1em;
    line-height: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#traderPro .client_case:hover{ background-color: rgba(255,255,255,0.8);}

#traderPro .client_case h2{ color: #222222;}

.mt4{background: url(../images/products/bg_mt4.jpg) no-repeat top center ;}
.STP{background: url(../images/products/bg_STP.jpg) no-repeat center;}
.crm{background: url(../images/products/bg_crm.jpg) no-repeat top center ;}
.ecn{background: url(../images/products/bg_ecn.jpg) no-repeat top center ;}
.mt4futures{background: url(../images/products/bg_mt4future.jpg) no-repeat top center ;}

.mt4plugin{background: url(../images/products/mt4-plugin-01.jpg) no-repeat top center ;}
.mt4_plugin_benefit .container .productBenfit li {min-height:230px;}
.mt4_plugin_benefit_en .container .productBenfit li {min-height:280px;}
.mt4wl{background: url(../images/products/wlBG.jpg) no-repeat top center ;}

.demorequest{background: url(../images/products/bg_demo.jpg) top center; background-size:cover;}

.brokerplus{ background:url(../images/products/bg_brokerplus.jpg) no-repeat center top; background-size: cover;}


.visual{ width:100%; height:auto; color:#FFFFFF; font-size:16px; display:inline-block; padding: 2rem 0px; }
.visual .container{ display: flex;}
.visual .images{ display:inline-block; width:50%; text-align: center;}
.visual .images img{ width:100%; display:inline-block; max-width:640px;}
.visual .descript{ width:50%; display:inline-block; align-self: center; padding: 0px 1rem; }
.visual .descript label{ display:inline-block;}
.visual .descript h1{ margin-bottom:20px;}
.visual .descript .btn{ margin-top:20px;}
.visual_addextend{ padding-bottom:40px;}

.img-key{ max-width: 720px; width: 100%; margin: 0px auto;}

.mt4futures.visual{ color: #000000;}

.mf_pro_01{  background: url(../images/products/bg_platform.jpg) no-repeat top center #000000; text-align:center; color:#FFFFFF;}
.mf_pro_02{
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);    
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
    text-align:center; 
     overflow: hidden;  
}
.mf_pro_03{background: url(../images/products/bg_mf_pro_04.jpg) no-repeat top center #000000; text-align:center; color:#FFFFFF; overflow: hidden; }
.mf_backoffice{ background: #fafafa;     text-align: center; overflow: hidden;}
.mf-trade-platform{  background: url(../images/products/bg-mf4-platfrom.jpg) no-repeat top center #FFFFFF; text-align:center;  overflow: hidden;}
.mf_pro_04{
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);    
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
    text-align:center;
 overflow: hidden;}
.architecture{ background: url(../images/products/bg_mf_architecture.jpg) repeat-x top center #dddddd; text-align:center;}
.architecture img{ max-width: 1180px;}


.apps_pro_01{background: #FFFFFF; text-align:center; color:#000000;}

.mt4_flow,
.broker_flow{ background: #FFFFFF; text-align: center; }

.mt4_flow .container img,
.broker_flow .container img{ text-align: center; margin-left: auto;  margin-right: auto; }
.mt4_benefit,
.crm_benefit,
.crm_admin,
.broker_benefit,
.mt4wl_benefit{  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);    
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);
    text-align:center; 
     overflow: hidden;   }
.crm_system,
.crm_client{ background: #f4f4f4;      overflow: hidden; text-align: center; }

.crm_system img{ max-width: 1180px;}
.

.ecn_flow{ text-align: center; }
.ecn_flow .container img{ text-align: center; margin-left: auto;  margin-right: auto; }
.ecn_benefit{ 
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%);    
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); text-align:center;
    overflow: hidden;   
}






.tradency{background: url(../images/products/bg_tradency.jpg) no-repeat top center #131313; text-align:left; color:#FFFFFF;}
.tradency h2{ clear: both;}
.tradency .ps{line-height: 20px;}
/*
.mt4wl_plan .productBenfit { max-width: 1600px; margin: 0px auto;}
.mt4wl_plan .productBenfit ul {    display: flex;    text-align: center;    margin-top: 10px;    flex-direction: row;  gap:0px;   flex-wrap: wrap;    justify-content: center; }
.mt4wl_plan .productBenfit li{ width: 33.33% ; flex: 0 1 auto;  flex-direction: column; justify-content: center;  padding:15px 25px; text-align: center; }
*/


.mirror_trader { text-align: center; background:url(../images/products/bg_mirror_trader.jpg)  top ;  }
.mirror_trader .visual{ color: #000000;}
.mirror_trader .visual img{ max-width: 800px;}
.mirror_trader .ttl_mirror_trader{ height:60px; margin-bottom:10px; }
.mirror_trader .productBenfit ul{ gap:0px;}
.mirror_trader .productBenfit li{ width: 33.3333%; display: inline-block; float: none; text-align: center; }

.mirror_trader .productBenfit .images{ width:250px; height: 250px;  border-radius: 50%; border: 10px outset #999999; overflow: hidden; position: relative; float: none;}
.mirror_trader .productBenfit .images img{ max-width: 300px; width: 100%;}
.mirror_trader .productBenfit .descript{ float: none; width: 100%; height: 70px; padding: 10px 20px;}
.mirror_trader .productBenfit_en .descript{ height: 95px;}



.RoboX .productBenfit li{ width: calc(50% - 20px); display: inline-block; text-align: center; }
.mirror_trader .productBenfit_for2 li{ width: 50%; display: inline-block; text-align: center; }
.RoboX .productBenfit .descript{ width: 80%; float: none;  display: block; margin: 0px auto; }


.RoboX .visual{background:url(../images/products/bg_robox.jpg) top no-repeat;}
.RoboX .visual img{ max-width: 800px; }
.RoboX{ background:url(../images/products/bg_code.jpg)  top;    text-align: center;  color:#FFFFFF;   }
.RoboX .ttl_robox{ height:60px; margin-bottom:10px; }
.RoboX .productBenfit .images{ width:300px; height: 300px;  border-radius: 50%; border: 10px outset #cccccc; overflow: hidden;  position: relative; float: none; }
.RoboX .productBenfit .images img{ width: 100%; max-width: none;}

/*.RoboX .productBenfit li{ width: 100%;}
.RoboX .productBenfit .images{  border-radius: 50%; border: 10px inset #999999; overflow: hidden;  position: relative; padding-top: 30%; width: 30%;  }
.RoboX .productBenfit .images img{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; max-width: none;}*/

.RoboX .productBenfit .descript h4{text-align: center;}
.RoboX .productBenfit_en .descript p{text-align: center;}
.RoboX .productBenfit .descript .list_num li{ width: 100%; float: none; margin: 0px 0px 0px 20px; padding: 0px; display:list-item; text-align: left;}

.robox_steps{ margin-top: 40px;}
.robox_steps h4{ color:#e60012;}
.robox_steps ul{ display: inline-block; width: 100%;}
.robox_steps ul li{ float: left; width: 33.3333%; display: inline-block; padding: 0px 10px; position: relative;}
.robox_steps ul li.step_arrow::after{content:''; position: absolute; top: 50%; right:0px; width: 50px; height: 50px; margin-top: -30px;  margin-right: -30px; display: inline-block;  background: url(../images/products/bg_next_step.png) no-repeat;}
.robox_steps ul li .images{     width: 250px;    height: 250px; border-radius: 50%; border: 10px outset #cccccc; overflow: hidden; margin: 10px auto; position: relative;}
.robox_steps ul li .images img{ width: 100%;}
#step_slider{ width: 100%; height: 300px; display: none;}
            
#step_slider .rsContent .images { width: 250px; height: 250px; border-radius: 50%; border: 6px outset #cccccc; overflow: hidden; margin: 10px auto; position: relative;}
.robox_steps ul li .images .step_txt,            
#step_slider .rsContent .images .step_txt{ position: absolute; z-index: 10; bottom: 0px; left: 0px; width: 100%; line-height: 40px; padding: 5px 0px; font-size: 28px; background: rgba(0,0,0,0.9); text-align: center;     font-family: 'Orbitron', sans-serif;}
#step_slider .rsContent img{ width: 100%; -webkit-transform:none;}   
#step_slider .rsContent h5{ font-size:4.3vw;}
#step_slider .rsArrowRight {right:-10px; margin-top: -10px;}
#step_slider .rsArrowLeft {left:-10px; margin-top: -10px;}
#step_slider .rsArrowRight .rsArrowIcn{ background: url(../images/products/bg_next_step.png) no-repeat; background-size:100%;     opacity: 0.8;  }
#step_slider .rsArrowLeft .rsArrowIcn{ background: url(../images/products/bg_prev_step.png) no-repeat; background-size:100%;     opacity: 0.8;  }


.flow_chart{ background:url(../images/bg_block.png); padding:20px;}
.flow_chart h4{color:#e60012;}
.flow_chart img{}
.flow_chart ul{ width:75%; display:inline-block; margin:0px auto; }
.flow_chart ul li { float:left; width:50%; display:inline-block; margin:0px 0px 5px 0px;}
.flow{ margin-bottom:40px; display:inline-block; width:100%;}
.flow > div{ width:200px; font-size:18px; float:left;display:inline-block; text-align:center;}
.flow > div:nth-child(3){ width:275px;} 
.flow > div .img-responsive{ width:100%; display:inline-block; margin:0px auto; max-height:150px;}
.flow .arrow_center{ margin-top:40px;}
.flow .arrow_right{ width:100%; background:url(../images/products/arrow_right.png) no-repeat right top; padding-right:10px; padding-top:30px;  color:#e60012; font-weight:bold; }
.flow .arrow_left{ width:100%; background:url(../images/products/arrow_left.png) no-repeat left  top; padding-left:10px;padding-top:30px;  color:#e60012; font-weight:bold;}

.productBenfit{ margin:30px auto 0px auto;  max-width: 1600px; position: relative; z-index: 10;}
.productBenfit ul{display:flex;    flex-wrap: wrap;    flex-direction: row;  gap:20px;  justify-content: space-between;}
.productBenfit li{    display: flex;   width:calc(50% - 10px); float:left; text-align:left; padding:5px 15px; line-height:25px;  align-items: center;}
.productBenfit li .cards{ display: inline-flex;  width: 100%; background: #FFFFFF; padding: 5px; box-shadow: 0 5px 10px rgb(0 0 0 / 7%); border-radius: 5px; align-items: center; }

.productBenfit li.bgcards{ background: #FFFFFF; box-shadow: 0 5px 10px rgb(0 0 0 / 7%); border-radius: 5px; }

.productBenfit .descript{ width:70%;  padding:10px;}
.productBenfit .images { width: 30%;text-align: center; display: inline-block; }
.productBenfit .images img{ margin:0px auto; max-width:120px; width: 100%;}
.productBenfit .descript h4{ display:block; color:#e60012; font-weight:bold; line-height:30px; margin-bottom:5px; text-align: left;  }


.productBenfit .list_small{  text-align:left;  padding-left:20px; gap:0px;}
.productBenfit .list_small li{     list-style: square;  width:100%; float:none; margin-bottom:5px; line-height:20px; padding:0px; text-align:left;  display: list-item;}

.productBenfit_3p li{  width: calc(33.3333% - 20px); flex-direction: column; justify-content: center; }
.productBenfit_4p li{  width: calc(25% - 20px); flex-direction: column; justify-content: center; }

.productBenfit_3p .images,
.productBenfit_3p .descript,
.productBenfit_4p .images,
.productBenfit_4p .descript{ width:100%; float:none;}

.productBenfit_3p .images img,
.productBenfit_4p .images img{ max-width:150px; }


.platform_images{ z-index: 1; width: 50%;  display: inline-block;}
.platform_images img{ width: 100%;}


.dealer_video,
.backoffice_video,
.priceserver_video{ max-width: 1180px; order: 2;    margin: 0px auto;     text-align: center; }

.dealer_video video,
.backoffice_video video,
.priceserver_video video{ width: 100%;}

.benfit_container{ 
        position: relative; background: #FFFFFF;
        -webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.35);
        max-width: 1100px; 
        text-align: center;
        padding: 20px 10px 30px 10px;
        margin: -60px auto 0px auto; 
}
.benfit_container .productBenfit{ margin: 0px auto 0px auto;}
.benfit_container + .btn{ margin-top: -30px;}

@media (max-width:767px){
    .dealer_video,
    .backoffice_video,
    .priceserver_video{  width: auto; display: block; margin: 0px -15px;}

    .benfit_container{   margin: 0px -15px;     padding: 20px 5px 30px 5px;}
    .benfit_container .productBenfit li {
        float: left;
        padding: 0px 7px;
        margin-bottom: 20px;
    }

}


.otherBenfit{ margin-top:20px;background:url(../images/products/line.gif) no-repeat center top; padding-top:50px;}
.otherBenfit h5{ color:#e60012;}
.otherBenfit .pt{ width:210px; max-width:210px; display:inline-block;  line-height:20px; margin:20px 10px;}
.otherBenfit .pt:after {content: "";    display: block;    width: 100%;    height:0;    padding-bottom: 100%;    background:url(../images/products/bg_otherBenefit.gif) no-repeat right center #eeeeee;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;}
.otherBenfit .pt p{    float:left;     width:100%;    padding:55px 15px 0px 15px;    text-align:center;}
.otherBenfit .pt .benefitName{ font-size:18px; font-weight:bold; color:#e60012; display:block; line-height:25px;}




.otherProduct{ font-size:16px;  padding:30px 0px 40px 0px; color:#666666; }
.otherProduct ul{ display:inline-block; width:100%;}
.otherProduct li{ display:inline-block; float:left; margin-right:10px;}
.otherProduct li a.btn{ margin-bottom:10px;  }
.otherProduct_en li a.btn{padding: 5px 13px; font-size: 15px;}

.marketMaster{ padding-bottom: 40px;    display: flex;    align-items: center;text-align:left; font-size:16px; }
.marketMaster .images{    height: 450px;    width: 50%;}
.marketMaster .descript{ width:50%;}
#marketMaster .ttl_marketMaster,
#marketWatch .ttl_marketMaster{ height:50px; margin-bottom:15px; }
#marketMaster .btn, #marketWatch .btn{   margin-top: 20px;}
.spec{font-weight:bold; margin-top:-55px; }
.spec span{ position:relative; z-index:2; padding:0px 20px; background: #FFFFFF; }
.border_line{ padding-top:40px; padding-bottom: 20px; border:1px solid #dddddd; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#marketMaster .dummy{ height:460px;}
#marketMaster .markMaster_info{ padding-bottom:40px; 	 }
#marketMaster .ttl_marketMaster,
#marketWatch .ttl_marketMaster{ height:50px; margin-bottom:15px; }
#marketMaster .border_line{  border:1px solid #FFFFFF; }
#marketMaster .spec{ color:#666666;}
#marketMaster .spec span{ background:#dddddd;}





#copymaster{ background: url(../images/products/bg_copyMaster.jpg) no-repeat #3855a1 ; background-position: center 0px; text-align: center;  color:#ffffff;  }



#copymaster .descript h4{ color: #FFFFFF;}
#copymaster .copymaster_info{ padding-bottom:40px; display:flex;    align-items: center;}

#copymaster .copymaster_info .images{ height:500px; width: 50%;  }
#copymaster .copymaster_info .descript { width: 50%;   }

#copymaster .productBenfit{margin-bottom: 40px; }
#copymaster .ttl_copymaster{  display: block; margin: 0px auto 0px auto; height: 80px; margin-bottom: 10px;}
#copymaster .border_line{  border:1px solid #FFFFFF; }
#copymaster .spec span{ background:#3855a1;}
#copymaster  .btn_trial{ text-align:center; margin-top:25px;}
#copymaster .productBenfit2 { max-width: 1600px; margin: 0px auto;}
#copymaster .productBenfit2 ul{display:flex; text-align:center; margin-top:10px;   flex-direction: row;  flex-wrap: wrap;  justify-content: center; }
#copymaster .productBenfit2 li{ width: 33%; flex:0 1 auto; flex-direction: column; justify-content: center;  padding:15px 25px; }

#copymaster .productBenfit2 h4{display:block; color:#ffcc00; font-weight:bold; text-align: center; }
#copymaster .productBenfit2 .images img{ max-width: 120px; }
#copymaster .productBenfit2 .descript{ padding:10px 15px; text-align: center;}




.sub_tab{ background:rgba(255,255,255,0.95);  text-align:center; line-height:40px; }
.sub_tab a{ color:#666666; font-weight:bold; font-size:1.25em; text-decoration:none; display:inline-block; }
.sub_tab a:after{ content:''; border-right:1px solid #cccccc; margin-left:20px; margin-right:20px;}
.sub_tab a:last-child:after{ display:none;}
.fix_sub_tab{ position:fixed; top:75px; left:0px; width:100%; z-index:100;}
.sub_tab a:hover{ color:#e60012;}

.startuptContent{ background:url(../images/startup/bg_startup.jpg) no-repeat center top #000000; color:#FFFFFF; text-align:center;}
.startupStep{ margin-top:40px;}
.startupStep .step_row{ width:100%; display:inline-block; color:#000000; line-height:20px; background:url(../images/startup/bg_startupStep.gif); position:relative; }
.startupStep .step_row li{background:url(../images/startup/line.gif) no-repeat left;  height:200px; float:left; display:inline-block; width:27%; padding:30px 20px; position:relative; }

.startupStep .step_row li.stepType{width:19%; }
.startupStep .step_row li.stepType > div{padding:30px 10px; position:absolute; height:100%; width:100%; top:0px; left:0px; }
.startupStep .step_row .stepType1{background:#e60012; z-index:100;}
.startupStep .step_row .stepType2{background:#bb0311; z-index:90;}
.startupStep .step_row .stepType3{background:#91000b; z-index:80;}

.startupStep .step_row li:nth-child(2){ background:none;}
.startupStep h2{ color:#FFF;}
.startupStep .step_row .num{font-size:40px; font-weight:bold; font-family: 'Orbitron', sans-serif; text-transform:uppercase; line-height:40px; color:#dddddd; margin-bottom:15px;}
.startupStep .step_row .step_ttl{ font-size:24px; font-weight:bold; line-height:30px;}
.startupStep .step_row:nth-child(1) { z-index:200;}
.startupStep .step_row:nth-child(2) { z-index:100;}
.startupStep .step_row:nth-child(1) .step_ttl{ color:#e60012;}
.startupStep .step_row:nth-child(2) .step_ttl{ color:#bb0311;}
.startupStep .step_row:nth-child(3) .step_ttl{ color:#91000b;}

.startupStep .arrow{ position:absolute; bottom:-18px; left:0px; width:100%; height:18px;}
.startupStep_en h2{ line-height:30px;}

.parnter{ background:url(../images/parnter/bg_parnter.jpg) no-repeat center top #000000; text-align:center; color:#FFFFFF;}
.list_parnter { margin-top:30px;}
.list_parnter ul{display:flex; gap:2px; flex-direction: row;     flex-wrap: wrap;  }
.list_parnter ul li{  display:inline-block; padding:10px 0px; text-align:center; width:calc(25% - 2px); background:#FFFFFF;}
.list_parnter ul li img{ width:100%; display:inline-block; max-width:275px;}

.bg_awards_list{ background:url(../images/awards/bg_awards_list.jpg) no-repeat center top #1a0f16; text-align:center; color:#FFFFFF;}
.list_awards { margin-top:30px;}
.list_awards ul{ width:100%; display:inline-block;}
.list_awards ul li{ float:left; display:inline-block; padding:15px; text-align:center; width:25%;color: #e60012 ; overflow: hidden;}

.list_awards ul li img{ width:100%; display:inline-block; 
}
.list_awards ul li p{ font-size: 18px; padding: 15px; line-height: 25px; min-height: 105px; position: relative;}
.list_awards ul li .organiser{ display: block;  font-size: 0.8em; color: #444444;}
.list_awards ul li p .awards_txt{ }
.list_awards ul li .card{ position: relative; overflow: hidden;   background: #FFFFFF; border: 0px;  }
.list_awards ul li .front{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.list_awards ul li .back{ position: absolute; top: 0px; left: 0px; height: 100%; font-size: 0.9em; padding: 15px; text-align: left; 
    -webkit-transform: translate(0%, 100%);
    -moz-transform: translate(0%, 100%);
    -o-transform: translate(0%, 100%);
    -ms-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #333333;

 }
.list_awards ul li:hover .front{-webkit-transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    -moz-transform: translate(0%, -100%);
    -o-transform: translate(0%, -100%);
    -ms-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
}
.list_awards ul li:hover .back {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.map{ height:400px;}
.contactus{ display:inline-block; width:100%; margin-top:-30px; background:#eeeeee;}
.contact_info{ display:inline-block; width:50%; float:left; padding:30px 30px 0px 0px; background:url(../images/contact-us/line.gif) no-repeat right; min-height:500px; }
.contact_info .companyName{ font-size:1.25em; line-height: 1.5em; font-weight:bold; color:#e60012;}
.contact_info ul{margin-top:5px;}
.contact_info li{ width:100%; margin-bottom:15px; display:inline-block; line-height:25px;}
.contact_info li .fd{ width:25%; float:left; display:inline-block; font-weight:bold; padding-left:25px;}
.contact_info li .fd i{float:left; display:inline-block; margin-left:-25px; margin-top:3px; font-size:18px;}
.contact_info li span{ width:75%; float:left; display:inline-block;}
.contact_info li .link_tel{ text-decoration:none; color:#333333; cursor:default;}

.contact_info_en li .fd{ width:30%;}
.contact_info_en li span{ width:70%;}

.important{  padding:10px; font-size:12px; line-height:20px; background-color:#cccccc;}
.onlinePay{ background:#DDDDDD;}

.activities { margin:0px -10px -20px -10px;}
.activities ul{ display:inline-block; width:100%;     display: flex;    margin-bottom: 20px;    flex-wrap: wrap;    flex-direction: row;}
.activities ul li{ padding:10px;  line-height:25px; float:left; display:inline-block;     flex: 0 1 25%;    max-width: calc(25%);}
.activities ul li > div{padding:10px 10px 10px 10px; background:#FFFFFF; height: 100%; }
.activities ul li a{ display:inline-block; width:100%; color:#333333; text-decoration:none;}
.activities ul li a:hover{ color:#e60012;}
.activities ul li .act_ttl{ font-size:1.25em; margin-bottom: 0.25em; font-weight:bold; margin-top:10px;}
.activities ul li .images{ width:100%; display:inline-block; text-align:center;  padding-top: 60%; overflow:hidden;/* background:#000000; vertical-align:middle; */ position: relative; background: #eeeeee; }
.activities ul li .images img{ max-width:100%; width: auto; display:inline-block; height:auto;  /*max-height: 200px;*/ position:absolute; left:0px; top: 50%;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);

}


.jobs{ }
.jobs ul{ display:inline-block; width:100%; text-align:left;}
.jobs ul li{  width:100%; display:inline-block; margin-bottom:1px; font-weight:bold;}
.jobs ul li .date{  font-weight:normal; color:#666666; position:absolute; right:10px; top:5px; font-size:12px; }
.jobs ul li .btn_jobs{ display:inline-block; width:100%; text-decoration:none; padding:5px 95px 5px 10px; background:#FFFFFF; cursor:pointer; position:relative; }
.jobs ul li .btn_jobs:hover{ background-color: #e60012; color:#FFFFFF;}
.jobs ul li .btn_jobs:hover .date{ color:#FFFFFF;}

.newsDetails_body{height:auto; text-align: center;}
.newsDetails { padding:15px; text-align:left; max-width: 1000px; margin: 0px auto;}
.newsDetails  h2{ color:#e60012; text-align:left; line-height:normal;}
.newsDetails .images{ padding:7px; background:#FFFFFF;  text-align: center; margin: 0px auto;}	
.newsDetails .images img{ margin-bottom:5px; max-width: 100%;}
.newsDetails .img_caption{  font-size:12px; display:inline-block; text-align:center; width:100%; line-height:20px;}
.newsDetails .otherNews{ margin-top:40px;}

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

.newsDetails .images_fullwidth{ padding:7px; background:#FFFFFF; text-align: center; margin: 0px auto 20px auto;}	
.newsDetails .images img{ margin-bottom:5px; max-width: 100%;}
.news_details{ background: #FFFFFF;}
.news_details img{ margin: 0px auto 10px auto; display: block; }
.news_details h2{ font-weight: bold; margin: 20px auto 5px auto; }
.news_details .post_content { max-width: 1200px; margin: 0px auto; }
.news_details .post_content h3{ margin-top: 20px;}
.news_details .post_content img{ width: auto; height: auto; max-width: 100%;}
.news_details .post_time{  color:#767676; text-align: center; margin-bottom: 20px; }

.news_details .post_content h3 + p,
.news_details .post_content h4 + p,
.news_details .post_content h5 + p{ margin-top: -0.75rem;}


.jobDetails { padding:20px;}
.jobDetails h2{ color:#e60012; text-align:left; line-height:normal;}
.jobDetails .sub_ttl{ font-size:15px;}
.jobDetails  ul li{ list-style:disc; margin-left:20px; line-height:20px; margin-bottom:5px;}

.download{text-align:center !important; padding:20px 10px; min-width: 360px; display:none;}

.download .btn_download_app{ margin: 10px 0px;}

.btn_download_app{ background:#000000; border-radius: 8px;  display:inline-block; padding:4px 8px; display:inline-block; text-align:center; }

.btn_download_app:hover{ filter: alpha(opacity=70);opacity: 0.7;}
.btn_download_app img{ width:160px;}


.benefit_stp { }
.ABbook{ display:inline-block; width:100%; text-align:left;}
.ABbook .images{ float:right; display:inline-block; width:40%;padding-top:30px;  }
.ABbook .images img {     width: 100%;    display: inline-block;    max-width: 580px;}
.ABbook h2{text-align:left;}
.ABbook label{ display:inline-block;}
.ABbook .descript{ float:left; display:inline-block;  width:60%;}
.ABbook .descript p{ margin-top:-5px; margin-bottom:30px;}
.ABbook .descript p:last-child{ margin-bottom:0px;}
.STP_flow{  background:#FFFFFF; text-align:center; }
.img_abbook,
.img_mt4{max-width: 1180px;}


.ABbook label,
.benefit_stp label{ display:inline-block;}


.video_mp4{  height:600px; padding:120px 50px 0px 0px;}  
.trial_mf4{ font-size:42px; line-height:45px;}

.trial_done{ font-size:22px; line-height:35px;}
.trial_done .descript h1{ font-size:40px; margin-bottom:0px; line-height:50px;}
.trial_done .download_app,
.trial_done .download_desktop{ display:flex; grid-gap: 20px; margin-bottom: 2em;}

.trial_done .download_app .btn_download{ background:#FFFFFF; padding:4px 8px; border-radius: 8px;  display:inline-block; text-align:center;}
#unsubscribe .ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 220px 0px ; }

.unsubscribeForm{ text-align:center; font-size:20px; line-height:30px; margin-top:30px; margin-bottom: 30px;}
.unsubscribeForm form{margin-top:20px;}
.unsubscribeForm label{ display:inline-block; height:30px;}
.unsubscribeForm input{ margin-bottom:30px; width:300px;  font-size:20px; line-height:30px;}


.list_lp{ margin:0px 0px 0px 0px; padding:0px 50px;}
.list_lp img{ }
.list_lp .owl-nav{ margin:0px -50px;}
.list_lp .owl-prev,
.list_lp .owl-next{   width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    cursor: pointer;
    background: url(../images/btn_prevnext.png);
	background-size:80px 40px;
    opacity: 0.5;
}
	
.list_lp .owl-prev{	background-position: 0px 0px;    left: -50px; }
.list_lp .owl-next{	background-position: 40px 0px; right:-50px;}
.list_lp .owl-prev:hover,
.list_lp .owl-next:hover{ opacity:1;}


.indexbanner_right {
padding-left:33%;
font-size:50px;
}

.indexbanner_right span{
font-size:30px;
	
}
.footerAwards{ 
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; margin-bottom: 20px;}
 .awardslogo {width:16.6%; text-align: center; } 
 .awardslogo img{max-width:80%; } 

.threecolhightlight {
    position: relative;
    z-index:1;
    height: 80px;
    margin: -80px 0px 0px 0px;
}
.rsNav {  display:none;}


.threecolhightlight .container{
    display:flex;
    flex: 1 1 auto;
    margin: 0px auto;
    justify-content: center;
}
.threecolhightlight a{
    display:flex;
    text-decoration: none;
    text-align: center;
    color:#fff;
    flex: 1 1 auto;    
    max-width: 280px;
}
.threecolhightlight .hl_item{
  transition:all .5s ease;
	background:rgba(255,255,255,.0);
	font-size:1.1em;
	text-align:center;
	padding:5px 10px;
	margin:0 5px;

	min-height:40px;
	border-bottom:3px solid  rgba(255,255,255,.2);
	
	/*border:1px rgba(255,255,255,0.2) solid;
	box-shadow:rgba(255,255,255,.35) 0px 0px 20px 2px;*/
    width: 100%;
	
	
}


.threecolhightlight .hl_item:hover{
/*background:rgba(255,255,255,.4);*/
border-bottom:3px solid #fff;
  -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
	z-index:100;
}	


.cross_platform {	
	background:url(../images/products/bg_cross_platform.jpg) bottom;
	background-size:cover;
    min-height: 400px;
    text-align: center;
    text-shadow: black 0.1em 0.1em 0.2em;
    position: relative;
}
.cross_platform_descript h1{margin-bottom: 20px;}
.cross_platform_descript{ 
    position: absolute; top: 50%;  width: 100%; padding: 0px 20px; font-size: 1.2em;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);

}

    .mt4_futures_flow{     padding: 2rem 0px;}
.mt4_futures_flow .reason{ background: #FFFFFF; border-radius: 5px; padding: 15px; max-width: 1080px; margin: 30px auto  30px auto;}
.mt4_futures_flow .reason h2{}
.mt4_futures_flow .reason ul {display: inline-block; width: 100%; }
.mt4_futures_flow .reason ul li{ float: left; display: inline-block; width: 33.3333%; padding: 0px 20px;     font-weight: bold;    text-align: center;}
.mt4_futures_flow .reason ul li img{ max-width:150px;}



@media (max-width: 1600px){
	.banner .royalSlider {  width: 100%;  height:500px;}

	.caption h2{ font-size:46px;   }
    
	.caption p{ font-size:22px; line-height:30px; margin-top:10px; margin-bottom:20px;}
	.trial_mf4{ font-size:40px; line-height:45px;}
    
.bg_awards{ background:url(../images/awards/bg_awards.jpg) no-repeat center center; background-size:1600px;  height:400px; }




.list_awards ul li{  width:33.3333%;}



.indexbanner_right {
padding-left:48%;
font-size:40px;
}

.indexbanner_right span{
font-size:20px;
	
}

 
.threecolhightlight .hl_item{	padding:2px;	margin:0 2px; }

}
@media (max-width: 1199px){
	.banner .royalSlider {  width: 100%;  height:400px;}
	.banner .ttl_marketMaster{ height:40px;}
	.caption, .caption_smaller{ left:5%; top:90px; width:100%;}
    .caption_IFX{ top: 50px;}
    .caption h2, .caption_smaller h2{ font-size:40px;  line-height:50px;}
    
	.caption p, .caption_smaller p{ font-size:22px; line-height:30px; margin-top:10px; margin-bottom:20px;}
	.caption p.expo{ font-size:24px; line-height:35px; }
    
	
	
    
    .visual .container{ flex-direction: column; }
    .visual .images{ width: 100%;}
    .visual .images img{ max-height: 400px; width: auto; }
    .visual .descript{ width: 100%;}
	.visual .descript h1{ margin-bottom:10px;}
	.visual .descript .btn{ margin-top:10px;}
    
	.list_hightlight li{ flex: 0 0 25%; }
    
	.tree_dia li.area_hk{width:100%;}
	.tree_dia li.area_gz ,
	.tree_dia li.area_sh { width:10%;}
	

	.tree_dia_en li.area_hk{width:100%;}
	.tree_dia_en li.area_gz ,
	.tree_dia_en li.area_sh { width:15%;}
	
	.intro{ background:url(../images/about-us/bg_new_office.jpg) no-repeat center center; background-size:1250px; position:relative;}

	.iadtImg .step{ width:295px; height:295px; display:inline-block; float:left; position:relative; padding:150px 25px 0px 25px; line-height:20px; }

	.iadtImg .iadt_01{  }
	.iadtImg .iadt_02{  margin-top:270px; margin-left:-90px; margin-right:-62px;}
	.iadtImg .iadt_03{  margin-left:-31px; margin-right:-62px;}
	.iadtImg .iadt_04{  margin-top:270px; margin-left:-31px;}

	.environmentImg_en p{ text-align:left; min-height:200px;}
    
   
    
    
	.activities ul li{    flex: 0 1 33.3333%;    max-width: calc(33.3333%);}
    

	.activities_en ul li .descript{  overflow:hidden; }
	.activities_en ul li .act_ttl{  line-height:20px;}
	
	
	.environmentImg li{ padding:0px 25px;}
    .productBenfit ul{ gap:10px; }
	.productBenfit .images { width:35%; float:left; display:inline-block;}
	.productBenfit .images img{  width:100%; display:inline-block; max-width: 120px;}
	.productBenfit .descript{ width:65%; float:left; display:inline-block; padding:15px;}
	
    .productBenfit_3p .descript,
    .productBenfit_3p .images,
    .productBenfit_4p .descript,
    .productBenfit_4p .images{ width: 100%;}
    
    .productBenfit_4p li,
    #copymaster .productBenfit2 li{ width: calc(50% - 5px);   justify-content:flex-start; }

    .productBenfit_3p li{ width:100%;   justify-content:flex-start; }
    #copymaster .productBenfit2 .images img{ max-width: 120px; }
    
    #copymaster {
    background: url(../images/products/bg_copyMaster.jpg) no-repeat #3855a1;
    background-position: -250px 0px;
    background-size:1500px;}
    #copymaster .copymaster_info .images{ height: 400px;}
    
	.otherProduct li{ display:inline-block; float:left; margin-right:10px;}
	.otherProduct li a.btn{ font-size:14px; margin-bottom:10px;}
	
	.mirror_trader .productBenfit li{ width: 33.3333%; clear: none;}
	
	#marketMaster{ background:url(../images/products/bg_marketMaster.jpg) no-repeat #DDDDDD; background-size:1700px; background-position: center 80px;}
	#marketMaster .dummy{ height:420px;}
	
	#tradetv{ background:url(../images/products/bg_tradetv.jpg) no-repeat #3855a1; background-size:1700px; background-position: center 0px;}
	#tradetv .dummy{ height:420px;}
	
		

	
	.flow_chart ul{ width:90%; display:inline-block; margin:0px auto; }
	.flow > div{ width:18%; font-size:16px;}
	.flow > div:nth-child(3){ width:28%;}
	.flow > div .img-responsive{ width:auto; display:block; margin:0px auto; max-height:100px;}
	.flow .arrow_right{ width:100%; background:url(../images/products/arrow_right.png) no-repeat right top; background-size:70%; padding-right:10px; padding-top:20px;  color:#e60012;}
	.flow .arrow_left{ width:100%; background:url(../images/products/arrow_left.png) no-repeat left  top; background-size:70%; padding-left:10px;padding-top:20px;  color:#e60012;}

	


	.contact_info li .fd{ width:30%; }
	.contact_info li span{ width:70%; }
	
	.contact_info_en li .fd{ width:35%;}
	.contact_info_en li span{ width:65%;}
	.otherBenfit{ padding:20px 80px 0px 80px;}
	.otherBenfit .pt{ margin:20px 25px -10px 25px;}
    .tradency .productBenfit .descript{ padding: 15px; width: 55%;}
	#marketWatch .ttl_marketMaster,
	#marketWatch .ttl_marketMaster{ height:40px;}
	#tradetv .ttl_marketMaster,
	#tradetv .ttl_tradetv{ height:40px;}
	.ABbook .images{  width:45%; }
	.ABbook .descript{  width:55%;}

	.video_mp4{ height:450px; padding:80px 40px 0px 0px;}  
	.trial_mf4{ font-size:34px; line-height:40px;}
	
.trial_done{ font-size:24px; line-height:35px;}
.trial_done .descript h1{ font-size:36px; margin-bottom:0px; line-height:40px;}
    .list_awards ul li{padding:10px; }
    .list_awards ul li p{ font-size: 16px;min-height: 90px; line-height: 20px; }
  
  
  

.indexbanner_right {font-size:30px; }



.threecolhightlight{	top: 0px;    background: #FFFFFF;    height: 80px;margin: 0px; }

.threecolhightlight .container{width:100%;text-align:center;}
.threecolhightlight .hl_item{		margin:0 3px;	border-bottom:2px #CCCCCC solid; }
.threecolhightlight .hl_item:hover{	border-bottom:2px #f00 solid;  }

.threecolhightlight .hlttl{	color:#F00;	line-height:40px; text-shadow:none;}

    .mt4_futures_flow .container{ text-align: center;  }
    .mt4_futures_flow .container img{ margin: 0px auto;}
    
    
    #traderPro{ background:url(../images/products/bg_traderPro.jpg) no-repeat #FFFFFF; background-size:1600px; background-position: top center;}
    .traderPro_info .images{    height: 430px;    width: 50%;}
    .traderPro_info .ttl_traderPro{height: 55px; margin-bottom: 10px;}
    
}
@media (max-width: 991px){
	.banner{ padding-top:10px;  }
	.banner .royalSlider {  width: 100%;  height:350px;}
	
	.caption h2, 
    .caption_smaller h2{ font-size:36px;}	
	.fix_sub_tab{ top:105px;}

	.caption{ font-size:40px; height:160px; position:absolute; top:50%; left:7%; color:#FFF; margin-top:-80px;}
	.caption p, .caption_smaller p{ font-size:20px; line-height:28px; margin-top:5px;}


#marketMaster{ background:url(../images/products/bg_marketMaster.jpg) no-repeat #DDDDDD; background-size:1300px; background-position: center 30px;}
#marketMaster .dummy{ height:300px;}
#tradetv{ background:url(../images/products/bg_tradetv.jpg) no-repeat #3855a1; background-size:1300px; background-position: center 0px;}
#tradetv .dummy{ height:300px;}
#marketWatch{ background:url(../images/products/bg_marketWatch.jpg) no-repeat #FFFFFF; background-size:1400px; background-position: center 30px;}

.intro{ background:url(../images/about-us/bg_new_office.jpg) no-repeat -230px center; background-size:1200px; position:relative;}
.intro .container .half{ width:60%; left:40%;}
.intro .mask{  width:60%; height:100%; left:40%;}
	.iadtImg {width:620px;    margin: 40px auto 0px auto; }
	.iadtImg .step{ width:50%; height:295px;}
	.iadtImg .step p{ width:210px; margin:0px auto;}
	.iadtImg .iadt_01{  background:url(../images/about-us/iadt_01.png) no-repeat center top; margin:0px auto 0px auto;}
	.iadtImg .iadt_02{  background:url(../images/about-us/iadt_02_tablet.png) no-repeat center top; margin:200px auto 0px auto;}
	.iadtImg .iadt_03{  background:url(../images/about-us/iadt_03.png) no-repeat center top; margin:-100px auto 0px auto;}
	.iadtImg .iadt_04{  background:url(../images/about-us/iadt_04.png) no-repeat center top; margin:100px auto 30px auto;}

    .activities ul li{    flex: 0 1 50%;    max-width: calc(50%); line-height: 20px;}
	
	
	.safeImg li,
	.teamImg li,
    .environmentImg li{ width: calc(50% - 20px); }
	
	
	.list_hightlight li{ padding:20px 10px;}
	.list_hightlight li p{ height:40px; }


	.tree_dia li.area_hk{width:100%;}
	.tree_dia li.area_gz ,
	.tree_dia li.area_sh { width:50%;}
	
	.tree_dia li.area_department ul.lv4 > li{ width:100%; }
	
	.tree_dia_en{ font-weight:400;}
.tree_dia_en li label{ padding:5px 5px 5px 10px;  height:auto;}
.tree_dia_en ul.lv3 li label{ line-height:20px; height:auto;}
.tree_dia_en ul.lv3 li.area_hk > label{ padding-top:5px;}
.tree_dia_en ul.lv4 li > label{ height:auto;}
.tree_dia_en ul.lv5 li > label{ height:auto;}
	.company_history{ background:url(../images/about-us/bg_history.jpg) no-repeat center top;background-size:1600px;  height:300px;}
	.bg_news{ background:url(../images/about-us/bg_news.jpg) no-repeat center top;background-size:1600px;  height:300px;}
	.bg_activities{ background:url(../images/about-us/bg_activities.jpg) no-repeat center top;background-size:1600px;  height:300px;}
    .bg_awards{ background:url(../images/awards/bg_awards.jpg) no-repeat center center; background-size:1400px;  height:300px;}
	.career{background:url(../images/about-us/bg_career.jpg) no-repeat center top #000000;   background-size:1600px; min-height:300px; padding-top:60px;}
	.stp_flow {background:url(../images/products/bg_STP_flow.jpg) top no-repeat #0a0a0a;   background-size:1600px; }
	
	
	.mf_pro_01{  background: url(../images/products/bg_platform.jpg) no-repeat top center #000000; background-size:1500px;}
	
    .img-key {    max-width: 560px;    width: 100%;    margin: 0px auto; }
    
	.productBenfit {  margin-top:20px; }
	#marketMaster .productBenfit, #marketWatch .productBenfit{ margin-bottom: 0px; }
    .productBenfit ul{ gap:5px; }
    .productBenfit li{ flex-direction:column; width: calc(50% - 5px);  padding: 5px 7px;  }
    .productBenfit .images,
    .productBenfit .descript{ width: 100%; clear: both; float: none; padding: 5px; }
	.productBenfit .descript h4{ line-height:25px; margin-bottom:0px; }
	.productBenfit .list_small{ margin-top:5px;}
	.productBenfit_en .descript h4{ font-size:20px; line-height:20px;}
    
	.marketMaster .images {    height: 320px;    width: 50%;}
	#marketMaster .ttl_marketMaster,
	#marketWatch .ttl_marketMaster{ height:35px; margin-bottom:10px; }
	.marketMaster .btn{   margin-top: 10px;}
	
#marketMaster{ background:url(../images/products/bg_marketMaster.jpg) no-repeat #DDDDDD; background-size:1200px; background-position: center 30px;}
#marketMaster .dummy{ height:300px;}
#tradetv{ background:url(../images/products/bg_tradetv.jpg) no-repeat #3855a1; background-size:1200px; background-position: center 0px;}

#tradetv .dummy{ height:300px;}



	
	.otherBenfit{ padding:20px 50px 0px 50px;}
	.otherBenfit .pt{ margin:20px 30px -10px 30px;}

	.flow { margin-bottom:20px; margin-top:10px;}
	.startupStep { margin-top:30px;}
	.startupStep .step_row li{width:25%; padding:30px 20px;}
	.startupStep .step_row li.stepType{ width:25%;}
	.startupStep .step_row .num{ margin:0px;}
	
	.startupStep_en .step_row li{ padding:30px 10px;}
	.startupStep_en .step_row .step_ttl{ font-size:18px;}
	
	.salesforStart{ color:#FFFFFF; margin-top:30px; }

	.list_parnter ul li{ padding:5px 0px; width:calc(33.3333% - 1px);}
	
	.map{ height:300px;}
    
    .contact_info{ display:inline-block; width:100%; float:none; padding:0px; background:url(../images/contact-us/line_h.gif) no-repeat center bottom; min-height:inherit; padding-bottom:40px;}
	.contact_info li .fd{ width:35%; }
	.contact_info li span{ width:65%; }
	.contact_info_en li .fd{ width:48%;}
	.contact_info_en li span{ width:52%;}
    .img_mt4_mobile{ max-width:450px; margin: auto ; width: 100%;}
.ABbook .images{ float:none; display:inline-block; width:100%;padding-top:0px; text-align:center;  }
.ABbook .images img {     width: 100%;    display: inline-block;    max-width: 380px;}
.ABbook .descript{ float:none; display:inline-block;  width:100%;}
.ABbook .descript p{ margin-top:-5px; margin-bottom:30px;}

 
.architecture img,
.img_abbook,
.img_mt4{ max-width:640px;}
    
.tradency .productBenfit .descript{    padding: 10px 20px; width: 100%;}
.mirror_trader .productBenfit li{ width: 50%;}
.mirror_trader .productBenfit .images,
.RoboX .productBenfit .images{   width: 270px;    height: 270px;    border:6px outset; margin-bottom:10px; }   
    
.RoboX .visual{ background:url(../images/products/bg_robox.jpg) no-repeat top #111111; background-size:1600px  } 
.robox_steps ul li .images{border: 6px outset #999999; width: 180px; height: 180px}
    

#copymaster{ 
background: url(../images/products/bg_copyMaster_dummy.png) no-repeat #3855a1; background-size:300px; background-position: center 45px;}
#copymaster .copymaster_info{ flex-direction:column; }    
#copymaster .copymaster_info .images{ height: 320px; width: 100%;}
#copymaster .copymaster_info .descript{  width: 100%;}
#copymaster .ttl_copymaster{position:absolute; top:0; left:0; right:0;  height: 50px;}
#copymaster .border_line{ margin-top:0px;    margin-bottom:30px;  }
#copymaster .dummy{width:100%; height:420px;}
	
.video_mp4{ height:350px;  padding:50px 30px 0px 0px;}  
.trial_mf4{ font-size:28px; line-height:35px;}
.trial_done{ font-size:22px; line-height:30px;}
.trial_done .descript h1{ font-size:30px; margin-bottom:0px; line-height:35px;}
    #unsubscribe .ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 170px 0px ; background-size:443px 60px;}
    .list_awards ul li{ width: 100%;}
    .list_awards ul li p{ font-size: 22px;min-height:inherit; float: left; display: inline-block; text-align: left; line-height: 25px;}
    .list_awards ul li img{ width: 230px; float: left; margin-left: -230px; margin-top: 15px;}
    .list_awards ul li .card{ position: relative; width: 100%; padding-left: 250px; padding-bottom: 15px; }
.list_awards ul li .front{ width: 100%; }
.list_awards ul li .back{ position:relative;float: left;  width: 100%; height: 100%; text-align: left; 
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding: 0px 15px 0px 15px;

 }
.list_awards ul li:hover .front,
.list_awards ul li:hover .back{-webkit-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
    
 
 

.indexbanner_right {
padding-left:45%;

font-size:24px;
}

.indexbanner_right span{
font-size:14px;
	
}



 .awardslogo {width:33.33%; } 
 .awardslogo img{ } 
    
    
    #traderPro{ background:url(../images/products/bg_traderPro.jpg) no-repeat #FFFFFF; background-size:1100px; background-position: top center;}
    .traderPro_info .images{    height: 330px;    width: 50%;}

}

@media (max-width: 767px){
	.banner .royalSlider {  width: 100%;  height:auto;}
	.banner .rsImg { width:100%; display:inline-block;}
	.banner .rsDefault .rsBullets { 	background: none;	line-height: 20px;	height:20px;}
	.banner .rsDefault .rsBullet {	margin-top:0; width: 10px;	height: 10px;	background:none;	background:url(../images/index/banner_nav.png) no-repeat top; background-size:100%;	cursor:pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
	.banner .rsDefault .rsBullet.rsNavSelected{ background:#FF0000;}
	.banner .ttl_marketMaster{ height:30px;}
	.caption, .caption_smaller{width:100%; padding:10px 15px 55px 15px;  height:150px; position:absolute; top:inherit; bottom:0px; left:0%;  margin-top:0px; background:rgba(0,0,0,0.5); }
    .caption h2{ font-size:24px;line-height:28px;   }
	.caption.black_txt{background:rgba(255,255,255,0.75); }
	.caption p, .caption_smaller p{ display:block; font-size:1rem; line-height:1.5rem; margin-bottom:5px; text-shadow:1px 1px 1px #000000; font-weight:normal;}
    
    .caption p.expo{ font-size:12px; line-height:18px; }
	.caption.black_txt p{ text-shadow:0px 0px 0px #000000;}
	.caption .btn{  line-height:20px; font-size:14px; padding:3px 20px; height: auto;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					}
	.caption p.awards{ font-size:4.5vw; line-height:23px; margin-top:0px;}
.caption p.awards span.awards_name{text-indent: -10px;display: inline-block;}
.banner .ttl_marketMaster{ margin-bottom:5px;}
    .banner .caption .glyphicon,.banner .caption .fa{  width:18px; }
	
	
	

#marketWatch{ background:url(../images/products/bg_marketWatch.jpg) no-repeat #FFFFFF; background-size:1200px; background-position: -230px 0px;}
#marketMaster{ background:url(../images/products/bg_marketMaster_mobile.jpg) no-repeat #DDDDDD; background-size:600px; background-position: center 20px;}
#tradetv{ background:url(../images/products/bg_tradetv_mobile.jpg) no-repeat #3855a1; background-size:600px; background-position: center 00px;}
#tradetv .dummy{ height:265px;}




#copymaster .productBenfit_copymaster ul{display:inline-block; width:100%; }
#copymaster .productBenfit_copymaster li{display:inline-block; width:100%;  text-align:center; vertical-align:top; min-height:160px;  color:#ffffff;  }

#copymaster .productBenfit_copymaster .images { width:100%; float:left; display:inline-block;}

#copymaster .productBenfit2 li{ width:100%; margin-bottom: 20px;    padding: 0px; }









	#marketMaster .dummy{ height:235px;}
	.help .btn_red_line{ margin-top:10px;}
	.career{background:url(../images/about-us/bg_career.jpg) no-repeat center top #000000;  background-size:cover; color:#FFFFFF; text-align:center; font-size:15px;  min-height:inherit;  padding-top:30px;}

	
	.sales { text-align:center;  }
	.sales h2{ font-weight:normal; text-align:center;  color:#FFFFFF; display:block; width:100%; text-align:center; }
	.sales .btn{ float:none; margin-top:0px;}
	
	
	.salesforStart{ color:#FFFFFF; margin-top:20px; text-align:center; }
	.salesforStart h2{ text-align:center;  color:#FFFFFF; display:block; width:100%; text-align:center;}
	.salesforStart .btn{ float:none; margin-top:0px;}

	
	
	
	.intro{ background:url(../images/about-us/bg_new_office.jpg) no-repeat left top; background-size:900px}
	.intro .container .half{ width:100%; left:0%; padding:0px 0px;}
	.intro .mask{  width:100%; height:100%; left:0%;}


	.list_hightlight li{ flex: 0 0 50%;  padding:10px;   }
	
	
	.tree_dia{ margin-top:0px;}
	.tree_dia li.area_hk{width:100%;}
	.tree_dia li.area_gz ,
	.tree_dia li.area_sh { width:100%;}
	
	.tree_dia ul.lv1 {margin:0px -5px;  width:auto; display:block;    }
	.tree_dia ul.lv2{ padding-top:10px; margin:0px -3px;  }
	.tree_dia ul.lv1 li{/* width:100%; padding:0px;*/  font-size: 15px; padding:0px 3px;}
	.tree_dia ul.lv1 li > label{ width:100%;}
	.tree_dia ul.lv2 li{/* width:100%; padding-left:20%; */}
	
	.tree_dia li.area_hk ul.lv4 li,
	.tree_dia li.area_hk ul.lv5 li{ width:100%; padding-left:20%; }
	.tree_dia li ul.lv5 li{ width:100%;  }
	
	
	.tree_dia ul.lv4 li{ padding-bottom:10px;}
	.tree_dia ul.lv5 li{ padding-bottom:0px;}
	.tree_dia ul.lv4 li:last-child,
	.tree_dia ul.lv5 li:last-child{ padding-bottom:1px;}
	
	
	.tree_dia ul.lv2 li::before{/*
	  content: '';
	  position: absolute; top: -16px;  left: 10%;
	  border-left: 2px solid #e60012;
	  border-bottom:2px solid #e60012;
	  border-top:0px;
	  border-right:0px;
	  width: 10%;
	  height: 100%;
	  */
	 }	
	 .tree_dia ul.lv2::before {
		content: '';
		position: absolute;
		top: 0;
		right: 50%;
		border-right: 2px solid #e60012;
		width: 50%;
		height: 10px;
	}
	.tree_dia ul.lv2 li::before {
		content: '';
		position: absolute;
		top: 0;
		right: 50%;
		border-right: 2px solid #e60012;
		border-top: 2px solid #e60012;
		width: 50%;
		height: 10px;
	}
	.tree_dia ul.lv2 li label{ margin-top:10px;}
	.tree_dia ul.lv2::before,
	.tree_dia ul.lv2 li::after{/* border:0px; */} 
	
	
	 .tree_dia ul.lv3 li.account_team:after{
		 height: 41px;}
	 
	.tree_dia ul.lv3 li.area_hk::after,
	.tree_dia ul.lv3 li.area_gz::after,
	.tree_dia ul.lv3 li.area_sh::after{
		border-left: 0px solid #e60012;
	}
	
	.tree_dia ul.lv3 li label{ font-size:15px;  background: url(../images/about-us/bg_lv2.gif) no-repeat bottom left #e60012; background-size:15px 30px; line-height:20px; height:30px; }
	.tree_dia ul.lv4 li > label{ background:url(../images/about-us/bg_lv4.gif) no-repeat bottom left #f72b3b; height:30px; line-height:20px; color:#FFFFFF; font-size:13px; }
	.tree_dia ul.lv5 li > label{background:url(../images/about-us/bg_lv5.gif) no-repeat bottom left #FFFFFF;   border:1px solid #e91e2e; height:30px; line-height:20px; color:#e60012; font-size:13px;  }

	.tree_dia ul.lv1 li.board_director{ margin-bottom:10px;}	
	.tree_dia ul.lv1 li.board_director::after{content: '';
	position: absolute; top: 100%; right: 50%;
	border-right: 2px solid #e60012;
	width: 50%; height: 10px; }
	.tree_dia ul.lv1 li.board_director label{ font-size:18px; }
	
	.iadtImg { width:auto; text-align:center; margin:30px -10px 0px -10px; overflow:hidden;}
	.iadtImg .step{ width:295px;  height:350px;  margin:0px auto; float:none; display:block; }

	.iadtImg .iadt_01{  background:url(../images/about-us/iadt_01m.png) no-repeat center top; }
	.iadtImg .iadt_02{  background:url(../images/about-us/iadt_02m.png) no-repeat center top; margin:0px auto; }
	.iadtImg .iadt_03{  background:url(../images/about-us/iadt_03m.png) no-repeat center top;}
	.iadtImg .iadt_04{  background:url(../images/about-us/iadt_04.png) no-repeat center top; height:295px;}
	
	.job .jobPos{ line-height:30px; }
	.job .jobPos .icon{ top:5px; }
	.safe,
	.environment ,
	.team{ text-align:left;}
    
	.safeImg li,
	.environmentImg li,
	.teamImg li{  width:100%;    text-align: center;}
	.environmentImg li p{ min-height:inherit;}
	.company_history{ background:url(../images/about-us/bg_history.jpg) no-repeat center top;background-size:800px;  height:150px;}
	.bg_news{ background:url(../images/about-us/bg_news.jpg) no-repeat center top;background-size:800px;  height:150px;}
	.bg_activities{ background:url(../images/about-us/bg_activities.jpg) no-repeat center top;background-size:800px;  height:150px;}

    .bg_awards{ background:url(../images/awards/bg_awards.jpg) no-repeat center center; background-size:780px;  height:150px;}
    
	.activities ul li{ width:100%; float:none; max-width:inherit;  flex: 0 1 100%; }
	.activities ul li .images{  display:inline-block;  height:auto; max-height:none; }
	.activities ul li > div{ min-height:inherit; }
	.activities ul li .descript{ height:auto; }
	.news ul li { line-height:22px; font-size: 16px;}
	.news ul li .date{  position:relative; right:0px; top:0px; display:block;  margin-top:2px; line-height: 15px; }
	.news ul li .btn_news{ display:inline-block; width:100%; text-decoration:none; padding:10px 10px 10px 10px; background:#FFFFFF; cursor:pointer; position:relative; }
	.newsDetails  h2{ color:#e60012; text-align:left; line-height:normal; font-size:20px;}
    .speech{ position:relative; padding: 15px 5px; margin-bottom: 20px; background: #FFFFFF;}
    .speechOpen{  position: absolute; top: -7px; left: -7px; background: url(../images/news/speech_open.png) no-repeat; background-size: 100%; 100%; display: inline-block; width: 20px; height: 20px;}
    .speechClose{ position: absolute; bottom: -7px; right: -7px; background: url(../images/news/speech_close.png) no-repeat; background-size: 100%; 100%; display: inline-block; width: 20px; height: 20px;}
    .speech .large{ font-size: 1.4em; font-weight: bold; line-height: 1.5;}
    .speech .hide-more{ display: none;}
    .speech.active .hide-more{ display: inline-block;}
    .speech .readmore{ color:#e60012 !important;}
    
    
	.jobs ul li{  line-height:20px;}
	.jobs ul li .date{   position:relative; right:0px; top:0px; display:block;  margin-top:5px; }
	.jobs ul li .btn_jobs{ display:inline-block; width:100%; text-decoration:none; padding:10px 10px 10px 10px; background:#FFFFFF; cursor:pointer; position:relative; }

	
	.otherNews{ margin-top:30px; font-size:12px;}
	.otherNews a{ line-height:20px; margin-bottom:5px; display:inline-block;}
	
	.otherBenfit{ padding:20px 0px 0px 0px; margin:0px -15px; width:auto;}
	.otherBenfit .pt{ margin:20px 5px -20px 5px; width:45%;}
	.otherBenfit .pt p{    float:left;     width:100%;    padding:17% 5px 0px 5px;    text-align:center; font-size:12px; line-height:15px;}
	.otherBenfit .pt .benefitName{ font-size:16px; line-height:20px;} 
	
	

    #traderPro{ background:url(../images/products/bg_traderPro.jpg) no-repeat #FFFFFF; background-size:1060px; background-position: -140px -10px;}
	.traderPro_info{ flex-direction: column; }
	.traderPro_info .images{ width:100%;     height: 290px;}
	.traderPro_info .descript{ width:100%; padding:10px 0px 20px 0px; }
    #apps .download_app,
    #traderPro .download_app{ grid-gap: 15px; grid-template-columns: 1fr 1fr; display: inline-grid; justify-content: center;  align-items: center; width: 100%;}
	.marketMaster{ flex-direction: column; }
	.marketMaster .images{ width:100%;     height: 220px;}

	.marketMaster .descript{ width:100%; padding:10px 0px 20px 0px; }
	.ttl_marketMaster,
	.ttl_marketWatch { height:25px; margin-bottom:10px; }
	.marketMaster .btn_trial{ text-align:center;}
	.marketMaster .btn{   margin-top: 10px;}
	.spec{ font-size:20px; margin-top:-52px;}
	.spec span{ padding:0px 10px;}
    
.mt4wl_plan .productBenfit li{ width:100%; }
.mt4wl_plan .productBenfit .images img{width: 80%;}
.mt4wl_plan .productBenfit h4{ text-align:center; vertical-align:middle; font-size:14pt; }
    
     .RoboX .productBenfit li,
     .mirror_trader .productBenfit li,
     .mirror_trader .productBenfit_for2 li{
        float: none;
        display: inline-block;
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 30px;
        }
    
    
    .RoboX{background:url(../images/products/bg_code.jpg) top; background-size:900px; }
    .mirror_trader .ttl_mirror_trader,
    .RoboX .ttl_robox{ height:35px; margin-bottom:10px; }
    .RoboX .visual{ background:url(../images/products/bg_robox.jpg) no-repeat top; background-size:200%;  }
    
    .RoboX .productBenfit .descript{ width: 100%;}
    .RoboX .productBenfit,
    .RoboX .productBenfit .descript h4{ text-align: center;}
    .RoboX .productBenfit .images{   width: 250px;    height: 250px;   }
    .RoboX .productBenfit .list_num{ display: inline-block;}
	.mirror_trader .productBenfit .descript{ height: auto; }
	
	.mirror_trader { text-align: center; background:url(../images/products/bg_mirror_trader.jpg)  top ; background-size:200%;  }
     #step_slider { display: block;}
                /*.robox_steps ul li.step_arrow::after{ width: 20px; height: 20px; margin-top: -15px;  margin-right: -15px; display: inline-block;  background: url(../images/products/bg_step.png) no-repeat; background-size: cover;}
            .robox_steps ul li .images{     width: 100%;    height: 100%; border: 3px inset rgba(200,200,200,0.5); }*/
                .robox_steps ul{ display: none;}
    
    
	.sub_tab{  text-align:center; line-height:40px;}
	.sub_tab a{ color:#666666; font-weight:bold; font-size:14px; text-decoration:none; margin:0px 0px; width:25%; display:inline-block; text-align:center; position:relative; }
	.sub_tab a:after{ border-right:1px solid #cccccc; margin-left:0px; margin-right:0px; position:absolute; top:13px; right:0px; height:15px;} 
	.sub_tab a.btn_half{ width:50%;}
	.sub_tab a.btn_3set{ width:33.3333%; }
	.sub_tab a.btn_4set{ width:25%; }
    .sub_tab_en { display: table; width: 100%; }
	.sub_tab_en a{ font-size:13px; line-height:15px; display:table-cell; vertical-align:middle; height:40px; padding:0px 5px;}
	.sub_tab_en a:after{ border-right:1px solid #cccccc; margin-left:0px; margin-right:0px; position:absolute; top:11px; right:0px; height:15px;}

	.fix_sub_tab{ position:fixed; top:60px; left:0px; width:100%; z-index:100;}
	.otherProduct{ padding:10px 0px 0px 0px; cursor:pointer; }
	.otherProduct .btn_other{ width:100%; display:inline-block;background:url(../images/products/bg_btn_other.png)  no-repeat right bottom ; background-size:30px 60px; line-height:30px;}
	.otherProduct .btn_other:hover{ background-position:right top; color:#e60012;}
	.otherProduct .btn_other.active{ background:url(../images/products/bg_btn_other_active.png)  no-repeat right ; background-size:30px 30px; color:#666666;}

	.otherProduct .list_other{  width:auto; margin:0px -15px 10px -15px; height:0px; overflow:hidden; }
	.otherProduct li{ float:none; width:100%; margin:0px; padding:0px; border-top:1px solid #DDDDDD;}
	.otherProduct li:first-child{ border:0px;}
	.otherProduct li a.btn_small{ width:100%; margin:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; background:none; color:#000000;  text-align:left; padding:5px 15px; height:auto;}
	.otherProduct li a.active{  color:#e60012;}
	.otherProduct li a.btn{ font-size:15px;}
	.otherProduct .showMobile{ height:auto; overflow:auto;}
	
	
	.mf_pro{ background-size:1200px;}
	.ci_pro{background: url(../images/products/bg_ci_pro.jpg) no-repeat top center;background-size:1200px;}
	.algo_pro{background: url(../images/products/bg_algo_pro.jpg) no-repeat top center;background-size:1200px;}
	.ia_pro{background: url(../images/products/bg_ia_pro.jpg) no-repeat top center #111111 ;background-size:1200px;}
	.mt4{background: url(../images/products/bg_mt4.jpg) no-repeat top center ;background-size:1200px;}
	.STP{background: url(../images/products/bg_STP.jpg) no-repeat top center; background-size:1100px;}
	.crm{background: url(../images/products/bg_crm.jpg) no-repeat top center; background-size:1100px;}
	
	
	
	
	
	.flow_chart { padding:15px; margin:0px -15px;}
	.flow_chart ul{ width:100%;margin:0px auto; }
	.flow_chart ul li { width:100%; float:none; }
	.flow > div{ width:100%; float:none; font-size:14px; }
	.flow > div:nth-child(3){ width:100%; float:none;} 
	.flow > div .img-responsive{ width:auto; display:inline-block; margin:0px auto; max-height:70px;}
	.flow > div .tab{ width:100%; display:inline-block;}
	
	.flow .arrow_right{ float:left; display:inline-block; width:48%; margin-left:2%; background:url(../images/products/arrow_down.png) no-repeat left; height:60px; padding-left:30px; padding-top:15px;  color:#e60012;}
	.flow .arrow_left{float:left; display:inline-block; width:48%;margin-right:2%; background:url(../images/products/arrow_up.png) no-repeat right; height:60px;  padding-right:30px;padding-top:15px;  color:#e60012;}
	.flow .arrow_center{ float:none; width:100%; margin:0px; background:url(../images/products/arrow_down.png) no-repeat center; padding-left:60px;}
	.visual{ height:auto; padding: 1rem 0px 0px 0px;}
	.visual .images{ width:100%; text-align:center; padding:0px 15px; float: none;}
	.visual .images img{ width:100%; max-width:350px;}
	.visual .descript{ background:#000000; margin:0px -15px; width:auto; float:none; display:block; padding:20px; text-align:center;}
	.visual .descript h1{ margin-bottom:5px; text-align:left;}
	.visual .descript p{ text-align:justify;}
	
	.startupStep .step_row li{width:80%;  height:130px; padding:0px; background:url(../images/startup/bg_startupStep.gif) repeat-x; padding:10px;}
	.startupStep .step_row li.stepType{ width:20%;height:390px; }
	.startupStep .step_row li.stepType > div{padding:30px 0px 0px 0px; position:absolute; height:100%; width:100%; top:0px; left:0px; }

	.startupStep h2{ word-wrap: break-word; width:20px; margin:10px auto;}
	.startupStep .step_row li.stepType img{ display:inline-block; width:100%;}
	
	
	.startupStep .step_row .num{font-size:28px; font-weight:bold; font-family: 'Orbitron', sans-serif; text-transform:uppercase; line-height:30px; color:#dddddd; margin-bottom:0px;}
	.startupStep .step_row .step_ttl{ font-size:24px; font-weight:bold; line-height:30px;}
	
	.startupStep_en h2{ word-wrap:normal; white-space: pre; width:20px; margin:10px auto; -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
	.startupStep_en{font-size: 13px; }
	.startupStep_en .step_row li{ padding:10px 5px;}
	.list_parnter ul li{ width:calc(50% - 1px);}
	
	
	.map{ height:200px;}
	.contactus{ margin-top:0px;}
	.contact_info{ display:inline-block; width:100%; float:none; padding:0px; background:url(../images/contact-us/line_h.gif) no-repeat center bottom; min-height:inherit; padding-bottom:40px;}
	.contact_info .companyName{ font-size:16px; font-weight:bold; color:#e60012;}
	
	.contact_info li{ width:100%; margin-bottom:10px;}
	.contact_info li .fd{ width:40%; float:left; display:inline-block; font-weight:bold; padding-left:25px;}
	.contact_info li .fd i{float:left; display:inline-block; margin-left:-25px; margin-right:0px; margin-top:4px; font-size:15px;}
	.contact_info li span{ width:60%; float:left; display:inline-block;}
	
	
	.contact_info_en li .fd{ width:50%;}
	.contact_info_en li span{ width:50%;}
	.jobDetails h2{ font-size:16px;}
	.jobDetails .sub_ttl{ font-size:13px;}
	.jobDetails { padding:10px; font-size:12px;}
	
	.ABbook .images img {   max-width: 280px;}
	
	
	.visual  .video_mp4{ height:230px;  padding:0px 0px 0px 0px; margin:20px 0px 0px 0px;  display:block; }  
	.trial_mf4{ font-size:22px; line-height:30px;}
    .trial_done{ margin-bottom: 30px;}
    .trial_done .download_app {        flex-wrap: wrap; grid-gap: 5px; grid-template-columns: 1fr 1fr;}
    
    
    .trial_done .download_app .btn_download{ margin-bottom: 10px;}
    .trial_done .download_app .btn_download img {max-width: 140px;}
    .trial_done .download_desktop { flex-direction: column; }
    .trial_done .download_desktop .btn{ width: 100%;}
    .trial_done .descript h1{ width:100%; display:inline-block; font-size:26px; line-height:30px;}
	.trial_done .descript{ text-align:left; line-height:25px; font-size:16px;}
	.trial_done_en .descript h1{ font-size:22px; line-height:25px;}
	
	#unsubscribe .ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 100px 0px ; background-size:cover;}
    #unsubscribe .ttl h1{ font-size:20px;}
.unsubscribeForm{ text-align:center; font-size:16px; line-height:25px; margin-top:0px;}
.unsubscribeForm input{ margin-bottom:30px; width:100%;  font-size:16px; line-height:25px;}


.list_lp{ margin:20px 0px 0px 0px; padding:0px 40px;}
    .list_awards ul li{ padding: 5px 10px; width: 100%;}
	.list_awards ul li p{ font-size: 4vw; line-height: normal; min-height:inherit; padding: 15px 5px; float: none; }
    .list_awards ul li img{ width: 200px; float: none; margin:0px auto; display: block;}
    .list_awards ul li .card{ width: 100%; padding: 10px; }
    .list_awards ul li .front{ display: block;}
    .list_awards ul li .back{ padding: 0px;     font-size: 3vw; line-height: 1.4em;}

.rsNav {
display:block;
 margin-bottom:30px; }
.threecolhightlight {
	
	display:none;
	
}

.cross_platform { min-height: 250px; }
.mt4_futures_flow .reason{ margin-bottom: 0px;}
.mt4_futures_flow .reason ul li{ float: none;    display: inline-block;    width: 100%;    padding: 0px 0px;    margin-bottom: 20px; }
.mt4futures.visual .descript{ background: #eeeeee; }

}
@media (max-width: 420px) {
    bg_awards{ background:url(../images/awards/bg_awards.jpg) no-repeat center center; background-size:580px;  height:150px;}
    .caption{ font-size:5.6vw;}
	.contact_info_en li { line-height:18px;}
	.contact_info_en li .fd{ width:100%;}
	.contact_info li .fd i{ margin-top:0px;}
	.contact_info_en li span{ width:100%; padding-left:25px;}
}





/*-----animation icon *----*/


.product_list2{ text-align: center; background: #FFFFFF;}

.product_list2 ul { display: flex; width:100%;   flex-wrap: wrap;   flex-direction: row; position:relative;  }
.product_list2 ul li{ float:left; flex: 0 1 20%;   max-width: calc(20%); text-align:center; padding:15px; font-size: 0.9em;   color:#666666; line-height:20px;  border-right:1px solid #dddddd; position: relative;}

.product_list2 ul li:nth-child(5),
.product_list2 ul li:nth-child(10){ border-right:0px; }
.product_list2 ul li .productName{ font-size:24px; color:#000000; display:inline-block; line-height:30px;}

.product_list_en ul li .productName{ font-size:22px;}
.product_list2 ul li .btn_red_line,
.product_list2 ul li .btn_white_line{ margin-top:10px;}

.product_list2 li svg{ max-width: 160px; max-height: 133px; margin-bottom: 5px; fill:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }

.product_list2 ul li .powered{ width: 150px; display: block; margin: 0px auto;}

.product_list2 ul li p{}
.product_list2 li:hover svg{ fill:#e41e25;}

.product_list2 li:hover svg .yellow-part path,
.product_list2 li:hover svg .yellow-part rect,
.product_list2 li:hover svg .yellow-part circle{ fill: #FFCC33 !important;}


.product_list2 li.hero{ }
.product_list2 li.hero .productName{ color:#e41e25;  }
.product_list2 li.hero .btn_white_line{ color: #e41e25; border-color:#e41e25;}

.product_list2 li.hero svg{  fill:#e41e25;}
.product_list2 li.hero:hover .productName{ color: #FFFFFF;}
.product_list2 li.hero:hover svg{fill:#FFFFFF;}
.product_list2 li.hero:hover{ background: #e41e25; color: #FFFFFF;}

.product_list2 li.hero:hover .btn_white_line{ color: #FFFFFF; border-color:#FFFFFF;}
.product_list2 li.hero:hover .btn_white_line:hover{ color: #e41e25; }


        .product_list2 li:hover #icon-mt-plgunin #rotate-wheel{ 
            animation: rotate-wheel 3s linear infinite;
            -ms-animation: rotate-wheel 3s linear infinite;
				-webkit-transform-origin: 50% 63.5%;
				-moz-transform-origin: 50% 63.5%;
				-o-transform-origin: 50% 63.5%;
				-ms-transform-origin: 50% 63.5%;
				transform-origin: 50% 63.5%;
		}
        .product_list2 li:hover #icon-lp #left-arrow{ animation: left-arrow 1s linear infinite;	
            -ms-animation: left-arrow 1s linear infinite;	}
        .product_list2 li:hover #icon-lp #right-arrow{ animation: right-arrow 1s linear infinite;	
            -ms-animation: right-arrow 1s linear infinite;}
		
				
		
		
		
		
        .product_list2 li:hover #icon-mt-bridge #mask-bridge{ animation: mask-bridge 2s linear infinite;
			-webkit-transform-origin: 0% 50%;
			-moz-transform-origin: 0% 50%;
			-o-transform-origin: 0% 50%;
			-ms-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
		}
		
        .product_list2 li:hover #icon-mt-bridge #mask-bridge2{ animation: mask-bridge 4s linear infinite;
			-webkit-transform-origin: 0% 50%;
			-moz-transform-origin: 0% 50%;
			-o-transform-origin: 0% 50%;
			-ms-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
		}
		
		@keyframes mask-bridge {
			0% { -webkit-transform: translate(-100%, 0%);
			-moz-transform: translate(-100%, 0%);
			-o-transform: translate(-100%, 0%);
			-ms-transform: translate(-100%, 0%);
			transform: translate(-100%, 0%);

			}
			
 
		  50% { -webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			-o-transform: translate(0%, 0%);
			-ms-transform: translate(0%, 0%);
			transform: translate(0%, 0%);

			 }
			100% { -webkit-transform: translate(100%, 0%);
					-moz-transform: translate(100%, 0%);
					-o-transform: translate(100%, 0%);
					-ms-transform: translate(100%, 0%);
					transform: translate(100%, 0%);
			}
			
		
		} 
        .product_list2 li:hover #icon-mt-whl #mask-mt-whl{ animation: mask-mt-whl 2s linear infinite; }
		
		@keyframes mask-mt-whl {			
			0% { -webkit-transform: translate(0%, -100%);
			-moz-transform: translate(0%, -100%);
			-o-transform: translate(0%, -100%);
			-ms-transform: translate(0%, -100%);
			transform: translate(0%, -100%);
			}
			30% { -webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			-o-transform: translate(0%, 0%);
			-ms-transform: translate(0%, 0%);
			transform: translate(0%, 0%);

			 }
			 70% { -webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			-o-transform: translate(0%, 0%);
			-ms-transform: translate(0%, 0%);
			transform: translate(0%, 0%);

			 }
			 100% { -webkit-transform: translate(0%, -100%);
			-moz-transform: translate(0%, -100%);
			-o-transform: translate(0%, -100%);
			-ms-transform: translate(0%, -100%);
			transform: translate(0%, -100%);
			}
		}
		
		
        .product_list2 li:hover #icon-auto #wheel1{ animation: rotate-wheel 2s linear infinite; 
		-webkit-transform-origin: 59.7% 43.3% ;
		}
		
        .product_list2 li:hover #icon-auto #wheel2{ animation: rotate-wheel 1s linear infinite; 
		-webkit-transform-origin: 59.7% 34.6%;
		}
		
        .product_list2 li:hover #icon-auto #wheel3{ animation: rotate-wheel 3s linear infinite; 
		-webkit-transform-origin: 49.3% 36.4%;
		}
		
		
		
        .product_list2 li:hover  #icon-ecn #mask-sell{ animation: mask-sell 4s linear infinite;
			-webkit-transform-origin: 0% 0%;
			-moz-transform-origin: 0% 0%;
			-o-transform-origin: 0% 0%;
			-ms-transform-origin: 0% 0%;
			transform-origin: 0% 0%;
		}
		 
		
        .product_list2 li:hover #icon-trade-app #fun1{ animation: move1 5s linear infinite;
		-webkit-transform-origin: center;
		
		}
		
        .product_list2 li:hover #icon-trade-app #fun2{ animation: move2 5s linear infinite;
		-webkit-transform-origin: 53% 50%;
		}
		
        .product_list2 li:hover #icon-trade-app #fun3{ animation: move3 5s linear infinite;
			-webkit-transform-origin: 40% 50%;
		}
		
		

        .product_list2 li:hover #icon-kyc #tickicon{ animation: enlarge-scale 0.7s ease-in-out infinite;
			-webkit-transform-origin: 70% 70%;
			
			}
			
			
			


        .product_list2  li:hover #icon-crm #mask-crm-left{ animation: mask-crm-left 1s linear infinite;
			-webkit-transform-origin: 16.2% 39.7%;
			transform-origin: 16.2% 39.7%;
		}
		
        .product_list2  li:hover #icon-crm #mask-crm-right{ animation: mask-crm-right 1s linear infinite;
			-webkit-transform-origin: 83% 63.5%;
			transform-origin: 83% 63.5%;
		}
		




        .product_list2 li:hover #icon-mf4 #mask-chart{ animation: mask-chart 2s linear infinite; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;		}
		
        .product_list2 li:hover #icon-mf4 #mask-list1{ animation: mask-list1 3s linear infinite;		}

        .product_list2 li:hover #icon-mf4 #mask-list2{ animation: mask-list2 3s linear infinite;		}
		
		
        .product_list2 li:hover #icon-gateway #mask-line{ animation: mask-chart 2s linear infinite; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;		}
		


        .product_list2 li:hover #icon-broker #broker-wheel{ animation: broker-wheel 3.5s linear infinite;			-webkit-transform-origin: 50%;			transform-origin: 50%;		}
		
		
@media (max-width:1199px) {
	
    .product_list2 ul li{ padding:10px; flex: 0 1 25%;  max-width: calc(25%); }
	.product_list2 ul li:nth-child(5){ border-right:1px solid #dddddd; }
	.product_list2 ul li:nth-child(4),
	.product_list2 ul li:nth-child(8){ border-right:0px; }
}

@media (max-width:991px) {
	
	.product_list2 ul li{ padding:20px 10px; flex: 0 1 50%;   max-width: calc(50%);  border-right:0x;border-bottom: 1px solid #DDDDDD;}
	.product_list2 ul li:nth-child(2),
	.product_list2 ul li:nth-child(6){ border-right:0px  solid #DDDDDD;}

	.product_list2 ul li:nth-child(9),
	.product_list2 ul li:nth-child(10){ border-bottom:0px  solid #DDDDDD;}
}



@media (max-width: 767px) {
	.product_list2 ul li{ flex: 0 0 100%;   max-width: calc(100%);  padding:10px 10px 30px 10px;  border-right:0px !important; border-bottom:1px  solid #DDDDDD;}
	.product_list2 ul li:nth-child(9){ border-bottom:1px  solid #DDDDDD;}
		
	.product_list2 ul li.hero { background:#e41e25; color:#FFFFFF;}
	.product_list2 ul li.hero .productName{ color:#FFFFFF; }
	
	.product_list2 ul li.hero .btn_white_line{ color: #FFFFFF; border-color:#FFFFFF;}


	.product_list2 li svg{ fill:#e41e25;}
	.product_list2 li.hero svg{fill:#FFFFFF;}
	.product_list2 li svg .yellow-part,
    .product_list2 li svg .yellow-part path,
	.product_list2 li svg .yellow-part rect,
	.product_list2 li svg .yellow-part circle,
    .product_list2 li.hero svg .yellow-part path,
	.product_list2 li.hero svg .yellow-part rect,
	.product_list2 li.hero svg .yellow-part circle{ fill: #FFCC33 !important;}
		
	.product_list2 li #icon-mt-plgunin #rotate-wheel{ animation: rotate-wheel 3s linear infinite;
				-webkit-transform-origin: 50% 63.5%;
				-moz-transform-origin: 50% 63.5%;
				-o-transform-origin: 50% 63.5%;
				-ms-transform-origin: 50% 63.5%;
				transform-origin: 50% 63.5%;
		}
        .product_list2 li #icon-lp #left-arrow{ animation: left-arrow 1s linear infinite;	}
        .product_list2 li #icon-lp #right-arrow{ animation: right-arrow 1s linear infinite;	}
		
				
		
		
		
        .product_list2 li #icon-mt-bridge #mask-bridge{ animation: mask-bridge 2s linear infinite;
			-webkit-transform-origin: 0% 50%;
			-moz-transform-origin: 0% 50%;
			-o-transform-origin: 0% 50%;
			-ms-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
		}
		
        .product_list2 li #icon-mt-bridge #mask-bridge2{ animation: mask-bridge 4s linear infinite;
			-webkit-transform-origin: 0% 50%;
			-moz-transform-origin: 0% 50%;
			-o-transform-origin: 0% 50%;
			-ms-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
		}
		
		
        .product_list2 li #icon-mt-whl #mask-mt-whl{ animation: mask-mt-whl 2s linear infinite; }
		
        .product_list2 li #icon-auto #wheel1{ animation: rotate-wheel 2s linear infinite; 		-webkit-transform-origin: 59.7% 43.3% ;		}
		
        .product_list2 li #icon-auto #wheel2{ animation: rotate-wheel 1s linear infinite; 		-webkit-transform-origin: 59.7% 34.6%;		}
		
        .product_list2 li #icon-auto #wheel3{ animation: rotate-wheel 3s linear infinite; 		-webkit-transform-origin: 49.3% 36.4%;		}
		
        .product_list2 li  #icon-ecn #mask-sell{ animation: mask-sell 4s linear infinite;
			-webkit-transform-origin: 0% 0%;
			-moz-transform-origin: 0% 0%;
			-o-transform-origin: 0% 0%;
			-ms-transform-origin: 0% 0%;
			transform-origin: 0% 0%;
		}
		
        .product_list2 li #icon-trade-app #fun1{ animation: move1 5s linear infinite;		-webkit-transform-origin: center;		
		}
		
        .product_list2 li #icon-trade-app #fun2{ animation: move2 5s linear infinite;		-webkit-transform-origin: 53% 50%;		}
		
        .product_list2 li #icon-trade-app #fun3{ animation: move3 5s linear infinite;
			-webkit-transform-origin: 40% 50%;
		}
		
		
		
        .product_list2  li #icon-crm #mask-crm-left{ animation: mask-crm-left 1s linear infinite;
			-webkit-transform-origin: 16.2% 39.7%;
			transform-origin: 16.2% 39.7%;
		}
		
        .product_list2  li #icon-crm #mask-crm-right{ animation: mask-crm-right 1s linear infinite;
			-webkit-transform-origin: 83% 63.5%;
			transform-origin: 83% 63.5%;
		}
		
		
        .product_list2 li #icon-mf4 #mask-chart{ animation: mask-chart 2s linear infinite; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;		}
        .product_list2 li #icon-mf4 #mask-list1{ animation: mask-list1 3s linear infinite;		}
        .product_list2 li #icon-mf4 #mask-list2{ animation: mask-list2 3s linear infinite;		}
		
		
        .product_list2 li #icon-broker #broker-wheel{ animation: broker-wheel 3.5s linear infinite;			-webkit-transform-origin: 50%;			transform-origin: 50%;		}
		
		
.product_list2 ul li .powered{ display: block;    margin: 0px auto;}
}
/*------------animation ---------*/
@keyframes rotate-wheel {
		  0% { -webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			100% { -webkit-transform: rotate(359deg);
				-moz-transform: rotate(359deg);
				-o-transform: rotate(359deg);
				-ms-transform: rotate(359deg);
				transform: rotate(359deg);
			}
			
		}
			
		@keyframes left-arrow {
		  0% { -webkit-transform: translate(0px, 0px);
				-moz-transform: translate(0px, 0px);
				-o-transform: translate(0px, 0px);
				-ms-transform: translate(0px, 0px);
				transform: translate(0px, 0px);

			}
			50% { -webkit-transform: translate(-40px, 0px);
					-moz-transform: translate(-40px, 0px);
					-o-transform: translate(-40px, 0px);
					-ms-transform: translate(-40px, 0px);
					transform: translate(-40px, 0px);

			
			}
			100% { -webkit-transform: translate(0px, 0px);
				-moz-transform: translate(0px, 0px);
				-o-transform: translate(0px, 0px);
				-ms-transform: translate(0px, 0px);
				transform: translate(0px, 0px);			
			}
		
		} 
		
		
			
		@keyframes right-arrow {
		  0% { -webkit-transform: translate(0px, 0px);
				-moz-transform: translate(0px, 0px);
				-o-transform: translate(0px, 0px);
				-ms-transform: translate(0px, 0px);
				transform: translate(0px, 0px);

			}
			50% { -webkit-transform: translate(40px, 0px);
					-moz-transform: translate(40px, 0px);
					-o-transform: translate(40px, 0px);
					-ms-transform: translate(40px, 0px);
					transform: translate(40px, 0px);

			
			}
			100% { -webkit-transform: translate(0px, 0px);
				-moz-transform: translate(0px, 0px);
				-o-transform: translate(0px, 0px);
				-ms-transform: translate(0px, 0px);
				transform: translate(0px, 0px);
			
			}
		
		} 

@keyframes broker-wheel {
			 0% { -webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			20% { -webkit-transform: rotate(360deg);
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				transform: rotate(360deg);
			}
			100% { -webkit-transform: rotate(360deg);
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				transform: rotate(360deg);
			}			
		} 


		@keyframes mask-chart {
			 0% { -webkit-transform: translate(0%, 0%); 
				transform: translate(0%, 0%); 
			}
			100% { -webkit-transform: translate(100%, 0%); 
				transform: translate(100%, 0%); 
			}
			 			 
		}
				
		@keyframes mask-list1 {
			 0% { -webkit-transform: translate(-100%, 0%); 
				transform: translate(-100%, 0%); 
			}
			50% { -webkit-transform: translate(-100%, 0%); 
				transform: translate(-100%, 0%); 
			}
			65% { -webkit-transform: translate(0%, 0%); 
				transform: translate(0%, 0%); 
			}
			100% { -webkit-transform: translate(0%, 0%); 
				transform: translate(0%, 0%); 
			}		 
		} 
		
		@keyframes mask-list2 {
			 0% { -webkit-transform: translate(-100%, 0%); 
				transform: translate(-100%, 0%); 
			}
			
			15% { -webkit-transform: translate(0%, 0%); 
				transform: translate(0%, 0%); 
			}
			50% { -webkit-transform: translate(0%, 0%); 
				transform: translate(0%, 0%); 
			}
			60% { -webkit-transform: translate(200, 0%); 
				transform: translate(200%, 0%); 
			}
			100% { -webkit-transform: translate(200, 0%); 
				transform: translate(200%, 0%); 
			}			 
		} 



		@keyframes mask-crm-left {
			 0% { -webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			100% { -webkit-transform: rotate(359deg);
				-moz-transform: rotate(359deg);
				-o-transform: rotate(359deg);
				-ms-transform: rotate(359deg);
				transform: rotate(359deg);
			}
			 			 
		} 
		
		
		@keyframes mask-crm-right {
			 0% { -webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			100% { -webkit-transform: rotate(-359deg);
				-moz-transform: rotate(-359deg);
				-o-transform: rotate(-359deg);
				-ms-transform: rotate(-359deg);
				transform: rotate(-359deg);
			}
			 			 
		} 


		@keyframes move1 {
			
			0% { -webkit-transform: scale(1) translate(0%, 0%); }
			5% { -webkit-transform: scale(1.2) translate(-1%, 5%); }
			30% { -webkit-transform: scale(1.2) translate(-1%, 5%); }
			35% { -webkit-transform: scale(1) translate(0%, 0%); }
			100% { -webkit-transform: scale(1) translate(0%, 0%); }
		}
		
		
		@keyframes move3 {
			
			0% { -webkit-transform:  scale(1) translate(0%, 0%); }
			60% { -webkit-transform: scale(1) translate(0%, 0%); }
			65% { -webkit-transform: scale(1.2) translate(1%, -1%); }
			90% { -webkit-transform: scale(1.2) translate(1%, -1%); }
			100% { -webkit-transform: scale(1) translate(0%, 0%); }
			
		}
		
		@keyframes move2 {
			
			0% { -webkit-transform: scale(1) translate(0%, 0%); }
			30% { -webkit-transform: scale(1)  translate(0%, 0%); }
			35% { -webkit-transform: scale(1.2) translate(1%, 1%); }
			60% { -webkit-transform: scale(1.2) translate(1%, 1%); }
			65% { -webkit-transform: scale(1) translate(0%, 0%); }
			100% { -webkit-transform: scale(1) translate(0%, 0%); }
			
		}

		

		@keyframes enlarge-scale {
			
			0% { -webkit-transform: scale(1) translate(0%, 0%); }
			50% { -webkit-transform: scale(1.4) translate(0%, 0%); }
			100% { -webkit-transform: scale(1) translate(0%, 0%); }
		}

		@keyframes mask-sell {
			0% { -webkit-transform: translate(-100%, 0%);
			-moz-transform: translate(-100%, 0%);
			-o-transform: translate(-100%, 0%);
			-ms-transform: translate(-100%, 0%);
			transform: translate(-100%, 0%);

			 }
			
			
			20% { -webkit-transform: translate(-30%, 0%);
					-moz-transform: translate(-30%, 0%);
					-o-transform: translate(-30%, 0%);
					-ms-transform: translate(-30%, 0%);
					transform: translate(-30%, 0%);
			}
			
			
			40% { -webkit-transform: translate(-80%, 0%);
					-moz-transform: translate(-80%, 0%);
					-o-transform: translate(-80%, 0%);
					-ms-transform: translate(-80%, 0%);
					transform: translate(-80%, 0%);
			}
			
			60% { -webkit-transform: translate(-10%, 0%);
					-moz-transform: translate(-10%, 0%);
					-o-transform: translate(-10%, 0%);
					-ms-transform: translate(-10%, 0%);
					transform: translate(-10%, 0%);
			}
			
			80% { -webkit-transform: translate(-55%, 0%);
					-moz-transform: translate(-55%, 0%);
					-o-transform: translate(-55%, 0%);
					-ms-transform: translate(-55%, 0%);
					transform: translate(-55%, 0%);
			}
			
			90% { -webkit-transform: translate(-20%, 0%);
					-moz-transform: translate(-20%, 0%);
					-o-transform: translate(-20%, 0%);
					-ms-transform: translate(-20%, 0%);
					transform: translate(-20%, 0%);
			}
			100% { -webkit-transform: translate(-100%, 0%);
			-moz-transform: translate(-100%, 0%);
			-o-transform: translate(-100%, 0%);
			-ms-transform: translate(-100%, 0%);
			transform: translate(-100%, 0%);

			 }
			 
			 
			 
		}
/*----------- end of animation ---------*/
.tab{}
.tab .tab-nav{ display: inline-block; text-align: center; }
.tab .tab-nav li{ border: 1px solid #FFFFFF; display: inline-block; float: left; padding: 0px 20px; margin-left: -1px; position: relative; min-width: 200px;}
.tab .tab-nav li:first-child{  border-radius: 5px 0px 0px 5px;}
.tab .tab-nav li:last-child{  border-radius: 0px 5px 5px 0px;}
.tab .tab-nav li a{ text-decoration: none; color: #FFFFFF; width: 100%; display: inline-block;}
.tab .tab-nav li.ui-state-active{ background:#FFFFFF;}
.tab .tab-nav li.ui-state-active a{ color: #e60012;}

.tab-red{}
.tab-red .tab-nav{ display: inline-block; text-align: center; }
.tab-red .tab-nav li{ border: 1px solid #e60012; display: inline-block; float: left; padding: 0px 20px; margin-left: -1px; position: relative; min-width: 200px;}
.tab-red .tab-nav li:first-child{  border-radius: 5px 0px 0px 5px;}
.tab-red .tab-nav li:last-child{  border-radius: 0px 5px 5px 0px;}
.tab-red .tab-nav li a{ text-decoration: none; color: #444444; width: 100%; display: inline-block;}
.tab-red .tab-nav li a:hover{ color: #e60012; }
.tab-red .tab-nav li.ui-state-active{ background:#e60012;}
.tab-red .tab-nav li.ui-state-active a{ color: #FFFFFF;}

.tab .tab-content{ min-height: 400px; padding: 20px 0px  0px 0px; display: flex;     align-items: center;  justify-content: center; flex-direction :row;   flex-wrap: wrap;}
.tab .tab-content h3{  font-weight: bold; font-size: 28px;}
.tab .tab-content > .descript{  display: inline-block; width: 50%; text-align: left; }
.tab .tab-content > .images{ width: 50%; text-align: center;}
.tab .tab-content > .images img{ max-width: 100%;}
.tab .tab-content .productBenfit{   display: inline-block; width: 100%;}

.platformBenfit{ padding-top: 20px;}
.platformBenfit ul {    display: flex;    flex-flow: wrap;}
.platformBenfit ul li{ display: flex; margin-bottom: 30px; flex: auto; width: 50%;}
.platformBenfit ul li .images{ width: 130px;   }
.platformBenfit ul li .images img{ width: 100%; height: auto;}
.platformBenfit ul li .descript { text-align: left;   display: flex;  flex: 1; flex-direction: column; padding-right: 40px;}
.platformBenfit ul li .descript h4{ text-align: left; width: 100%; display: block; color: #e60012; font-weight: bold; }

@media (max-width:1199px){
    .tab .tab-nav li{  min-width: 150px;}
    .tab .tab-content > .images{ width: 100%;}
    .tab .tab-content > .images img{ max-width: 450px;}
    .tab .tab-content > .descript{ width: 100%;}
    .platformBenfit ul li{ margin-bottom: 20px;}
}


@media (max-width:991px){
    .tab .tab-nav{ width: 100%; }
    .tab .tab-nav li{  min-width:inherit; width: 33.3333%; padding: 0px; }
    .platformBenfit { margin-bottom: -20px;}
    .platformBenfit ul{ margin: 0px -15px;}
    .platformBenfit ul li{ margin: 0px 0px 20px 0px;}
    .platformBenfit ul li .descript { padding:0px 15px; font-size: 12px; line-height: 20px;}
    .tab .tab-content > .images img{ max-width: 350px;}
}



.news_index { text-align: center; }
.news_list{ display: flex;  margin-bottom: 20px;     flex-wrap: wrap; flex-direction: row; }
.news_list li{ padding: 10px; flex: 0 1 25%; max-width: calc(25%); float: left;}
.news_item{ background: #FFFFFF; padding: 15px  15px  35px  15px ; height: 100%; position: relative;}
.news_item .btn_news{ display: inline-block; width: 100%; text-decoration: none; }
.news_item .btn_news:hover{ transform: scale(1.1);}
.news_item .articles h5{ background: #FFFFFF; font-size: 20px; text-align: left; color: #333333; font-weight: bold; line-height: 1.5; margin-bottom: 0.25rem; }
.news_item .images{ max-height: 220px; overflow: hidden; margin-bottom: 10px; position: relative;}
.news_item .images img{ width: auto; height: auto;  max-width: 100%;}
.news_item .articles{ text-align: left; color: #555555; line-height: 1.5; margin-bottom: 10px; }
.news_item .articles a{text-decoration: none; float: right;  position: absolute; bottom: 15px; right: 15px;}



.news_btnlist{ display: flex;  margin-bottom: 20px;     flex-wrap: wrap; flex-direction: row; }
.news_btnlist li{ padding: 10px; flex: 0 1 25%; max-width: calc(25%); float: left; text-align: left; }
.news_btns{ background: #FFFFFF; padding: 15px ; width: 100%; height: 100%; position: relative; text-decoration: none; display: inline-block; transition: all 0.3s ease; color: #333333 !important;    transform: translate(0%, 0%);}
.news_btns:hover{ transform: scale(1.05);     color: #e60012 !important;}
.news_btns .articles h5{ background: #FFFFFF; font-size: 20px; text-align: left; font-weight: bold; line-height: 1.5; margin-bottom: 0.25rem; }
.news_btns .articles p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-bottom: 0.5rem; }
.news_btns .images{ max-height: 220px; overflow: hidden; margin-bottom: 10px; position: relative;}
.news_btns .images img{ width: auto; height: auto;  max-width: 100%;}

@media (max-width:1199px){    
    .news_list li{ flex: 0 1 50%; max-width: 50%;}
    .news_item{padding: 10px ;}
    
    .news_btnlist li{ flex: 0 1 33.3333%; max-width: 34%;}
}


@media (max-width:991px){    
    .news_list li{ flex: 0 0 100%; max-width: 100%;}
    .news_item .images{ width: 200px; height: 150px; display: inline-block; float: left; margin-right: 20px;}
    .news_item .articles{}
    
    .news_btnlist li{ flex: 0 1 50%; max-width: 50%;}
    .news_btns{ padding: 10px;}
    .news_btns .images{ height: 220px; }
}

@media (max-width:767px){    
    .news_list li{ flex: 0 0 100%; padding: 0px 0px 10px 0px;}
    .news_item .images{ width: 130px; height: auto; display: inline-block; float: left; margin-right: 10px;}
    .news_item .articles h5{ font-size: 14px;}
    .news_item .articles p{ display: none;}
    
    .news_btnlist li{ flex: 0 0 100%;  max-width: 100%; width: 100%; float: none; padding: 10px 0px;}
    .news_btns .images{ height: auto; max-height: inherit; }
}


.kyc_intro{ font-size:16px; font-weight: bold;   background: url(../images/products/bg_kyc_intro.jpg) no-repeat top center #c8cacb;   display:inline-block; width:100%; overflow: hidden;}

.kyc_intro .images{ position: absolute; top:0px; right: 0%; display:inline-block; width:60%; text-align: center;}
.kyc_intro .images img{ width:100%; display:inline-block; max-width:950px;}
.kyc_intro .descript{ width:45%; float:left; display:inline-block; text-align: left; position: relative;}
.kyc_intro .descript h2 { text-align: left; color: #000000;
    margin-bottom: 20px;
    font-weight: normal;
}
.kyc_intro .ps {
    
    line-height: 20px;
}

.key_function_pt{ max-width: 800px; margin: 10px auto;} 
.key_function_pt ul { display: inline-block; width: 100%; }
.key_function_pt ul li{ float: left; width: 50%; display: inline-block; padding: 5px; margin: 0px;   }
.key_function_pt ul li h3{padding: 10px 10px  10px 10px;  margin: 0px; font-weight: bold; background: #FFFFFF; background-position: 10px 6px; background-size:40px 40px;  position: relative; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}
.kyc_intro_en .descript{  width: 45%;}
.kyc_intro_en .key_function_pt ul li h3{ font-size:18px; }


/*.key_function_pt ul li h3:hover {
	color: #fff;
	background: #e60012;
}
.key_function_pt ul li h3:hover svg .red-part path{ fill:#FFFFFF !important;}

*/


.key_function_pt ul li h3 svg {width: 40px; height: 40px; float: left; margin-top: -3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}



.kyc_adv{ background: url(../images/products/bg_kyc_01.jpg) no-repeat center; background-size:cover; color: #FFFFFF; display: inline-block; width:100%; }
.img-kyc{ width: 45%; display: inline-block;float: left; margin: 0px auto;}
.kyc_adv_pt{ width: 55%;  display: inline-block; padding: 50px 0px 0px 30px;}

.kyc_adv_pt ul li{ background: url(../images/list_kyc.png) no-repeat left top; background-size:35px 35px;  text-align: left; margin-bottom: 20px; padding:3px 20px 0px 40px; font-size: 22px; font-weight: bold; }

.kyc_reason{ background: url(../images/products/bg_kyc_reason.jpg) no-repeat center; background-size:cover;}
.kyc_reason_pt{ display: inline-block; width: 100%; }
.kyc_reason_pt ul{ margin-top: 30px;}
.kyc_reason_pt ul li{ padding: 0px 25px; float: left; display: inline-block; width: 25%; font-size: 22px; font-weight: bold; text-align: center; }
.kyc_reason_pt ul li div{  display: inline-block; }
.kyc_reason_pt ul li .images{ background: #FFFFFF; border-radius: 50%;  width: 210px; height: 210px;  margin-bottom: 10px; overflow: hidden; position: relative;display: inline-block;}
.kyc_reason_pt ul li div img{ position: absolute; top: 50%; left: 50%; width: 75%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.kyc_reason_pt ul li  h4{ font-size:22px;}


.kyc_adv_en .kyc_adv_pt ul li,
.kyc_reason_pt ul li  h4{ font-size: 20px;}

@media (max-width: 1680px) {

    .kyc_intro .images{ top: 20px; right: -10%; width: 65%}
    .kyc_intro .descript{ width:55%; }
    .kyc_intro_en .descript{ width:65%; }
}
@media (max-width:1199px){   
   .kyc_intro .images{   width: 70%}
    .key_function_pt ul li h3 svg {
		width: 35px;
		height: 35px;
	}
	.key_function_pt ul li h3{ padding: 10px 15px  10px 5px;     font-size: 20px; }
    .kyc_intro .descript h2 {
        margin-bottom: 10px;
    }
    
    .img-kyc{ width: 50%; }
    .kyc_adv_pt{ width: 50%;   padding: 20px 0px 0px 30px; }
    .kyc_adv_pt ul li{ background-size:30px 30px; padding:0px 20px 0px 35px; line-height: 30px; font-size: 18px;  }
    .kyc_reason_pt { text-align: center;}
    .kyc_reason_pt ul{     margin: 0px auto;    display: flex;    flex-direction: column; flex: auto; flex-flow: row wrap;}
    .kyc_reason_pt ul li{ font-size: 20px;     padding: 0px 0px 0px 0px;  width: 50%; margin-bottom: 10px; text-align: left; display: flex; position:relative;
		flex: 0 1 auto;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	.kyc_reason_pt ul li div{}
    .kyc_reason_pt ul li .images{  width: 150px; height: 150px;    }
    .kyc_reason_pt ul li h4{  text-align: left; margin-left: 20px;  margin-right: 20px;  display: flex;  flex-grow: 1;    }
	
	.kyc_adv_en .kyc_adv_pt ul li,
    .kyc_reason_en .kyc_reason_pt ul li h4{ font-size: 18px;  }
	
}

@media (max-width:991px){    
    .kyc_intro{  font-size:16px;  }
    .kyc_intro .images{   width: 100%; position: relative; right: 0px; top: 0px;}
    .kyc_intro .images img{ max-width: 600px;}
    .kyc_intro .descript{ width: 100%; padding-top: 0px; margin-top: -30px;}
    .kyc_adv{ text-align: center; }
    .img-kyc{ width: 100%; max-width: 700px;}
    .kyc_adv_pt{ width: 100%; padding: 0px; }
    .kyc_adv_pt ul li{ background-size:25px 25px;  text-align: left; margin-bottom: 20px; padding:0px 0px 0px 30px; line-height: 25px;  font-weight: bold; }
    .kyc_reason_pt ul{ width: 100%;     max-width: 560px;}
    .kyc_reason_pt ul li{ width: 100%;  display: flex; 
		flex: 0 1 auto;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}
    .kyc_reason_pt ul li .images{  width: 120px; height: 120px;    }
	
	.key_function_pt ul li h3{ padding: 10px 10px  10px 10px; }
    
}

@media (max-width:767px){
	 .kyc_intro .descript h2 {
        margin-bottom: 5px;
    }
	.key_function_pt ul li h3 svg { margin-top:-5px;	}
	.key_function_pt ul li{ width:100%;}
    .kyc_adv .kyc_adv_pt ul li,
	.kyc_reason_pt ul li h4{ font-size:15px;}
	
    .kyc_adv_en .kyc_adv_pt ul li,
    .kyc_reason_en .kyc_reason_pt ul li h4{ font-size: 15px;}
	
}

.mt_structure{ position:relative; display: inline-block; margin: 0px auto;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;

}
.mt_structure .btn_item{  width: 176px; height: 158px; position: absolute; display: inline-block; z-index: 100; text-align: center; font-weight: bold; font-size: 20px; line-height: 25px; text-decoration: none; color: #ed1c24;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; padding-top:5px; 
}

.mt_structure .btn_01{ top: 60px; left: 247px;}
.mt_structure .btn_02{ top: 60px; left: 473px;}
.mt_structure .btn_03{ top: 60px; left: 724px;}
.mt_structure .btn_04{ top: 246px; left: 473px;}
.mt_structure .btn_05{ top: 246px; left: 724px;}
.mt_structure .btn_06{ top: 434px; left: 473px;}
.mt_structure .btn_07{ top: 434px; left: 724px;}
.mt_structure .btn_item .MT-icon{ width: 140px; height: 110px; display: block; margin: 0px auto 10px auto;}
.mt_structure .btn_01 .MT-icon{ background: url(../images/products/MT_btn_01.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_02 .MT-icon{ background: url(../images/products/MT_btn_02.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_03 .MT-icon{ background: url(../images/products/MT_btn_03.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_04 .MT-icon{ background: url(../images/products/MT_btn_04.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_05 .MT-icon{background: url(../images/products/MT_btn_05.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_06 .MT-icon{ background: url(../images/products/MT_btn_06.png) no-repeat; background-size: 100% 200%;}
.mt_structure .btn_07 .MT-icon{ background: url(../images/products/MT_btn_07.png) no-repeat; background-size: 100% 200%;}

.mt_structure .btn_item:not(.btn_04):hover{ background: #ed1c24; color: #FFFFFF; }
.mt_structure .btn_item:not(.btn_04):hover .MT-icon {background-position: bottom; }
/*
.hover_effect{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.hover_effect img{  opacity: 0; z-index: 10; }
.hover_effect .btn_item:hover ~ img{ opacity: 1;}
*/
.mt_structure .kyc_txt{ position:relative; top:-18px; }

@media (max-width:1199px){
    .mt_structure .btn_item{  width: 140px; height: 127px;  font-size: 16px; line-height: 20px;  }
    .mt_structure .btn_01{ top: 51px; left: 202px;}
    .mt_structure .btn_02{ top: 51px; left: 387px;}
    .mt_structure .btn_03{ top: 51px; left: 592px;}
    .mt_structure .btn_04{ top: 205px; left: 387px;}
    .mt_structure .btn_05{ top: 205px; left: 592px;}
    .mt_structure .btn_06{ top: 355px; left: 387px;}
    .mt_structure .btn_07{ top: 355px; left: 592px;}
    .mt_structure .btn_item .MT-icon{ width: 110px; height: 86px; margin: 0px auto 8px auto;}

    .mt_structure .kyc_txt{ top:-14px; }
    
    
    .mt_structure{ width: auto;}
    .mt_structure img{ width: 100%;  max-width: 960px;}

}



@media (max-width:991px){
   
    
    .mt_structure .img_MTWL{ display:none;}
    .mt_structure .img_MTWL_mobile{
        max-width: 620px;
    }  
    
    .mt_structure .btn_item{  width: 140px; height: 120px;  font-size: 15px; line-height: 18px;  }
    .mt_structure .btn_01{ top: 500px; left: 50px;}
    .mt_structure .btn_02{ top: 352px; left: 50px;}
    .mt_structure .btn_03{ top: 190px; left: 50px;}
    .mt_structure .btn_04{ top: 352px; left: 240px;}
    .mt_structure .btn_05{ top: 190px; left: 240px;}
    .mt_structure .btn_06{ top: 352px; left: 435px;}
    .mt_structure .btn_07{ top: 190px; left: 435px;}
    
    .mt_structure .kyc_txt{  top:-13px; }
}

@media (max-width:640px){
 
    .mt_structure .img_MTWL_mobile{
        max-width: 360px;
    }  
    
    .mt_structure .btn_item{  width: 80px; height: 70px;  font-size: 2.2vw; line-height: 13px; padding-top: 1px; }
    .mt_structure .btn_item .MT-icon{ width: 60px; height: 47px; margin-bottom: 1px;}
    .mt_structure .btn_01{ top: 290px; left: 31px;}
    .mt_structure .btn_02{ top: 205px; left: 31px;}
    .mt_structure .btn_03{ top: 110px; left: 31px;}
    .mt_structure .btn_04{ top: 205px; left: 140px;}
    .mt_structure .btn_05{ top: 110px; left: 140px;}
    .mt_structure .btn_06{ top: 205px; left: 250px;}
    .mt_structure .btn_07{ top: 110px; left: 250px;}
    .mt_structure .kyc_txt{  top:-6px; }
}

.hot_video{ width: 1180px;  margin: 0px auto; display: flex;     flex-wrap: wrap; }
.hot_video iframe{width: 600px; height: 400px; display:inline-block; margin-bottom: 10px;}
.hot_video .descript h1{ text-align: left;}
.hot_video .descript{display: inline-block; text-align: left; padding-left: 30px; font-size: 20px; width: 470px; padding-top: 30px; vertical-align: middle; }


.video_list ul { display: flex;      flex-wrap: wrap; flex-direction: row; margin: 0px -15px 20px -15px; }
.video_list li{ padding: 10px 15px; flex: 0 1 25%; max-width: 25%; float: left; margin-bottom: 20px;}
.video_list li a{text-decoration: none; color: #333333;  font-size: 1.15rem; font-weight: bold;}
.video_list li a:hover{ color:#e60012;}
.video_list li > div{   height: 100%; }
.video_list li .images{position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 5px;     box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%);}
.video_list li .fa{ font-size: 80px; position: absolute; top: 50%; left: 50%; color: #FFFFFF; opacity: 0.5;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
    z-index: 10;
}
.video_list li a:hover .fa{ opacity: 0.8;}
.video_list li div img{ width: 100%; transition: all 0.3s ease; opacity: 0.85; }
.video_list li a:hover div img{  
    transform: scale(1.2); opacity: 1;}

@media (max-width:1199px){
    .hot_video{ width: auto;}
.hot_video iframe{ width: 100%; height: 400px;  }
    .hot_video .descript{ display: block; width: auto; padding: 0px;}
}

@media (max-width:992px){
    .video_list li{  flex: 0 1 50%; max-width: 50%; float: left;}
}


@media (max-width:767px){
    .hot_video iframe{width: 600px; height: 250px; display:inline-block;}
    .video_list ul { margin: 0px 0px 20px 0px;  flex-direction: column; }
    .video_list li{ padding: 10px; flex: 0 1 100%; max-width: 100%; float: none;}
    .video_list li div img{ opacity: 1;}

}


.terminology_list ul { display: flex;      flex-wrap: wrap; flex-direction: row; margin: 0px -15px 20px -15px; }
.terminology_list li { padding: 10px 15px; flex: 0 1 25%; max-width: 25%; float: left; margin-bottom: 0px;}
.terminology_list li a{ padding: 15px 15px; background: #FFFFFF; border-radius: 8px; display: inline-block; width: 100%; font-size: 1.25em; font-weight: bold;    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%); text-decoration: none; color: #222222; }
.terminology_list li a:hover{ color: #FE4251; }


.career_benefit ul{display:flex; width:100%; margin-top: 20px; gap:20px;  flex-wrap: wrap;    flex-direction: row; justify-content: space-between; }
.career_benefit li { width: calc(25% - 20px);  padding: 20px 20px;     background: #FFFFFF;    box-shadow: 0 5px 10px rgb(0 0 0 / 7%);     border-radius: 5px; }
.career_benefit li > div{  text-align:left;  line-height:25px; }
.career_benefit ul li .images{ text-align: center; }
.career_benefit ul li .images img{ max-width:230px; width:auto; margin: 0px auto;}
.career_benefit h4{text-align:left; display:block; color:#e60012; font-weight:bold; line-height:25px; margin-bottom: 10px; }


@media (max-width:992px){
    .career_benefit ul{ gap:10px;}
    .career_benefit li { width: calc(50% - 5px); }
    .career_benefit li > div{ flex-direction: column; }
    .career_benefit ul li .images img{ max-width:150px; width:100%;}
    .career_benefit h4{text-align:center;}
}



	.pay-solutions{background: url(../images/products/bg_pay_solution.png) no-repeat top center; }
    .online-pay-reason{ overflow: hidden;}
    .ttl_cryptopay{ height: 60px; display: inline-block; margin-bottom: 10px;}
    .crypto_backend ul {display: inline-block; width: 100%; }
    .crypto_backend ul li{ float: left; display: inline-block; width: 33.3333%; padding: 0px 20px;     font-weight: bold;    text-align: center;}

    .crypto_backend ul .images{ max-width:320px; max-height: 320px;  border-radius: 50%; border: 8px outset #999999; overflow: hidden; position: relative; margin: 0px auto 10px auto; }
    .crypto_backend ul .images img{ width: 100%;}
    .crypto_backend ul .descript { margin-top: 10px;}
    
    
    .pay_system_api{background:linear-gradient(to right, #061342 0%, #0c001e 50%);  ; color: #FFFFFF;     display: flex; width: 100%; align-items: center; padding-left: 50px; }
    .pay_system_api .images{ float: left; display: inline-block;}
    .pay_system_api .images img{ width: 100%; display: inline-block;}
    .pay_system_api .descript{ padding: 20px;}
    .pay_system_api .descript h2,
    .pay_system_api .descript h5{ text-align: left;}
    
.crypto_support{background: url(../images/products/bg_crypto_support.jpg) repeat top center; color: #FFFFFF; }
.crypto_support  .images{ width: 50%;}
.crypto_support  .descript { width: 50%; text-align: left;}
.crypto_support  .descript h2,
.crypto_support  .descript h5{ text-align: left; }
.crypto_industry  .descript h2,
.crypto_industry  .descript h5{ text-align: right;}
.crypto_industry .images{   order: 2;}

@media (max-width:1600px){
   
    .pay_system_api .images{  width: 60%; }
    .crypto_backend ul .images{ max-width:250px;}
}
    
@media (max-width:992px){
    .crypto_backend ul li{ float: none;  width: 100%; margin-bottom: 30px;}
    .crypto_backend ul li:last-child{ margin-bottom: 0px;}
    .crypto_backend ul .images{ max-width:250px;}
    
    .crypto_support  .images,
    .crypto_support  .descript { width: 100%; text-align: center;}
    .crypto_support  .descript h2,
    .crypto_support  .descript h5 {text-align: center;}
    .crypto_industry .images{   order: 0; margin-top: 40px;}
   
    .pay_system_api{ padding-left: 0px; }
}
@media (max-width:767px){
    .pay_system_api{flex-wrap: wrap;    flex-direction: row; }
    .pay_system_api .images,
    .pay_system_api .descript{ width: 100%;  }
    .pay_system_api .descript h2,
    .pay_system_api .descript h5{ text-align: center;}
}





.pay_step ul {display: flex; width: 100%;    flex-wrap: wrap;    flex-direction: row; }
    .pay_step ul li{ float: left; display: inline-block; width: 25%; padding: 0px 20px; margin-bottom: 20px;     font-weight: bold;    text-align: center;     position: relative;}
    .pay_step ul .images{ max-width:250px; max-height: 250px; margin: 0px auto 10px auto;}
    .pay_step ul .images img{ width: 100%;}
    .pay_step ul li:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-right: -20px;
        display: inline-block;
        background: url(../images/products/bg_next_step.png) no-repeat;
        background-size: 100% 100%;
    }
.pay_step ul li:last-child:after { background: none; display: none;}

@media (max-width:992px){
    .pay_step ul li{  width: 50%; padding: 0px 15px; }
    .pay_step ul li:after {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-right: -15px;
        background: url(../images/products/bg_next_step.png) no-repeat;
        background-size: 100% 100%;
    }
    .pay_step ul li:last-child:after,
    .pay_step ul li:nth-child(2):after {
         background: none; display: none;
    }
    
}

.captcha{ display: inline-block;}
.support_video{background:url(../images/products/bg_support_video.jpg) no-repeat center;}
#customer_testimonial{background: #000000; text-align: center;  color:#FFFFFF;}
.customer_testimonial_banner{ background:url(../images/client/bg_testimonial.jpg) no-repeat center #000000;  min-height: 400px;}

.testimonial{ background:url(../images/client/bg_testimonial_index.jpg) bottom #f72b3b; text-align: center; }
.testimonial h2{ color: #FFFFFF;}
.news_testimonial{text-align: center;}
.clients_list{ display: flex;   margin: 0px -10px  20px -10px;     flex-wrap: wrap; flex-direction: row;}
.clients_list li{ flex: 0 1 33.3333%; max-width: calc(33.3333%); padding: 10px; float: left;}


.testimonial_items{ background: #FFFFFF; color: #333333;  height: 100%;  position: relative; }
.testimonial_items .more_details{ position: relative; padding: 5px  15px  25px  15px ;  height: 100%;  }
.testimonial_items .images{ }
.testimonial_items .images img{ width: 100%; height: auto; max-width: 380px;  margin: 0px auto;}
.testimonial_items  h5{ font-size: 1.3em; text-align: right; color: #333333; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }
.testimonial_items .articles { position: relative; text-align: left; line-height: 1.5; padding: 3px 25px 3px 25px; margin-bottom: 20px;   }
.testimonial_items .articles .fa-quote-left{  position: absolute; top: -5px; left: 0px; color: #aaaaaa; }
.testimonial_items .articles .fa-quote-right{  position: absolute; bottom: -5px; right: 0px; color: #aaaaaa; }
.testimonial_items .more_details a{text-decoration: none; float: right; display: inline-block; margin-bottom: 10px; }
        


.testimonial_details{background: #FFFFFF; color: #333333; display: none; }
.testimonial_details .container{ display: flex; width: 100%; flex-wrap: wrap;   align-content: center;    justify-content: center; }

.testimonial_details .images{	width: 33.3333%; text-align: center; background: #FFFFFF; align-content: center; padding: 0px 30px;   }
.testimonial_details .images img{ width: auto; max-width: 100%; height: auto; margin: 0px auto;}
.testimonial_details .articles{ width: 66.6666%; padding:30px 0px 30px 5px ; text-align: left;}
.testimonial_details .articles h2{ text-align: left; font-weight: bold;}
.testimonial_details .articles h4{ text-align: left; font-weight: bold; padding-top: 5px; }
.testimonial_details .articles h4 .material-icons{ float: left; font-size: 1.2em; margin-right: 0.25em;}
.testimonial_details .articles dl { display: flex;	flex-wrap: wrap; }
.testimonial_details .articles dl > dd{ flex:1 1 auto; width: calc(100% - 190px); margin-bottom: 20px; }
.testimonial_details .articles dl  dd:nth-child(2n-1){  flex:1 1 190px;  }
.testimonial_details .used_solutions a{ margin-bottom: 10px; margin-right: 10px;}


.btn_testimonial{ background: #FFFFFF; display: inline-block; width: 100%;  transition: all 0.3s ease; }
.btn_testimonial img{ width: 100%; height: auto; max-width: 400px;  margin: 0px auto;}
.btn_testimonial:hover{ transform:scale(1.1);}

.academy{ background: #FFFFFF;}
.img-academy{  text-align: center; margin: 0px auto 20px auto;}
.img-academy img { max-width: 800px; }
.academy .post_content{    max-width: 1200px;    margin: 20px auto 0px auto; }
.academy .post_content h1,
.academy .post_content h2,
.academy .post_content h3,
.academy .post_content h4,
.academy .post_content h5{ text-align: left;}
.academy .post_content h3 + p,
.academy .post_content h4 + p,
.academy .post_content h5 + p{ margin-top: -0.75rem;}
.post_content ul, .post_content ol{    padding-left: 20px;}
.post_content ul li{
    list-style: disc;
}
.post_content ol li{
    list-style:decimal;
}
.post_content .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.story_details{ background: #FFFFFF; color: #222222; font-size: 1.1em; line-height: 2em;  }
.story_details .row{ display: flex;  flex-wrap: wrap;   align-content: center;    justify-content: center; }
.story_details .client_logo{ width: auto; max-width: 100%; }
.story_details .images{	 padding: 1rem 1rem; text-align: center;  }
.story_details .images img{ width: 100%; max-width: 800px; height: auto; margin: 0px auto;}
.story_details .story_articles{  padding: 1rem 1rem; text-align: left; }
.story_details h2{ text-align:inherit; margin-bottom: 10px; font-weight: bold;}
.story_details h3{ text-align: inherit; font-weight: bold; }
.story_details .message{ margin: 30px auto; position: relative; text-align: center; font-size: 1.5em; line-height: 2em; padding: 2rem 3rem; max-width: 1600px; background:#ffe6e8;  border-radius: 10px; }
.story_details .message .fa-quote-left{  position: absolute; top: 1em; left: 1em; color: #f72b3b; z-index: 10;text-shadow: 5px 5px 0px #FFFFFF; }
.story_details .message .fa-quote-right{  position: absolute; bottom: 4em; right: 1em; color: #f72b3b; z-index: 10;text-shadow: 5px 5px 0px #FFFFFF; }
.story_details .message > div{ padding: 1.5rem; }
.story_details .message > div p{ position: relative; z-index: 10;}
.story_details .message > div:after{ content: ''; width: calc(100% - 1rem); height: calc(100%); position: absolute; top: -1rem; left: 2rem; border: 2px solid #ffe6e8;  border-radius: 10px; z-index: 0; }
.story_details .message .people{ position: relative; font-size: 0.75em; line-height: 1.5em; margin-bottom: 0px; }
.client_intro{ margin-top: 1em; }
.client_intro .images .client_logo{ max-width: 500px;}


@media (max-width:1400px){
    .testimonial_details .images{ width: 100%; padding-top: 20px;}
	.testimonial_details .articles{ width: 100%;     padding: 20px 0px 20px 0px; }
}
   
@media (max-width:992px){
    .testimonial_items{ overflow:visible; }
    .testimonial_items .images{ position: relative; height: auto; }
    .testimonial_items .more_details,
    .testimonial_items:hover .more_details,
    .testimonial_items .images,
    .testimonial_items:hover .images{  transform: translate(0%, 0%);}
    .client_intro{ margin-top: 0em; }
    .client_intro .images{ padding: 0px;}
	.clients_list li{ flex: 0 1 100%; max-width: calc(100%); }
}

@media (max-width:768px){
.customer_testimonial_banner{ background:url(../images/client/bg_testimonial.jpg) no-repeat center #000000; background-size:200%;   min-height: 200px;}
	.testimonial_details .articles dl > dd{ width: 100%;}
	.testimonial_details .articles dl  dd:nth-child(2n-1){  width: 100%; margin-bottom: 5px;  }
    .story_details .message{ font-size: 1.3em; line-height: 1.7em; padding: 2rem 1.25rem;}
    .story_details .message .fa-quote-left{     top: 0.75em;    left: 0.75em;}
    .story_details .message .fa-quote-right{   bottom: 4em;    right: 0.75em;}
    .client_intro .images .client_logo {    max-width: 400px; }
}



.academy_list { display: flex;      flex-wrap: wrap; flex-direction: row; margin: 0px -15px 20px -15px; }
.academy_list li{ padding: 0px 15px 10px 15px; flex: 0 1 25%; max-width: 25%; float: left; margin-bottom: 20px;}
.academy_list li a{text-decoration: none; color: #333333;  font-size: 1.15rem; font-weight: bold; display: inline-block; width: 100%;}
.academy_list li a:hover{ color:#e60012;}
.academy_list li > div{   height: 100%; }
.academy_list li .images{position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 10px; padding-top:50%;    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);}

.academy_list li div img{ width: 100%; transition: all 0.3s ease; opacity: 0.85; position: absolute; top: 0px;}
.academy_list li a:hover div img{  
    transform: scale(1.2); opacity: 1;}

.academy_list.terminology li .articles{ background: #FFFFFF; padding: 15px 15px; border-radius: 8px;     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%); }

@media (max-width:1199px){
    .academy_list li{  flex: 0 1 33.3333%; max-width: 33.3333%; float: left;}
}


@media (max-width:992px){
    .academy_list li{  flex: 0 1 50%; max-width: 50%; float: left;}
}


@media (max-width:767px){
    .academy_list { margin: 0px 0px 20px 0px; }
    .academy_list li{ padding: 0px  0px  20px  0px; flex: 0 1 100%; max-width: 100%; float: none;}
    .academy_list.terminology li{ padding: 0px;}
    .academy_list li div img{ opacity: 1;}
    .academy .post_content img { display: inline-block; width: 100%; height: auto;}
}

.FAQ{ padding: 3em 0; background: #333333;}
.FAQ h2{ color: #FFFFFF;}
.accordion {
    max-width: 1100px; 
    margin: 0px auto;
}
 .accordion .accordion-item {
	 border-bottom: 1px solid #e5e5e5;
     font-size: 1.2em;
     line-height: 1.5;
     
}
 .accordion .accordion-item button[aria-expanded='true'] {
	 border-bottom: 1px solid #e60012;
}
 .accordion button {
     text-align: left;
	 position: relative;
	 display: block;
	 width: 100%;
	 padding: 1em 3em 1em 1em;
	 font-weight: bold;
	 border: none;
	 background: none;
	 outline: none;
}
 .accordion button:hover, .accordion button:focus {
	 cursor: pointer;
	 color: #e60012;
}
 .accordion button:hover::after, .accordion button:focus::after {
	 cursor: pointer;
	 color: #e60012;
	 border: 1px solid #e60012;
}
 .accordion button .accordion-title {
	 padding: 1em 0px ;
}
 .accordion button .icon {
	 display: inline-block;
	 position: absolute;
	 top: 18px;
	 right: 20px;
	 width: 22px;
	 height: 22px;
	 border: 1px solid;
	 border-radius: 22px;
}
 .accordion button .icon::before {
	 display: block;
	 position: absolute;
	 content: '';
	 top: 9px;
	 left: 5px;
	 width: 10px;
	 height: 2px;
	 background: currentColor;
}
 .accordion button .icon::after {
	 display: block;
	 position: absolute;
	 content: '';
	 top: 5px;
	 left: 9px;
	 width: 2px;
	 height: 10px;
	 background: currentColor;
}
 .accordion button[aria-expanded='true'] {
	 color: #e60012;
}
 .accordion button[aria-expanded='true'] .icon::after {
	 width: 0;
}
 .accordion button[aria-expanded='true'] + .accordion-content {
	 opacity: 1;
	 max-height: 9em;
	 transition: all 200ms linear;
	 will-change: opacity, max-height;
}
 .accordion .accordion-content {
     padding: 0px 1em;
	 opacity: 0;
	 max-height: 0;
	 overflow: hidden;
	 transition: opacity 200ms linear, max-height 200ms linear;
	 will-change: opacity, max-height;
}
 .accordion .accordion-content p {
	 margin: 1em 0 1.5em 0;
}



.owl-dots {
    text-align: center;
    bottom: 0px;
	width: 100%;
	height: 30px;
	padding-top:10px;
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127,127,127, 0.5);
    margin-left: 5px;
    margin-right: 5px;
}
.owl-dot.active { background:#e60012; }


.img_show { display: flex;   flex-wrap: wrap;  
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;    flex-direction: row; margin: 0px -5px; }
.img_show .btn-photo{ padding: 5px;  flex: 0 1 25%;    max-width: calc(25%); }
.img_show .btn-photo img{ width: 100%; }

@media (max-width:767px){
.img_show .btn-photo{ padding: 5px;  flex: 0 1 50%;    max-width: calc(50%); }
}

.loader {
    display: inline-block;
  border: 8px solid #cccccc; /* Light grey */
  border-top: 8px solid #e60012; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.nav-button,
.prev-button{ display: inline-block; word-wrap: break-word; word-break: break-all;  overflow: hidden; max-width: 70%; max-height:20px; line-height: 20px;  position: relative; padding-right: 15px;}
.nav-button:after,
.prev-button:after{ content: '...'; display: inline-block; position: absolute; top: 0px; right: 0px;}

@media (max-width:767px){
    .nav-button, .prev-button{ max-width: 80%; }
}
 /* Define the bounce animation configuration here */
.googleMapbounce {
    animation: bounce 1.5s infinite;
    -webkit-animation: bounce 1.5s infinite;
    -moz-animation: bounce 1.5s infinite;
    -o-animation: bounce 1.5s infinite;
}
 
@-webkit-keyframes bounce {
    0%, 50%, 100% {-webkit-transform: translateY(0);} 
    25% {-webkit-transform: translateY(-30px);}
    75% {-webkit-transform: translateY(-20px);}
}
 
@keyframes bounce {
    0%, 50%, 100% {-webkit-transform: translateY(0);} 
    25% {-webkit-transform: translateY(-30px);}
    75% {-webkit-transform: translateY(-20px);}
}