body{
	font-family: "Arial", "Microsoft JhengHei", Serif;
	font-size: 16px;
}

a:focus{
	text-decoration: none;
}

h2{margin-top: 0;}

h3{font-weight: bold;}

ul{
	list-style: none;
	padding-left: 0;
}

.modal ul{
	list-style: disc;
	padding-left: 25px;
	margin-bottom: 20px;
}

.modal p{
	margin-bottom: 20px;
}

.modal .btn.btn-default{
	font-size: 15px;
}

p small{
	color: #949494;
}

.web_none{
	display: none;
}
.website{
	display: block;
}
.mobile{
	display: none;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.highlight{
	color: #bb3637;
}

ul.dot li::before {
	content: "\2022";
    color: #bb3637;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 28px;
    vertical-align: middle;
    text-align: center;
}

.yellow{
	color: #bb3637 !important;
}

h4.yellow{
	font-weight: bold;
}

.private_placement p.font-16{
	font-size: 16px;
}

.bg-gray{background: #e2e2e2;}
.bg-green-lv1{background: #5ec134;}
.bg-green-lv2{background: #dff3d7;}
.bg-green-lv3{background: #99d130;}
.bg-green-lv4{background: #ebf6d4;}
.bg-green-lv5{background: #c0ea3e;}
.bg-green-lv6{background: #f4fbd9;}
.bg-yellow-lv1{background: #f8df2d;}
.bg-yellow-lv2{background: #fdf9d4;}
.bg-yellow-lv3{background: #f7b82d;}
.bg-yellow-lv4{background: #fcf1d5;}
.bg-org-lv1{background: #ef8426;}
.bg-org-lv2{background: #fce5d3;}
.bg-red-lv1{background: #f2442c;}
.bg-red-lv2{background: #fcd9d5;}

.bond-chart .table td{
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: none;
	border-bottom: 5px solid #fff;
}

.bond-chart .table td.bg-gray{
	width: 70px;
	vertical-align: middle;
}

a {
    color: #767676;
    text-decoration: none;
}

a:hover {
    color: #767676;
    text-decoration: none;
}

h1.logo{
	margin-top: 0;
	margin-bottom: 0;
}

#home h2{
	color: #bb3637;
	font-size: 40px;
	font-weight: bold;
}

.btn.btn-default{
	width: 150px;
	background: #bb3637;
	color: #ffffff;
	border-color: #bb3637;
	border-radius: 0;
	font-size: 18px;
}

.btn-default:active:hover{
	background: #bb3637;
	color: #ffffff;
	border-color: #bb3637;	
}

.login{
	overflow: hidden;
}

.login li{
	padding-top: 10px;
}

.login .signin-btn{
	float: right;
	padding-top: 0;
}

.carousel img{
/*	width: 100%;*/
	width: auto;
	margin: 0 auto;
	display: block;
}

.carousel{
	height: 450px;
	overflow: hidden;
}

.carousel .carousel-inner{
	height: 450px;
}

.carousel-inner > .item > img.first-slide, .carousel-inner > .item > a > img.first-slide{
	margin-top: -70px;
}

.carousel-inner > .item > img.sec-slide, .carousel-inner > .item > a > img.sec-slide{
	margin-top: 0;
}

.carousel-inner > .item > img.thir-slide, .carousel-inner > .item > a > img.thir-slide{
	width: 1020px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
/*    height: 600px;*/
}

.info{
	color: #a17a35;
	margin-top: 20px;
}

.black-bg{
	/*background: rgba(0, 0, 0, 0.10);*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.header .nav{
	margin-top: 10px;
}

.header .top{
	padding: 0;
	background: #363636;
	color: #fff;
}

.top a{
	color: #fff;
}

.header .list-inline{
	margin-bottom: 0;
}

.lang{
	margin-top: 10px;
}

.lang .active{
    color: #bb3637;
}

.header .signin-btn a{
    width: 120px;
    display: block;
    text-align: center;
    background: #bb3637;
    padding: 10px;
    color: #000;
}

.menu{
    z-index: 1000;
	background: #fff;
/*	box-shadow: 0 5px 10px #00000085;*/
	padding: 20px 0;
}

.nav > li > a{
	padding: 10px;
}

.menu .nav > li{
	width: 116px;
	text-align: center;
}

.menu .nav > li a{
	color: #929497;
    transition: background-color 0.4s ease-in;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu .nav > li > a:hover, .menu .nav > li > a:focus {
    text-decoration: none;
    background-color: #bb3637;
	color: #ffffff;
}

.disclaimer{
	margin-top: 10px;
}

.carousel-indicators li{
	background-color: #fff;
	border-color:  #fff;
}

.carousel-indicators .active{
	background-color: #bb3637;
	border-color:  #bb3637;
}

.index-icon, .home-item, .home-item2, .home-item3{
	padding: 60px 0;
}

.home-item{
	background: #231f20;
}

.home-item p{
	color: #000000;
	font-size: 20px;
}

.home-item2 p{
	color: #ffffff;
	font-size: 20px;
}

.home-item img{
	margin-top: 60px;
}

.home-item5 .icon-item .list-inline, 
.home-item5 .icon-item .list-inline p{
	margin-bottom: 0;
}

/*home background*/
.index-icon{
	height: 700px;
	background: url(../images/index-icon-bg.png) no-repeat center 135px;
}

.index-icon img{
	width: 300px;
	margin-bottom: 20px;
}

.hongkong-item{
	margin-top: 180px;
}

.hongkong-item h4{
	margin-bottom: 40px;
}

.home-item{
	height: 780px;
	background: url(../images/home-item1-bg.jpg) no-repeat center ;
	background-color: #231f20;	
}


.home-item2{
	height: 590px;
	background: url(../images/home-item2-bg.jpg) no-repeat center ;	
	color: #fff;
	background-color: #231f20;
	background-size: cover;
}

.home-item3{
	height: 600px;
	background: url(../images/home-item3-bg.jpg) no-repeat center ;	
	color: #000000;
	background-color: #231f20;
}

.home-item4{
	height: 755px;
	background: url(../images/home-item4-bg.jpg) no-repeat center ;	
	padding: 40px 0;
	background-color: #fefefe;
}

.home-item2 .icon-item, .home-item3 .icon-item{
	margin-top: 80px;
}

.home-item3 h3{
	color: #bb3637;
}

.home-item2 h2{
	text-shadow: 0 0 10px #000;
}

.home-item2 p{
	margin-top: 40px;
}

.home-item4 h2{
	margin-top: 40px;
}

.home-item4 li{
	width: 32%;
	margin-top: 80px;
	vertical-align: top;
}

.home-item4 li img{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	margin-bottom: 20px;
}

.home-item5{
	padding: 40px 0;
	background: rgba(0, 0, 0, 0.2);
    margin-top: -223px;
}

.home-item5 .container{
	position: relative;	
}

.home-item5 a{
    color: #ffffff;	
} 

.home-item5 .icon-item li{
	width: 19%;
}

.home-item5 .icon-item li img{
	width: 100px;
}

.carousel-indicators {
    bottom: -9px;
}

.banner-btn{
/*	position: absolute;*/
/*    background: rgba(0, 0, 0, 0.4);*/
    z-index: 10;
    width: 100%;
 /*   bottom: -123px;*/
    padding: 20px 0;
}


.banner .banner-btn{
	position: absolute;
/*    background: rgba(0, 0, 0, 0.4);*/
    z-index: 10;
    width: 100%;
    bottom: -123px;
    padding: 20px 0;
}

.banner-btn ul.list-inline{
	width: 735px;
    margin: 0 auto;
}

/**/
.footer-link{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #5c5d5f;
}

.footer-link ul.sitemap{
	padding-left: 0;
	overflow: hidden;
	border-bottom: 1px solid #bc3638;
	padding-bottom: 10px;
}

.footer-link ul.sitemap li{
	width: 15%;
	margin-right: 0;
}

.footer-link ul.sitemap li:first-child{
	width: 70px;
}

.footer-link ul.sitemap-list{
	overflow: hidden;
	margin-bottom: 40px;
}

.footer-link ul.sitemap-list > li{
	width: 15%;
	margin-right: 0;
	font-size: 14px;
}

.footer-link ul.sitemap-list > li:first-child{
	width: 70px;
}

.footer-link ul.sitemap-list > li > ul li{
	float: inherit;
	color: #fff;
	margin-bottom: 0;
}

.footer-link ul li{
	float: left;
	margin-right: 40px;
	color: #ffffff;
}

.footer-link ul li a{
	color: #ffffff;
	padding-top: 10px;
	display: inline-block;
}

.footer-link ul li:first-child a{
	padding-top: 0;
}

footer{
	background: #555659;
	color: #fff;
	padding: 10px 0;
	font-size: 14px;
}

footer a{
	color: #fff;
}

.footer-link ul.list-inline li img{
	margin-bottom: 10px;
}

.carousel-fade{
	    background-color: #ffffff;
}

.carousel-fade .carousel-inner .item{
    transition-property: opacity;
}

.carousel-fade .item,
.carousel-fade .active.left,
.carousel-fade .active.right {
    opacity: 0;
}

.carousel-fade .active,
.carousel-fade .next.left,
.carousel-fade .prev.right {
    opacity: 1;
}

.carousel-fade .next,
.carousel-fade .prev,
.carousel-fade .active.left,
.carousel-fade .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

#about .city-logo img{
	width: 80%;
}

#about .company-logo img{
	width: auto;
	display: block;
	margin: 0 auto;
}

#about .company-logo h4{
	font-weight: bold;
}

.inline-page h2{
	color: #bb3637;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.inline-page .container{
	padding: 40px 15px;
	/*padding-top: 150px;*/
}

.inline-page > div:first-child{
	padding-top: 150px;

}

.gray-bg{
	background: #f4f4f4;
}

.imsmart-banner{
	background: url(../images/imsmart-banner.jpg) no-repeat center;
}

.about-banner{
	background: url(../images/about-banner.jpg) no-repeat center;
}

.service-banner{
	background: url(../images/service-banner.jpg) no-repeat center;
}

.product-banner{
	background: url(../images/product-banner.jpg) no-repeat center;
}

.account-banner{
	background: url(../images/account-banner.jpg) no-repeat center;
}

.contact-banner{
	background: url(../images/contact-banner.jpg) no-repeat center;
}

.report-banner{
	background: url(../images/report-banner.jpg) no-repeat center;
}




.banner{
	height: 450px;
	background-size: cover;
	position: relative;
}

.contact-banner{
	background: url(../images/contact-banner.jpg) no-repeat center;
	background-size: cover;
}

#service .tabs > li > a {
    margin-right:0;
    line-height: 1.42857143;
    border:  1px solid #bb3637;
    border-radius: 0;
    width: 250px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    padding: 5px 20px;
}

#service .tabs > li{
	float: left;
	margin-bottom: 20px;
}

#service .tabs > li.active > a, 
#service .tabs > li.active > a:hover, 
#service .tabs > li.active > a:focus{
	color: #000000;
    background-color: #bb3637;
    border: 1px solid #bb3637;
    border-bottom-color: transparent;
    cursor: default;
}

#service .tabs{
	border-bottom: none;
	margin: 0 auto 40px auto;
    width: 500px;
}

.inline-page h2{
	margin-bottom: 40px;
}

.download-part{
	height: 700px;
/*	background: url(../images/serivice-bg.png) no-repeat center;*/
}

#service .list-from{
	background: #fff;
	border: 1px solid #bb3637;
	padding: 0;
}

#service .list-from h3{
	background: #bb3637;
	padding: 20px;
	margin-top: 0;
	margin-bottom: 0;
	color: #000000;
	font-size: 40px;
}

#service .list-from p{
	padding: 20px;
}

#service h4{
	color: #bb3637;
	font-weight: bold;
}

.expense-report h2{
	color: #000;
}

#product .icon-item .list-inline li{
	width: 19%;
}

#product .information ul{
	list-style: disc;
	width: 130px;
	text-align: left;
	margin: 20px auto 0 auto;
}

.download-list-box{
	background: #ffffff;
    box-shadow: 0 0 5px #e4e4e4;
	height: 200px;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 20px;
}

.download-list-box a{
	background: url(../images/download-btn.png) no-repeat center right;
	padding-right: 15px;
	position: absolute;
    bottom: 15px;
    right: 35px;
}

.download-list .row{
	margin-bottom: 40px;
}

.product-menu{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 10px auto;
}

.product-menu.icon01{
	background: url(../images/product-menu1.png) no-repeat;	
}

.product-menu.icon02{
	background: url(../images/product-menu2.png) no-repeat;	
}

.product-menu.icon03{
	background: url(../images/product-menu3.png) no-repeat;	
}

.product-menu.icon04{
	background: url(../images/product-menu4.png) no-repeat;	
}

.product-menu.icon05{
	background: url(../images/product-menu5.png) no-repeat;	
}

.product-menu.icon01.active{
	background: url(../images/product-menu1-active.png) no-repeat;	
}

.product-menu.icon02.active{
	background: url(../images/product-menu2-active.png) no-repeat;	
}

.product-menu.icon03.active{
	background: url(../images/product-menu3-active.png) no-repeat;	
}

.product-menu.icon04.active{
	background: url(../images/product-menu4-active.png) no-repeat;	
}

.product-menu.icon05.active{
	background: url(../images/product-menu5-active.png) no-repeat;	
}

.ipo h2, .bond .col-md-6 h2, .private_placement h2{
	text-align: left;
}

.ipo .international img{
	margin-right: 15px;
	margin-bottom: 15px;
}

.bond p{
	font-size: 18px;
}

.bond p, .private_placement p{
	font-size: 18px;
}

.private_placement .col-md-6 img{
	display: block;
	margin: 0 auto;
}

#accordion .card-header a{
    background: #e2e2e2;
    width: 100%;
    display: block;
    padding: 10px 30px;
    margin-bottom: 2px;
    color: #000;
    overflow: hidden;
}

#accordion .card-header a[aria-expanded="true"]{
	background: #bb3637;
	color: #000;
	font-size: 18px;
}

#accordion .card-header a .collapse-icon{
	background: url(../images/chevron-down.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	float: right;    
}

#accordion .card-header a[aria-expanded="true"] .collapse-icon{
	background: url(../images/chevron-down.png) no-repeat right;
	background-size: cover;
}

