/* V1.1, Sam Wong, Comment Update 20161121 V1.2, German, CMCC-P240327-A */ body { color: #423E3D; min-width: 950px; } #container.y-hidden{position: fixed;} #frame_main_container { width: 100%; height: auto;} #frame_main_top { position: relative; width: 100%; height: 450px; margin: 0px auto; max-width: 1920px;} #frame_main_bottom { position: relative; width: 100%; height: 70px; margin: 0px auto; max-width: 1920px; overflow: hidden;} #frame_prof_services_container { width: 100%; background-color: #FFFFFF; text-align:center; min-height: 350px;} #frame_prof_services { width: 100%; margin: 0px auto; background-color: #FFFFFF; max-width: 1200px;} #frame_corp_finance_container { width: 100%; height: 318px; } #frame_corp_finance { width: 100%; height: 100%; margin: 0px auto; background: url('../png/bg_corp_finance-3.png') no-repeat top center; max-width: 1293px; background-size:100% auto !important;} #frame_research_container { width: 100%; height: 400px; margin-top: 70px;} #frame_research { width: 100%; height: 100%; margin: 0px auto; background: url('../png/bg_research-3.png') no-repeat top center; max-width: 1293px;} #frame_commodity_container { width: 100%; height: 400px; margin-top: 70px; margin-bottom: 70px;} #frame_commodity { width: 100%; height: 100%; margin: 0px auto; background: url('../png/bg_commodity-3.png') no-repeat top center; max-width: 1293px;} #frame_brokerage_business_container { width: 100%; height: 550px; margin-top: 70px; overflow: hidden;} #frame_brokerage_business { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_fund_admin_container { width: 100%; height: 310px; margin-top: 70px; overflow: hidden;} #frame_fund_admin { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_investment_container { width: 100%; height: 460px; margin-top: 70px;} #frame_investment { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_investment_top { width: 100%; height: 280px; margin: 0px auto; background: url('../png/bg_investment-3.png') no-repeat top center; max-width: 1293px;display: table;} #frame_investment_bottom { width: 100%; height: 180px; margin: 0px auto; max-width: 1293px;} #frame_wealth_container { width: 100%; height: 460px; margin-top: 70px;} #frame_wealth { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_wealth_top { width: 100%; height: 280px; margin: 0px auto; background: url('../png/bg_wealth_connect-3.png') no-repeat top center; max-width: 1293px;display: table;} #frame_wealth_bottom { width: 100%; height: 180px; margin: 0px auto; max-width: 1293px;} #frame_found_container { width: 100%; height: 280px; margin-top: 70px;} #frame_found { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_found_top { width: 100%; height: 280px; margin: 0px auto; background: url('../png/fp_banner-3.png') no-repeat top center; max-width: 1293px;display: table;} #frame_found_bottom { width: 100%; height: 180px; margin: 0px auto; max-width: 1293px;} #frame_management_container { width: 100%; height: auto; margin-top: 70px;} #frame_management { width: 100%; height: 100%; margin: 0px auto; max-width: 1293px; cursor:pointer;} #frame_management_top { position: relative; width: 100%; height: 175px; margin: 0px auto; max-width: 1293px;} #frame_management_bottom { width: 100%; height: 400px; margin: 0px auto; max-width: 1293px;} .white { color: #FFFFFF; } .green { color: #40D927 } .red { color: #F82C25; } .text_c { text-align:center;} .black_mask { position: absolute; top: 0; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); } .flat_btn { color: #423E3D; background-color: #FFFFFF; border: none; font-size: 24px; line-height: 50px; font-family: 'Noto Sans TC', sans-serif; width:200px; opacity: 0.75; filter: alpha(opacity=75); cursor: pointer;} .flat_btn:hover { opacity: 1; filter: alpha(opacity=100); } .basic_text_block { display: inline-block; width: 100%; text-align: center; } .basic_title { display: inline-block; font-size: 60px; font-weight: bold; margin-top: 80px; text-align: center; width: 100%;} .basic_title_corp { display: inline-block; font-size: 60px; font-weight: bold; margin-top: 0%; text-align: center; width: 100%; } .basic_title_en { display: inline-block; font-size: 60px; font-weight: bold; margin-top: 40px; text-align: center; width: 100%;} .basic_title_2 { display: inline-block; font-size: 40px; font-weight: bold; text-align: center; width: 100%;} .basic_title_3 { display: inline-block; font-size: 30px; font-weight: bold; text-align: center; width: 100%; color: #F52920; margin: 20px auto;} .basic_title_4 { display: inline-block; font-size: 28px; margin-left: 20px; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .basic_title_5 { font-size: 40px; font-weight:bold; /*margin-top: 10%;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center; } .basic_title_5_en { font-size: 40px; font-weight:bold; /*margin-top: 10%;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align:center; line-height: 40px; margin-bottom: 10px;} .basic_title_6 { display: inline-block; font-size: 18px; text-align: center; width: 100%; max-width: 280px; padding: 0px 5px 0px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .basic_title_6_en { display: inline-block; font-size: 18px; text-align: center; width: 100%; max-width: 280px; padding: 0px 5px 0px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 22px; } .basic_text { display: inline-block; font-size: 21px; margin: 10px auto; text-align: center; padding: 0px 5px 0px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .basic_text_2 { display: inline-block; font-size: 18px; text-align: center; width: 100%; max-width: 280px; padding: 0px 5px 0px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .basic_text_3 { display: inline-block; font-size: 18px; text-align: center; width: 100%; max-width: 280px; height: 120px; } .basic_text_4 { position: absolute; display: inline-block; font-size: 20px; width: 100%; font-weight: bold; margin: auto; text-align: center; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); } .basic_text_5 { position: absolute; bottom: 0; width: 100%; font-size: 14px; } .basic_text_5_en { position: absolute; bottom: 0; width: 100%; font-size: 11px; line-height:12px; } .basic_list { display: inline-block; font-size: 18px; text-align: center; width: 100%;} .basic_list > ul { list-style-position: inside; -webkit-padding-start: 0px; line-height: 50px;} .basic_btn { display: inline-block; margin: 50px auto 0px auto; } .basic_btn_en { display: inline-block; margin: 20px auto 0px auto; } .basic_btn_2 { display: inline-block; text-align: center; width: 100%; } .basic_vert_middle { display: table-cell; width: 100%; vertical-align: middle; text-align: center;} .basic_hori_middle { display: inline-block; width: 100%; text-align: center;} .table-cell-wrapper { position: absolute;width: 100%; height:70px; } #frame_main_top_block div, #frame_brokerage_business div,#frame_corp_finance div, #frame_research div, #frame_commodity div, #frame_fund_admin div { width: 100%; text-align: center;} /*#frame_corp_finance div, */ #frame_research div, #frame_commodity div { max-width: 950px; text-align: center; margin-left:auto; margin-right:auto;} #frame_research .basic_text, #frame_commodity .basic_text {background-color:rgba(0, 0, 0, 0.3); border-radius:5px;} #frame_main_top .main_bg { position: absolute; top: 0; width: 100%; height: 100%; display: none; z-index: -1; background-repeat: no-repeat; background-position: top center; background-size: cover;} #frame_main_top .bg_show { display: block; } /*#frame_main_top #main_bg_1 { background: url('../images/bg_main.png') no-repeat top center; background-size: auto 100%; } #frame_main_top #main_bg_2 { background: url('../images/main_img_2.png') no-repeat top center; background-size: auto 100%; } #frame_main_top #main_bg_3 { background: url('../images/main_img_3.png') no-repeat top center; background-size: auto 100%; } #frame_main_top #main_bg_4 { background: url('../images/main_img_4.png') no-repeat top center; background-size: auto 100%; } #frame_main_top #main_bg_5 { background: url('../images/main_img_5.png') no-repeat top center; background-size: auto 100%; }*/ #frame_main_top_block { position: absolute; top: 0; width: 100%; display: inline-block; margin-top: 80px; } #frame_main_top_rect { position: relative; width: 100%; max-width: 1500px; margin: 0px auto; z-index:2;} #frame_main_top_quote { z-index: 1; position: absolute; right: 0; display: inline-block; text-align: center; float: right; width: 340px; height: 100%; margin-right: 15px;/*background-color: gray;*/ opacity: 0.8; filter: alpha(opacity=80); } #frame_main_top_quote div, #frame_main_top_quote input { font-family: 'Noto Sans TC', sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #frame_main_top_quote .main_search { position: relative; margin: 10px auto; border: 3px solid #4F4B4A; border-radius: 5px; background-color: #4F4B4A; } #frame_main_top_quote .main_search #icon_search { position: absolute; left: 10px; top: 5px; width: 30px; height: 30px; background:url("../png/icon_search-3.png") no-repeat; image-rendering: pixelated; } #frame_main_top_quote .main_search .tb_main_search { float: left; height: 40px; width: 295px; font-size: 18px; border: 0px solid white; border-radius: 5px; padding: 6px 10px 6px 50px; } #frame_main_top_quote .main_search #btn_main_search { float: right; width: 20px; height: 30px; margin: 5px 8px; background: url('../png/search_go-3.png') no-repeat center center; cursor: pointer;} #frame_main_top_quote .main_chart { margin: 0px auto; background-color: #4F4B4A; width: 337px; height: 230px; padding: 5px; } #frame_main_top_quote .main_chart .main_chart_header { display: inline-block; width: 100%; height: auto; text-align: left; line-height: 25px;} #frame_main_top_quote .main_chart .main_chart_header_name { float: left; font-size: 20px; } #frame_main_top_quote .main_chart .main_chart_header_change { float: right; font-size: 16px; } #frame_main_top_quote .main_chart .main_chart_img { width: 100%; height: 155px ; /*background:url('../images/main_chart_sample.png') no-repeat top center; background-size: contain;*/} #frame_main_top_quote .main_chart #main_chart_img_1 { display: block;} #frame_main_top_quote .main_chart #main_chart_img_2 { display: none;} #frame_main_top_quote .main_chart .main_chart_info { display: inline-block; width: 100%; height: auto; text-align: left; font-size: 12px; font-weight:100;} #frame_main_top_quote .main_chart .main_chart_info_text { float: left; line-height: 14px;} #frame_main_top_quote .main_chart .main_chart_info_lastUpdate { float: right;} #frame_main_top_quote .main_chart .main_chart_footer { font-size: 12px; line-height: 12px;} #frame_main_top_quote .main_chart .main_chart_footer a { color: White; } #frame_main_top_quote .main_btn_group { margin: 5px auto; width: 337px; } #frame_main_top_quote .main_btn_group .btn_main { float: left; width: 33.33%; height: 72px; padding: 4px 2px 4px 2px;} #frame_main_top_quote .main_btn_group .btn_main > div { position: relative; display: inline-block; width: 100%; height: 100%; background-color: white; border-bottom: 5px solid #EE2B27; cursor: pointer; } #frame_main_top_quote .main_btn_group .btn_main > div .btn_main_img { display: inline-block; width: 38px; height: 35px; margin-top: 5px; } #btn_main_icon_1 { background-position: -79px -58px; image-rendering: pixelated; } #btn_main_icon_2 { background-position: -165px -58px; image-rendering: pixelated; } #btn_main_icon_3 { background-position: -255px -58px; image-rendering: pixelated; } #btn_main_icon_4 { background-position: -339px -58px; image-rendering: pixelated; } #btn_main_icon_5 { background-position: -429px -58px; image-rendering: pixelated; } #btn_main_icon_6 { background-position: -510px -58px; image-rendering: pixelated; } #frame_main_bottom_rect { height: 100%; width: 100%; } #main_bottom_arrow_left { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 40px; height: 100%; background: url('../png/main_arrow_left-3.png') no-repeat center center; background-size: cover; background-color: #000000; cursor: pointer; } #main_bottom_arrow_right { display: none; position: absolute; top: 0; right: 0; z-index: 1; width: 40px; height: 100%; background: url('../png/main_arrow_right-3.png') no-repeat center center; background-size: cover; background-color: #000000; cursor: pointer; } #frame_main_bottom_row { display: inline-block; float:left; width: 100%; height: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000;} #frame_main_bottom_row .main_col { position: relative; float: left; width: 20%; height: 100%; cursor: pointer;} #frame_main_bottom_row .main_col > .main_img { width: 100%; height: 100%; /*-webkit-filter: brightness(.5); filter: brightness(.5);*/ cursor: pointer; background-repeat: no-repeat; background-position: top center; background-size: cover;} #frame_main_bottom_row .main_col.selected { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 5px solid #EE2B27; } /*#btn_main_1 { background: url('../images/main_img_1.png') no-repeat top center; background-size: cover;} #btn_main_2 { background: url('../images/main_img_2.png') no-repeat top center; background-size: cover;} #btn_main_3 { background: url('../images/main_img_3.png') no-repeat top center; background-size: cover;} #btn_main_4 { background: url('../images/main_img_4.png') no-repeat top center; background-size: cover;} #btn_main_5 { background: url('../images/main_img_5.png') no-repeat top center; background-size: cover;} #btn_main_6 { background: url('../images/main_img_6.png') no-repeat top center; background-size: cover;}*/ #frame_prof_services_container.frame_normal .ps_title { display: inline-block; font-size: 55px; font-weight: bold; margin: 30px auto; line-height: 55px;} #frame_prof_services_container.frame_normal .ps_title.ps_en { margin: 30px auto; } #frame_prof_services_container.frame_normal .ps_icon > img { width: 134px; height: 134px; border: 1px solid #989898; border-radius: 5px;} #frame_prof_services_container.frame_normal .ps_icon { float: left; width:12.5%; font-size: 20px; cursor: pointer; line-height: 28px;} #frame_prof_services_container.frame_normal .ps_text { clear: left; display: inline-block; font-size: 21px; margin: 45px auto 65px auto; line-height: 21px;} #frame_prof_services_container.frame_normal .ps_text.ps_en { margin: 20px auto;} #frame_prof_services_container.frame_normal > #frame_prof_services_fixed { display: none; } #frame_prof_services_container.frame_fixed { z-index: 1; min-height: 0px;} #frame_prof_services_container.frame_fixed > #frame_prof_services { width: 600px;} #frame_prof_services_container.frame_fixed { height: auto; position: fixed; left: 0px; right: 0px; top: 0px;} #frame_prof_services_container.frame_fixed .ps_title { display: none; } #frame_prof_services_container.frame_fixed .ps_icon > img { width: 80px; height: 80px; border: 1px solid #989898; border-radius: 5px;} #frame_prof_services_container.frame_fixed .ps_icon { float: left; width: 11%; font-size: 14px; margin: 15px auto 15px auto; cursor: pointer;} #frame_prof_services_container.frame_fixed .ps_text { clear: left; display: none; } #frame_prof_services_container.frame_fixed > #frame_prof_services_fixed { display: inline-block; width: 100%; height: 35px; text-align: center; background-color: #840000; min-width: 640px; font-size: 20px;} #frame_brokerage_business .bb_main { display: inline-block; float: left; width: 33.2%; background-color: #A00000; height: 235px; vertical-align: middle;} #frame_brokerage_business .bb_map { display: inline-block; float: left; width: 66.8%; height: 235px; margin: 0px auto; background: url('../jpg/bg_istock1_cropped-3.jpg') no-repeat top center; max-width: 865px; background-size: cover;} #frame_brokerage_business .bb_map > img { max-width: 100%; max-height: 100%; } #frame_brokerage_business .bb_img_group { display: inline-block; width: 100%; margin: 0px auto; } #frame_brokerage_business .bb_img > div { border-top: 1px solid white; } #frame_brokerage_business .bb_img:not(:first-child) > div { border-left: 1px solid white; } #frame_brokerage_business .bb_img { display: inline-block; float: left; width: 16.66%; height: 315px; } #bb_img_1 { background: url('../png/bb_img_1-3.png') no-repeat; background-size: 100% auto;} #bb_img_2 { background: url('../png/bb_img_2-3.png') no-repeat; background-size: 100% auto;} #bb_img_3 { background: url('../png/bb_img_3-3.png') no-repeat; background-size: 100% auto;} #bb_img_4 { background: url('../png/bb_img_4-3.png') no-repeat; background-size: 100% auto;} #bb_img_5 { background: url('../png/bb_img_5-3.png') no-repeat; background-size: 100% auto;} #bb_img_6 { background: url('../png/bb_img_6-3.png') no-repeat; background-size: 100% auto;} #frame_fund_admin .bb_main { display: table; float: left; width: 33.2%; background-color: #A00000; height: 310px;} #frame_fund_admin .bb_main .basic_vert_middle{ display:table-cell; vertical-align:middle; height:100%;} #frame_fund_admin .bb_map { display: inline-block; float: left; width: 66.8%; height: 310px; margin: 0px auto; background: url('../jpg/bg_fund_admin-3.jpg') no-repeat top center; max-width: 865px; background-size: cover;} #frame_fund_admin .bb_map > img { max-width: 100%; max-height: 100%; } #frame_fund_admin .bb_img_group { display: inline-block; width: 100%; margin: 0px auto; } #frame_fund_admin .bb_img > div { border-top: 1px solid white; } #frame_fund_admin .bb_img:not(:first-child) > div { border-left: 1px solid white; } #frame_fund_admin .bb_img { display: inline-block; float: left; width: 16.66%; height: 315px; } #frame_investment_bottom .ib_col { display: inline-block; float: left; width: 33.33%; background-color: #423E3D;} #frame_investment_bottom .ib_content { display: inline-block; float: left; width:100%;} #frame_investment_bottom .basic_btn_2 { display: inline-block; float: left; width:100%; } #frame_investment_bottom .ib_btn { width: 60px; height: 60px; background-position: -1447px -2737px; image-rendering: pixelated; cursor: pointer;} #frame_investment_bottom .ib_column { display: inline-block; float: left; width: 100%; background-color: #423E3D;text-align:center; margin:0 auto;height:180px;} #frame_investment_bottom .ib_content2 { display: inline-block; width:100%; max-width:960px; padding:20px 0; position:relative;top: 50%;transform: translate(0,-50%);top: 0% \9;} #frame_wealth_bottom .ib_col { display: inline-block; float: left; width: 33.33%; background-color: #423E3D;} #frame_wealth_bottom .ib_content { display: inline-block; float: left; width:100%;} #frame_wealth_bottom .basic_btn_2 { display: inline-block; float: left; width:100%; } #frame_wealth_bottom .ib_btn { width: 60px; height: 60px; background-position: -1447px -2737px; image-rendering: pixelated; cursor: pointer;} #frame_wealth_bottom .ib_column { display: inline-block; float: left; width: 100%; background-color: #423E3D;text-align:center; margin:0 auto;height:180px;} #frame_wealth_bottom .ib_content2 { display: inline-block; width:100%; max-width:960px; padding:20px 0; position:relative;top: 50%;transform: translate(0,-50%);top: 0% \9;} #frame_found_bottom .ib_col { display: inline-block; float: left; width: 33.33%; background-color: #423E3D;} #frame_found_bottom .ib_content { display: inline-block; float: left; width:100%;} #frame_found_bottom .basic_btn_2 { display: inline-block; float: left; width:100%; } #frame_found_bottom .ib_btn { width: 60px; height: 60px; background-position: -1447px -2737px; image-rendering: pixelated; cursor: pointer;} #frame_found_bottom .ib_column { display: inline-block; float: left; width: 100%; background-color: #423E3D;text-align:center; margin:0 auto;height:180px;} #frame_found_bottom .ib_content2 { display: inline-block; width:100%; max-width:960px; padding:20px 0; position:relative;top: 50%;transform: translate(0,-50%);top: 0% \9;} #frame_management_bottom { position:relative; } #frame_management_bottom .mb_col { float: left;} #frame_management_bottom .mb_row { overflow: hidden;} #frame_management_bottom .mb_row > div { height: 100%; display: table-cell; vertical-align: middle; } .mb_row.mb_1 { min-height: 400px; height: auto; width: 26%; background-color: #A00000; position:absolute; top:0px; display: table; } .mb_row.mb_2 { height: 325px; width: 26%; background: url('../png/mb_left-3.png') no-repeat; background-size: cover; position:absolute; top:250px; } .mb_row.mb_3 { height: 220px; width: 24%; background: url('../png/mb_right-3.png') no-repeat; background-size: cover; position:absolute; top:0px; right:0px;} .mb_row.mb_4 { height: 180px; width: 24%; background: url('../png/mb_right2-3.png') no-repeat; background-size: cover; position:absolute; top:220px; right:0px;} #mb_col_middle { width: 50%; height: 100%; background: url('../png/mb_middle-3.png') center center no-repeat; background-size: cover; position:relative; left:26%;} .search_col_left {float: left; width: 82px; font-family: 'Noto Sans TC', sans-serif;} .search_col_right {float: left; width: 163px; font-family: 'Noto Sans TC', sans-serif;} @-ms-viewport{ width: device-width; } @media screen and (min-width: 1920px) { :not(#frame_main_top_block):not(#frame_investment_top):not(#frame_management_top):not(#frame_wealth_top):not(#frame_found_top) > .basic_title { font-size: 65px; margin-top: 100px; } .basic_title_en { font-size: 55px; margin-top: 100px; } .basic_text { margin: 25px auto; } .basic_btn { margin-top: 55px; } #frame_main_top { height: 450px; max-width: 1920px;} /*#frame_main_top_quote { right: 180px; }*/ /*#frame_main_top_quote .main_search { margin: 80px auto 15px auto;}*/ #frame_main_bottom { /*height: 80px;*/ max-width: 1920px;} /*#frame_prof_services { max-width: 950px; }*/ #frame_prof_services_container.frame_fixed > #frame_prof_services { width: 600px;} #frame_prof_services_container.frame_fixed > #frame_prof_services_fixed { display: inline-block; width: 100%; height: 25px; text-align: center; background-color: #840000; min-width: 640px; font-size: 16px;} #frame_prof_services_container.frame_fixed .ps_icon { float: left; width:12.5%; font-size: 12px; margin: 4px auto 4px auto; cursor: pointer;} #frame_prof_services_container.frame_fixed { position: fixed; left: 0px; right: 0px; top: 0px;} #frame_prof_services_container.frame_fixed .ps_icon > img { width: 45px; height: 45px; border: 1px solid #989898; border-radius: 5px;} #frame_corp_finance_container, #frame_research_container, #frame_commodity_container { height: 400px;} #frame_corp_finance, #frame_research, #frame_commodity { max-width: 1293px; } #frame_brokerage_business, #frame_fund_admin div { max-width: 1293px; } #frame_investment_top > div { margin-top: 80px;} #frame_wealth_top > div { margin-top: 80px;} #frame_found_top > div { margin-top: 80px;} } @media screen and (min-width: 950px) and (max-width: 1919px) { /*#frame_prof_services { max-width: 950px; }*/ #frame_prof_services_container.frame_fixed > #frame_prof_services { width: 600px;} #frame_prof_services_container.frame_fixed > #frame_prof_services_fixed { display: inline-block; width: 100%; height: 25px; text-align: center; background-color: #840000; min-width: 640px; font-size: 16px;} #frame_prof_services_container.frame_fixed .ps_icon { float: left; width:12.5%; font-size: 12px; margin: 4px auto 4px auto; cursor: pointer;} #frame_prof_services_container.frame_fixed { position: fixed; left: 0px; right: 0px; top: 0px;} #frame_prof_services_container.frame_fixed .ps_icon > img { width: 45px; height: 45px; border: 1px solid #989898; border-radius: 5px;} #frame_corp_finance, #frame_research, #frame_commodity, #frame_brokerage_business, #frame_main_top, #frame_main_bottom, #frame_fund_admin div { /*max-width: 1293px;*/ background-size: cover;} #frame_brokerage_business .basic_text_2.bb_en { line-height: 22px; } } @media screen and (min-width: 950px) and (max-width: 1200px) { #frame_prof_services_container.frame_normal .ps_icon > img { width: 90%; max-width: 134px; height: initial; aspect-ratio: 134 / 134 !important; } } @media screen and (min-width: 750px) and (max-width: 949px) { } @media screen and (max-width: 949px) { body { min-width: 640px; } .flat_btn { line-height: 50px; width:200px; } .basic_title { font-size: 50px;} .basic_title_en { font-size: 50px;} .basic_title_2 { font-size: 50px; margin-top:20px;} /*.basic_title_5 { margin-top:20px; }*/ .basic_title_6 { max-width:100%; } .basic_title_6_en { max-width:100%; } .basic_text_2 { line-height: 30px; margin-top: 10px; max-width:100%;} .basic_text_3 { height: 100px; } .basic_text_4 { font-size: 26px; } .basic_text_5 { font-size: 22px; } .basic_text_5_en { font-size: 17px; line-height:17px;position:relative;} #frame_main_top { height: 870px; } #frame_main_top_quote { position:relative; float: left; width: 100%; height: 675px; margin: initial;} #frame_main_top_quote .main_search { width: 600px; border: 5px solid #4F4B4A; margin: 30px auto;} #frame_main_top_quote .main_search .tb_main_search { width: 530px; height: 50px; font-size: 26px;} #frame_main_top_quote .main_search #icon_search { top: 10px; } #frame_main_top_quote .main_search #btn_main_search { margin: 10px 16px;} #frame_main_top_quote .main_chart { width: 520px; height: 305px;} #frame_main_top_quote .main_btn_group { width: 520px; height: 210px;} #frame_main_top_quote .main_btn_group .btn_main { height: 110px; padding: 4px;} #frame_main_top_quote .main_btn_group .btn_main > div .btn_main_img { margin-top: 20px; } #frame_main_top_quote .main_chart .main_chart_header { line-height: 50px;} #frame_main_top_quote .main_chart .main_chart_header_name { font-size: 30px; } #frame_main_top_quote .main_chart .main_chart_header_change { font-size: 26px; } #frame_main_top_quote .main_chart .main_chart_img { width: 100%; height: 190px ; background-size: 100% 100%;} #frame_main_top_quote .main_chart #main_chart_img_1 { display: none;} #frame_main_top_quote .main_chart #main_chart_img_2 { display: block;} #frame_main_top_quote .main_chart .main_chart_info { font-size: 16px; font-weight:100;} #frame_main_top_quote .main_chart .main_chart_footer { font-size: 16px; font-weight:100;} #frame_main_top_block { position:relative; display: inline-block; margin-top: 0px;} #frame_main_top_block > div.basic_title, #frame_main_top_block > div.basic_btn{ margin-top: 10px;} #main_bottom_arrow_left, #main_bottom_arrow_right { display: block; } #frame_main_bottom { height: 80px;} #frame_main_bottom_rect { position: relative; margin: 0px 40px; width: auto;} #frame_main_bottom_row { position: absolute; width: 250%; } #frame_main_bottom_row .main_col { width: 20%; } #frame_main_bottom_row .main_col.selected { border: 0px;} #frame_prof_services_container {min-width: 640px;text-align:center;} #frame_prof_services_container.frame_normal .ps_title { font-size: 40px; font-weight: bold; margin: 25px auto; } #frame_prof_services_container.frame_normal .ps_title.ps_en { margin: 15px auto; } #frame_prof_services_container.frame_normal .ps_icon { width: 33.3%; font-size: 26px; margin-bottom: 20px; cursor: pointer;} #frame_prof_services_container.frame_normal .ps_icon > img { width: 160px; height: 160px; border: 1px solid #989898; border-radius: 5px;} #frame_prof_services_container.frame_normal .ps_icon:nth-child(4) { clear: left; } #frame_prof_services_container.frame_normal .ps_text { font-size: 22px; margin: 25px auto;} #frame_prof_services_container.frame_normal .ps_text.ps_en { margin: 15px auto;} #frame_corp_finance_container, #frame_research_container, #frame_commodity_container { height: 318px; margin-top: 0px; margin-bottom:0px;} #frame_corp_finance, #frame_research, #frame_commodity { background-size: auto 100%;} #frame_brokerage_business_container { height: 685px; margin-top: 0px;} #frame_brokerage_business .bb_main, #frame_brokerage_business .bb_main > div.basic_vert_middle { width: 100%; height: 215px;} #frame_brokerage_business .bb_map { width: 100%; height: 285px;} #frame_brokerage_business .bb_img { height: 185px; background-size: 100% 100%;} #frame_fund_admin_container { height: 503px; margin-top: 0px;} #frame_fund_admin .bb_main, #frame_brokerage_business .bb_main > div.basic_vert_middle { width: 100%; height: 215px;} #frame_fund_admin .bb_map { width: 100%; height: 285px;} #frame_fund_admin .bb_img { height: 185px; background-size: 100% 100%;} #frame_investment_container { height: 500px; margin-top: 0px;} #frame_investment_top { height: 210px; background-size: cover;} #frame_investment_top > div { margin-top: 60px;} #frame_investment_bottom .ib_col { width: 100%; height: 270px;} #frame_investment_bottom .ib_column { width: 100%; height: 270px;} #frame_investment_bottom .ib_content { width:80%; height: initial; } #frame_investment_bottom .ib_content div { text-align: left; margin-left: 10px;} #frame_investment_bottom .basic_btn_2 { width:20%; } #frame_investment_bottom .basic_list { display: none; } #frame_investment_bottom .basic_hori_middle > div { max-width: initial;} #frame_investment_bottom .ib_btn { margin-top: 50px; } #frame_wealth_container { height: 480px; margin-top: 0px;} #frame_wealth_top { height: 210px; background-size: cover;} #frame_wealth_top > div { margin-top: 60px;} #frame_wealth_bottom .ib_col { width: 100%; height: 270px;} #frame_wealth_bottom .ib_column { width: 100%; height: 270px;} #frame_wealth_bottom .ib_content { width:80%; height: initial; } #frame_wealth_bottom .ib_content div { text-align: left; margin-left: 10px;} #frame_wealth_bottom .basic_btn_2 { width:20%; } #frame_wealth_bottom .basic_list { display: none; } #frame_wealth_bottom .basic_hori_middle > div { max-width: initial;} #frame_wealth_bottom .ib_btn { margin-top: 50px; } #frame_found_container { height: 209px; margin-top: 0px;} #frame_found_top { height: 210px; background-size: cover;} #frame_found_top > div { margin-top: 60px;} #frame_found_bottom .ib_col { width: 100%; height: 270px;} #frame_found_bottom .ib_column { width: 100%; height: 270px;} #frame_found_bottom .ib_content { width:80%; height: initial; } #frame_found_bottom .ib_content div { text-align: left; margin-left: 10px;} #frame_found_bottom .basic_btn_2 { width:20%; } #frame_found_bottom .basic_list { display: none; } #frame_found_bottom .basic_hori_middle > div { max-width: initial;} #frame_found_bottom .ib_btn { margin-top: 50px; } #frame_management_container { margin-top: 0px;} #frame_management_bottom { height: 318px; } #frame_management_bottom .mb_row.mb_1 { min-height: initial; height:25%; width:100%; background-color: #A00000; } #frame_management_bottom .mb_row.mb_2 { height:40%; width:50%; top:25%; } #frame_management_bottom .mb_row.mb_4 { height:65%; width:50%; top:35%; left:0%; } #frame_management_bottom .mb_col { height:65%; width:50%; top:35%; left:50%; display:none;} #frame_management_bottom .mb_row.mb_3 { height:65%; width:50%; top:35%; left:50%;} .search_col_left { width: 120px;} .search_col_right { width: 360px;} .basic_vert_middle {display:inline; } #frame_prof_services_container.frame_fixed > #frame_prof_services { width: 100%; max-width: 686px } #frame_prof_services_container.frame_fixed .ps_icon > img { max-width: 80px; width: 90%; height: initial; aspect-ratio: 80 / 80 !important; } }