#accordion .card-body{
	padding: 30px;
	background: #f4f4f4;
}

.owl-slider{
	padding: 0 60px;
}

.owl-carousel .owl-item{
	background: #fff;
	border: 1px solid #bb3637;
	padding: 30px;
	min-height: 270px;
}

.owl-slider .owl-nav span[aria-label="Previous"]{
	background: url(../images/chevron-left.png) no-repeat;
	background-size: cover;
	height: 50px;
	width: 28px;
	display: block;
	text-indent: -99999px;
    position: absolute;
    top: 125px;
    left: -52px;
}

.owl-slider .owl-nav span[aria-label="Next"]{
	background: url(../images/chevron-right.png) no-repeat;
	background-size: cover;
	height: 50px;
	width: 28px;
	display: block;
	text-indent: -999999px;
    position: absolute;
    top: 125px;
    right: -52px;
}

.owl-carousel .owl-item h3{
	margin-bottom: 40px;
	height: 50px;	
}

.owl-carousel .owl-item a{
	background: #bb3637;
	color: #000;
	font-size: 18px;
	padding: 10px 60px;
	margin-top: 30px;
	display: inline-block;
}

.bond .row{
	margin-bottom: 20px;
}

.band-logo{
	margin-bottom: 60px;
	margin-top: 60px;
	vertical-align : middle;
}

.band-logo img{
	width: 80%;
	display: block;
	margin: 0 auto;
	vertical-align : middle;
}

.city-logo{
	margin: 40px 0;
}

.hk-bg{
    background: url(../images/home-item1-bg.png) no-repeat center bottom;
}

.navbar-fixed-top.menu{
	padding: 10px;
}

.navbar-fixed-top.menu .logo img{
	width: 90%;
}

.navbar-fixed-top.menu .navbar{
	margin-bottom: 0;
}

.band-logo img.w-80{
    width: 80%;
}

#service .tab-content .col-md-6{
	margin-bottom: 40px;
}

#account .col-md-2 img{
	width: 100%;
}

#service .online-step .step{
	width: 20%;
	float: left;
	border-right: 1px solid #fff;
}

#service .online-step .step img{
	width: 100%;
	margin-top: 40px;
}

.menu .nav > li.dropdown > a:hover, 
.menu .nav > li.dropdown > a:focus{
	background: none;
}

#navbar .dropdown-menu{
	background-color: #fff;
	min-width: 117px;
	border: none;
}

.menu .nav .dropdown-menu > li a:hover{
	background-color: #e2e2e2;
}

.download-list h4{
	font-weight: bold;
}

.download-list .download-list-box h4{
	font-weight: inherit;
}

.company-logo .row{
	margin-bottom: 20px;
}

.online-part{
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.online-part li{
	width: 45%;
	float: left;
}

.online-part img{
	width: 70%;
	margin-bottom: 20px;
}

.online-part img{
	width: 100%;
}

.online-part .or{
	width: 10%;
	font-size: 36px;
	margin-top: 40px;
}

.buildup{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.buildup a{
	opacity: .85;
}

.buildup a:hover{
	opacity: 10;
	text-shadow: 0 0 5px #d6d6d8;
}

.online-call{
	font-size: 28px;
	margin-top: 40px;
}

.nav > li.lang-list{
	position: absolute;
    right: -80px;
}







#accordion .step {
    height: 100px;
}

.progress-list {
    position: relative;
    margin-bottom: 1.25rem;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.progress-list>li {
    position: relative;
    width: 100%;
    text-align: center;
}

.progress-list>li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    width: 100%;
    height: 3px;
    background-color: rgba(61, 70, 79, .125);
}

.progress-list>.success:before {
    background-color: #cff1ea;
}

.progress-list>.active .progress-indicator, .progress-list>.error .progress-indicator, .progress-list>.success .progress-indicator {
    display: inline-block;
}

.progress-list .progress-label {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    font-size: 15px;
    color: #686f76;
}

.progress-list>li>button {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #e9eaeb;
    color: rgba(61, 70, 79, .125);
    border: 4px solid #fff;
    vertical-align: middle;
    border-radius: 1rem;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}

.progress-list>.success>button {
    color: #346cb0;
    background-color: #fff;
    border-color: #fff;
}

.progress-list>.success>button {
    color: #346cb0;
    background-color: #ffffff;
    border-color: #59ceb5;
}

.progress-list>.active>button {
    background-color: #f5b225;
}

.progress-list>li>button:hover{
	border: 4px solid #f5b225;
    background: #fff;
}

.progress-list>li:last-child:before{
	background-color: #fff;
}

.progress-list>li .progress-label{
	color: #afafaf;
	width: 100%;
}

.progress-list>li.active .progress-label{
	color: #686f76;
}




.important-label {
    color: #e83e8c !important;
}

.form-check-inline{
	float: left;
	margin-right: 15px;
}

#account .step{
	overflow: hidden;
	height: 70px;
}

#account .general-label label{
	padding-top: 7px;
}

.mt-3{
	margin-top: 15px;
}

#account-partA h3 a {
    background: url(../images/download-btn.png) no-repeat center right;
    padding-right: 15px;
}

.inline-page .footer-link .container{
	padding-top: 0;
	padding-bottom: 0;
}

.other-input{
	margin-top: 10px;
}

textarea{
	margin-bottom: 20px;
}

.form-check-inline label{
	    max-width: 98%;
}

.clear{
	clear: both;
}

.smart_pop{
	float:right;
    background: #bb3637; /*#2b7367;*/
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
	cursor: pointer;
}

#smart_popup{
	 z-index:999; 
	 background:#fff; 
	 position:fixed; 
	 top: 50%; 
	 transform: translate(0, -50%);
	 left: 0; 
	 right: 0; 
	 bottom: 0; 
	 width: 100%;
	 max-width:700px; 
	 height: fit-content;
	 margin:0 auto;
	 padding: 35px;
}
#smart_popup ul{
	list-style: disc;
    padding-left: 1rem;
    margin-left: 1rem;
}
#smart_popup h3{
	    color: #bb3637;
}
#smart_popup .button_area{ 
	display: flex;
	align-items: start;
    justify-content: space-around;
	margin-top: 10px;
}
#smart_popup .button_area > div{ display:flex; flex-direction: column; align-items:center;}

#smart_popup .button_area > div > a {
    background: url(../images/download-btn.png) no-repeat center right;
    padding-right: 15px;
}

#smart_popup .button_area > a{
	background-color: #ccc;
	color: #2b7367;
	padding: 11px 20px;
	font-size: 16px;
	border: none;
    border-radius: 10px;
}
#smart_popup .button_area button{ padding: 5px 20px; border-radius: 10px;}
#overlay{
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background-color: rgba(0,0,0,0.5); 
	z-index:99;
}

#closePopup{
	position: absolute;
    right: 0;
    top: 0;
    background: #000;
    color: #fff;
    width: 25px;
    line-height: 25px;
    text-align: center;	
}

.row.imsmart .img_area{
	float:left;
	width: 36.5%;	
	padding: 0 20px; 
	box-sizing: border-box;
}
.row.imsmart img{
	max-width: 100%;
	height: auto;
}
.row.imsmart .img_area img{
	width: 100%;
	height: auto;
}

.row.imsmart .txt_area{
	width: 63.5%;
	float:left;
	padding: 0 20px;
	box-sizing: border-box;
}

.row.imsmart .txt_area h5{
	font-size:24px;
	font-wight: bold;
	color:#bb3637;
	margin: 0 0 10px 0;
}

.row.imsmart .txt_area p{
	font-size:16px;
	margin: 0 0 10px 0;
}

.row.imsmart .txt_area p.last{
	margin-bottom: 30px;
}

/*responsive moblie css=======================================================================================================*/

/*small size web*/
@media all and (min-width: 1025px) and (max-width: 1200px) {
	.carousel-inner > .item > img.first-slide, .carousel-inner > .item > a > img.first-slide{
		margin-top: 0;
	}

	.carousel-inner > .item > img.sec-slide, .carousel-inner > .item > a > img.sec-slide{
		margin-top: 0;
	}

	.carousel-inner > img{
		width: auto;
	}

}



/*for ipad*/
@media all and (min-width: 768px) and (max-width: 1024px) {
	.header .signin-btn a{
		width: 100px;
	}
	.content{
		font-size: 14px;
	}
	.logo img{
		width: 250px;
		margin: 0 auto;
		display: block;
	}

	.index-icon, .home-item, .home-item2, .home-item3 {
	    padding: 30px 0;
	}

	.navbar-fixed-top.menu .logo img{
		width: 250px;
		margin: 0 auto;
		display: block;
	}
	.navbar-fixed-top.menu{
		padding-bottom: 0;
	}
	.header .nav {
	    margin-top: 0;
	}
	.menu{
		padding-bottom: 0;
	}
	.menu .nav > li{
		width: 102px;
	}

	.menu .col-sm-9{
		padding-right: 0;
	}
	.nav > li > a{
		    padding: 5px 0;
	}
	.navbar{
		margin-bottom: 0;
	}
	.banner-title {
	    margin-top: -210px;
	}
	.banner-title h2 {
	    font-size: 36px;
	}
	#home h2{
	    font-size: 36px;		
	}
	.index-icon {
	    height: 445px;
	    background: url(../images/index-icon-bg.png) no-repeat center 85px;
	    background-size: cover;
	}
	.hongkong-item {
	    margin-top: 90px;
	}
	.home-item {
	    height: 520px;
	    background-size: cover;
	}

	.home-item img{
		width: 100%;
		margin-top: 30px;
	}
	.home-item2 .icon-item, 
	.home-item3 .icon-item {
	    margin-top: 0;
	}
	.home-item2{
	    height: 560px;
	}
	.home-item3{
		height: 340px;
	}
	.home-item4{
		background-size: cover;
		height: 530px;
	}
	.home-item4 .container{
		overflow: hidden;
	}
	.home-item4 h2 {
	    margin-top: 0;
	}
	.home-item4 li{
		margin-top: 10px;
	}
	.home-item5{
		padding: 20px 0;
		margin-top: -170px;
	}
	.home-item5 li p{
		margin-bottom: 0;
	}
	#service .list-from h3{
	    font-size: 28px;
	}
	.inline-page .footer-link .container{
		padding-top: 0;
		padding-bottom: 0;
	}
	#product .information .img-line{
		width: 100%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.ipo div.col-sm-6 img{
		width: 100%;
	}
 	#product .col-md-6 img.small-logo{
 		width: 100px
 	}

 	.banner-btn{
 		padding: 10px 0;
 	}

	.banner-btn ul.list-inline {
	    width: 425px;
	    margin: 0 auto;
	}

	.banner-title img {
	    width: 60%;
	}

	.banner-btn ul.list-inline img{
		width: 200px;
	}

	.carousel-indicators {
	    bottom: 60px;
	}
	.index-icon img{
		width: 100%;
	}

	.banner{
	    height: 250px;
	}

	.download-part{
		height: 500px;
	}
	#service .tab-content .col-md-6{
		margin-bottom: 0;
	}
	.hongkong-item h4 {
	    margin-bottom: 20px;
	}
	.website{
		display: none;
	}
	.carousel{
		height: auto;
	}
	.carousel .carousel-inner{
		height: auto;
	}
	#navbar{
		padding: 0;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	   height: auto;
	}
	.carousel-inner > .item > img.first-slide, .carousel-inner > .item > a > img.first-slide{
		margin-top: 0;
	}

	.carousel-inner > .item > img.sec-slide, .carousel-inner > .item > a > img.sec-slide{
		margin-top: 0;
	}

	.carousel-inner > img{
		width: auto;
	}
	.form-group{
		overflow: hidden;
	}

	#account .general-label label {
	    padding-top: 10px;
	}

	.col-sm-8 input{
		margin-bottom: 10px;
	}
	.nav > li.lang-list {
	    position: absolute;
	    right: 0;
	    top: -50px;
	}
}

@media all and (min-width: 1026px) and (max-width: 1524px) {
	.nav > li.lang-list {
	    position: absolute;
	    right: -80px;
	    top: 0;
	}
}

/*for mobile*/
@media all and (min-width: 320px) and (max-width: 767px) {

	#home h2{
		font-size: 32px;
	}
	.home-item img{
		width: 100%;
	}
	.hongkong-item {
	    margin-top: 90px;
	}
	.home-item p, .home-item2 p{
		font-size: 16px;
	}
	.home-item{
		height: 470px;
	    background-size: cover;
	}
	.home-item2 .icon-item, .home-item3 .icon-item{
		margin-top: 0;
	}
	.home-item2{
		height: 920px;
		background-size: cover;
	}
	.home-item3{
		height: 780px;
		background-size: cover;
	}
	.index-icon img{
		width: 80%;
		margin-top: 30px;
	}
	.index-icon {
	    height: auto;
	    background: url(../images/index-icon-bg.png) no-repeat center 80px;
	}	
	.hongkong-item h4 {
	    margin-bottom: 20px;
	}
	.home-item5 .icon-item li {
	    width: 32%;
	    vertical-align: top;
	}
	.home-item4 h2{
		margin-top: 0;
	}
	.home-item4 li{
		margin-top: 40px;
	}
	.home-item5{
	    margin-top: -420px;
	}
	.hongkong-item:first-child{
		margin-top: 90px;
	}
	.hongkong-item{
		margin-top: 0;
	}
	.home-item5{
		padding-bottom: 0;
	}
	.navbar-toggle .icon-bar{
		background: #929497;
	}
	.header .top{
		font-size: 14px;
	}
	.website{
		display: none !important;
	}
	.mobile{
		display: block;
	}
	.top .list-inline{
		overflow: hidden;
	}
	.logo img{
		width: 250px;
		margin: 10px 0;
	}
	.home-item4{
		background: url(../images/home-item4-bg.jpg) no-repeat 30%;
	    background-size: cover;
	}
	.navbar-wrapper.menu{
		padding: 0;
	}
	.navbar{
		margin-bottom: 0;
	}
	.navbar-collapse{
		text-align: center;
	}
	.menu .nav > li{
		width: 100%;
	}
	.navbar-toggle {
	    position: absolute;
	    float: right;
	    top: -65px;
	    right: -20px;
	    margin-right: 15px;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid #939397;
	    border-radius: 4px;
	}
	.navbar{
		min-height: 0;
	}
	.index-icon, .home-item, .home-item2, .home-item3 {
	    padding: 40px 0;
	}
	.home-item4 .list-inline div{
		font-size: 14px;
	}
	.footer-link ul.sitemap{
	    padding-bottom: 20px;
    	margin-bottom: 20px;
	}
	.footer-link{
		font-size: 14px;
	}
	footer{
		font-size: 14px;
	}
	.footer-link .container{
		padding: 0 15px;
	}
	.footer-link ul li{
		float: none;
	}
	.footer-link ul.list-inline {
		float: left;
	}
	.footer-link ul.list-inline li{
		margin-right: 0;
		margin-top: 20px;
	}
	.footer-link div.col-md-4.col-sm-6 img{
		display: block;
		margin: 0 auto;
	}

	.footer-link div.col-md-8.col-sm-6 ul{
		display: block;
		width: 100%;
	}

	.banner {
	    height: 200px;
	    background-size: cover;
	}
	.city-logo .col-xs-6 img{
		margin-bottom: 20px;
	}
	#about .city-logo img {
	    width: 100%;
	}
	.header .lang {
	    margin-bottom: 10px;
	}
	.menu .col-md-9{
		background: #ffffff;
		border-top: 1px solid #ddd;
	}
	.carousel-inner > .item > img{
	    width: auto;
    	height: 250px;		
	}

	.img-responsive, .thumbnail > img, 
	.thumbnail a > img, 
	.carousel-inner > .item > img, 
	.carousel-inner > .item > a > img{
	    max-width: inherit;
	}
	.carousel-inner > .item > img.thir-slide, .carousel-inner > .item > a > img.thir-slide {
     width: auto; 
	}
	.banner-title h2{
		margin-top: 170px;
		font-size: 32px;
	}
	.banner-title img{
		width: 100%;
    	margin-top: 0;
	}
	.inline-page h2{
		font-size: 32px;
		margin-bottom: 20px;
	}
	#service .tabs{
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
	}
	#service .tabs > li > a{
		width: 100%;
	}
	#service .tabs > li{
		width: 100%;
		margin-bottom: 0;
	}
	.download-part {
   		height: 600px;
	}
	#service .list-from h3{
		font-size: 28px;
	}
	.expense-report .list-from{
		margin-bottom: 20px;
	}
	#product .icon-item .list-inline li {
	    width: 49%;
	}

	.product-menu.icon01, 
	.product-menu.icon01.active{
		background-size: cover;
	}

	.product-menu.icon02, 
	.product-menu.icon02.active{
		background-size: cover;
	}

	.product-menu.icon03, 
	.product-menu.icon03.active{
		background-size: cover;
	}

	.product-menu.icon04, 
	.product-menu.icon04.active{
		background-size: cover;
	}

	.product-menu.icon05, 
	.product-menu.icon05.active{
		background-size: cover;
	}
	.information .col-md-12 img{
		width: 100%;
	}
	#product .col-md-6 img{
		width: 100%;
	}
	.bond-chart{
		overflow-x: scroll;
	}
	.download-list .row {
	     margin-bottom: 0; 
	}
	.download-list-box{
		margin-bottom: 20px;
	}
	.owl-slider {
	    padding: 0 20px;
	}
	.owl-slider .owl-nav span[aria-label="Previous"]{
	    height: 30px;
    	width: 18px;
    	left: -28px;
	}
	.owl-slider .owl-nav span[aria-label="Next"]{
	    height: 30px;
    	width: 18px;
    	right: -28px;	
	}
	.owl-carousel .owl-item a{
	    padding: 10px 20px;
	}
	.owl-carousel .owl-item{
		padding: 20px;
	}
	#product .information img{
		width: auto;
	}

	#product .information img.img-line{
		width: 100%;
		margin: 20px 0;
	}
	.home-item4 li{
		width: 49%;
	}
	.home-item5{
		padding: 20px 0;
	}
	.home-item5 .list-inline{
		margin-bottom: 0;
	}
	.home-item5 .icon-item li img {
    	width: 100%;
	}
	.home-item4{
		height: 1000px;
	}

 	#product .col-md-6 img.small-logo{
 		width: 44%;
 		float: left;
 	}
 	.project-logo .col-xs-6 img{
		width: 100%;
 	}
 	#product .ipo h2{
		margin-top: 20px;
 	}
 	#product .bond h2{
		margin-top: 20px;
 	}
 	#product .private_placement h2{
		margin-top: 20px;
 	}
	.band-logo {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.band-logo .col-xs-6{
		margin-bottom: 20px;
	}
	.navbar-fixed-top.menu .logo img{
		width: 210px;
	}
	.banner-btn ul.list-inline{
		width: 100%;
    	margin: 0 auto;
	}
	.banner-btn ul.list-inline img{
		width: 100%;
	}
	.banner-btn ul li{
		float: left;
		width: 50%;
	}
	.carousel-indicators {
	    bottom: -10px;
	}
	.banner-btn .container{
		padding: 0;
	}
	.banner-btn ul.list-inline li:first-child{
		margin-bottom: 0;
	}
	.carousel {
	    height: 250px;
	    overflow: hidden;
	}
	.band-logo .col-xs-6{
		height: 130px;
		padding-top: 20px;
	}
	#account .online-step .step{
		width: 50%;
	}
	.lang.mobile .dropdown-menu{
		display: block;
		position: inherit;
		top:auto;
		left: auto;
		width: 230px;
		margin: 0 auto;
		float: inherit;
	}
	#navbar .lang.mobile .dropdown-menu{
		background: none;
		box-shadow: none;
		overflow: hidden;
	}
	.lang.mobile .dropdown-menu li{
		float: left;
		color: #767676;

	}
	.lang.mobile .dropdown-menu li:before{
		content: '|';
		display: inline-block;
	}

	.lang.mobile .dropdown-menu li:first-child:before{
		content: '';
		display: inline-block;
	}

	.lang.mobile .dropdown-menu li a{
		color: #767676;
		font-size: 16px;
		display: inline-block;
	}
	.lang.mobile .dropdown-menu li a.active{
		color: #bb3637;
	}
	.carousel-inner > .item > img.first-slide, .carousel-inner > .item > a > img.first-slide{
		margin-top: 0;
	}

	.carousel-inner > .item > img.sec-slide, .carousel-inner > .item > a > img.sec-slide{
		margin-top: 0;
	}

	.carousel-inner > img{
		width: auto;
	}
	.inline-page .container {
	    padding: 40px 15px;
	    padding-top: 120px;
	}
	.banner .banner-btn {
	    position: absolute;
/*	    background: rgba(0, 0, 0, 0.4);*/
	    z-index: 10;
	    width: 100%;
	    bottom: -80px;
	    padding: 20px 0;
	}
	#account .general-label label {
	    padding-top: 10px;
	    width: 100%;
	}
	#account .form-group {
	     margin-bottom: 0; 
	}
	#account .form-check-inline{

	}
	#account .form-check-inline .custom-radio label{
		display: inline-block;
	}
	#smart_popup .button_area{
		flex-direction: column;
		align-items: center;
	}
	#smart_popup{
		height:100%;
	}
	#smart_popup .button_area > div, #smart_popup .button_area button, #smart_popup .button_area > a{
		width: 100%;
	}
	#smart_popup .button_area > div, #smart_popup .button_area > a{ 
		margin-bottom:10px;
	}
	.row.imsmart .img_area{
		display: none;
	}
	.row.imsmart .txt_area{
		width: 100%;
	}
}

.d-flex { display: flex;}
.align-items-center { align-items:center;}
.align-items-start { align-items:start;}
.ms-2 { margin-left: 0.5rem!important;}
.me-2 { margin-right: 0.5rem!important;}
.mx-2 { margin-left: 0.5rem!important; margin-right: 0.5rem!important;}

.step1 h3{ display:flex; align-items: center;}
.step1 h3 button{ margin: 0 10px;}
.step1 h3 a{ font-size:15px;}