/*-----base-----*/
.inpages .pagesize{ width:100%;}
.btn_back_computer{ width:90px; margin:10px auto 30px auto; padding:0 0 0 20px; line-height:20px; color:#e50101; background:url(../images/psc_wealth/icon_back_computer.png) no-repeat left center; background-size:15px; box-sizing:border-box; text-decoration:underline;}
h1.logo{ width:80%; left:0; right:0; margin:0 auto;}
.footer_logo{ width:auto; background-size:100% auto;}
/*header*/
.mm-listview>li.mm-vertical>.mm-next:after, .mm-vertical .mm-listview>li>.mm-next:after{ top:50%; transform:translateY(-50%);}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after, .mm-vertical .mm-listview>li.mm-opened>.mm-next:after{ transform:rotate(0); background:url(../images/psc_wealth/img_arrow_down.png) no-repeat center center; background-size:100% auto; }
.mm-arrow:after, .mm-next:after, .mm-prev:before{ width:15px; height:15px; background:url(../images/psc_wealth/img_arrow_right.png) no-repeat center center; background-size:100% auto; transform:rotate(0); border:none;}
.m_header .btn_shopping_car{ position:absolute; top:7px; right:10px;}
.m_header .btn_shopping_car a{ display:block; width:35px; height:35px; background:#e50101 url(../images/psc_wealth/btn_shopping_w.png) center center no-repeat; background-size:20px auto; text-indent:-9999px; border-radius:40px;}
.m_header .btn_favorite{ position:absolute; top:7px; right:50px;}
.m_header .btn_favorite a{ display:block; width:35px; height:35px; background:#e50101 url(../images/psc_wealth/btn_favorite_w.png) center center no-repeat; background-size:20px auto; text-indent:-9999px; border-radius:40px;}
#menu .member_sign{ position:relative; padding:15px 10px; border-bottom:1px solid #333;}
#menu .member_sign h4{ padding:0 0 0 24px; font-weight:normal; background:url(../images/psc_wealth/icon_signin.png) no-repeat left center; background-size:18px;}
#menu .member_sign.in h4 span{ margin:0 5px 0 0; color:#ff9500; font-weight:bold;}
#menu a.btn_sign{ display:block; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:5px; height:5px; background:url(../images/psc_wealth/btn_login.png) no-repeat center center; background-size:100% auto;}
#menu .member_sign.in a.btn_sign{ background:url(../images/psc_wealth/btn_logout.png) no-repeat center center; background-size:100% auto;}

/*-----popup-----*/
.popup_con .pc_box{ top:35px; padding:0 15px; height:100vh;}
.popup_con .pc_txt, .popup_con.popup_con_b .pc_txt{ width:100%; padding:30px 15px;}
/*大popup*/
.popup_con.popup_con_b .pc_txt{ width: 100%; overflow:auto; max-height:90%; box-sizing:border-box; width: 90%; padding: 1.5rem;}
.popup_con.popup_con_b .pc_txt .td_list{ overflow-y:auto; overflow-x:hidden; max-height:350px;}
.popup_con.popup_con_b .adv_choice li{ width:50%; font-size:15px;}
.popup_con.popup_con_b .text-left{ width: 90%; margin: auto;}
.popup_con.popup_con_b .btn_main{ width: 50%; margin: auto;}
/*btn_close*/
.btn_close{ right:20px; top: 20px;}

/*-----title-all-----*/
/*小標*/
.tit_sc{ height:auto; margin:0 0 15px 0; padding:10px 15px; line-height:normal;}
.tit_sc h4, .tit_sc ul{ display:block;}
.tit_sc h4{ font-size: 1.3rem; margin-bottom: 0.2rem;}
.tit_sc ul{ overflow:auto; float:none; text-align:left; font-size:15px;}
.tit_sc ul li, .tit_sc ul li:last-child{ float:left; display:block; padding:0 5px 0 0;}
.tit_sc ul li:last-child{ padding:0 0 0 5px;}

/*-----bread-----*/
.bread{ margin:0 0 15px 0;}
.bread li{ margin:0 -2px 5px 0; padding:0 18px 0 0;}

/*-----input-----*/
/*checkbox*/
.td_list_cell input[type="checkbox"] + span{ margin:0 0 10px 0;}
.td_list_cell li input[type="checkbox"] + span{ margin:-4px 0 0 0;}
.td_checkbox{ margin:0 0 10px 0;}
.td_checkbox label{ margin:0 15px 0 0;}
.table_box .td_list form{ display:inline-block; margin:-4px 0 0 0; vertical-align:middle;}
/*txt/select*/
.td_list_cell li input[type="text"], .td_list_cell li select{ margin:5px 0;}
.pages_seclect{ float:none; width:100%; margin:0 0 15px 0;}

/*-----steps-----*/
.steps li{ font-size:14px;}

/*-----search_box-內部搜尋條件------*/
.search_box{ padding:20px 15px;}
.sb_table table th, .sb_table table td{ display:block; width:100%; padding:5px 0; text-align:left; box-sizing:border-box;}
.sb_set a{ font-size:14px; margin:0 2% 0 0;}

/*------table_box-----*/
.table_box{ display:none; margin:0;}
.tb_table.tb_table_m{display:block;}

/*單一股票資訊*/
.list_box ul.link li:nth-child(2n){ background-color:#fff;}
.inpages ul.link{ float:right;}
.inpages .fund_info ul.link{ float:none; width:100%;}

/*-----mobile-td_list-----*/
/*購物車*/
.shopping_car{ margin:0 0 15px 0;}
.shopping_car .td_list, .td_list .shopping_car .td_list_cell{ padding:0 15px; border:none;}
/*list*/
.list_box{ display:block;}
.td_list{ margin:0 0 25px 0;  padding:15px; border:1px solid #bb000f;}
.td_tab ~ .td_tab_con{ display:none;}
.td_tab ~ .td_tab_con.active{ display:block;}
.td_list .td_list_cell{ margin:0 0 15px 0; border-bottom:1px solid #dcdcdc;}
.td_list .td_list_cell:last-child{ margin:0;}
/*list-tit*/
.td_list h4{ position:relative; margin:0 0 5px 0; line-height:24px; color:#3c99e0;}
.td_list h4 a{ color:#3c99e0;}
.td_list h4 span{ display:block; margin:8px 0 0 0; color:#313131;}
.td_list h4 label{ display:inline-block; vertical-align:middle;}
/*list-li*/
.td_list ul li{ overflow:hidden; position:relative; padding:7px 10px; text-align:right; word-break:break-all;font-size: 16px;}
.td_list ul li:nth-child(even){ background-color:#f5f5f5;}
.td_list ul li span:first-child{ float:left; color:#313131; font-weight:bold;}
/*txt-一般*/
.inpages .td_list_cell .td_list_txt, .popup_con .td_list_cell .td_list_txt{ overflow:hidden; height:200px; margin:0 0 15px 0;}
.inpages .shopping_car .td_list_cell .td_list_txt{ height:150px;}
.inpages .td_list_height .td_list_cell .td_list_txt{ height:auto;}
.td_list_txt li a::before{ background:none; width: 0;}

/*txt-可動用餘額
.inpages .td_list.td_list_fr{ text-align:right;}
.inpages .td_list.td_list_fr li{ overflow:hidden;}
.inpages .td_list.td_list_fr span:first-child{ float:left;}*/
/*開闔*/
.inpages .td_list_cell.show .td_list_txt, .popup_con .td_list_cell.show .td_list_txt{ overflow:hidden; height:auto;}
/*mobile-tab*/
.td_tab{ display:block; overflow:hidden; width:100%;}
.td_tab li{ float:left; width:50%;}
.td_tab a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#bb000f; border:1px solid #bb000f; border-bottom:none; box-sizing:border-box;}
.td_tab li.select a{ color:#fff; background:#bb000f;}
/*flex組合*/
.td_list ul li.tb_set{ display:flex; flex-flow:nowrap; align-items:flex-start;}
.td_list ul li.tb_set span{ flex:0 0 auto;}
.td_list ul li.tb_set span:first-child{ padding:7px 0 0 0;}
.td_list ul li.tb_set input[type="text"], .td_list ul li.tb_set selcet{ flex:1 1 auto; width:30%; margin:0;}
.td_list ul li.tb_set div.tb_set{ flex:1 1 auto;}

/*-----tab-all-----*/
/*tab_main*/
.tit_main{ font-size:24px;}
.tab_main ul li{ flex:1 1 auto; width:auto; max-width:100%; padding:10px 5px;}
/*次標*/
.tit_sec{ font-size:20px;}
/*tab-sec*/
.tab_sec{ margin:0 0 20px 0;}
.tab_sec li{ width:33.3%;}
.tab_sec li a{ padding:0 10px 11px 10px;font-size:16px;}
.tit_three { font-size: 18px;}
.fund_info h4 { font-size: 20px; line-height: 26px;}
.fund_info h4:nth-child(2) { margin-bottom: 1em;}

/*-----btn-all-----*/
/*文字式按鈕*/
.btn_main, .list_box .btn_set, .list_box .btn_alert{ display:flex; flex-direction:row; flex-wrap:wrap; width:100%; margin:20px 0 0 0;}
.btn_main a, .list_box .btn_set a, .list_box .btn_alert a{ flex:1 1 auto; display:block; margin:2px; min-width: auto; padding: 0; font-size: 16px;}
.btn_main a:last-child, .list_box .btn_set a:last-child{ margin:0;}
.list_box .btn_set a, .list_box .btn_alert a{ height:40px; line-height:40px;}
.inpages .assets_stock ~ .list_box .btn_set{ flex-wrap:wrap; align-content:flex-start;}
.inpages .assets_stock ~ .list_box .btn_set a{ flex:1 1 48%; margin:0 2% 2% 0;}
.inpages .assets_stock ~ .list_box .btn_set a:nth-child(even){ margin:0 0 2% 0;}
/*add*/
.table_box a.btn_add{ height:30px; line-height:30px;}
/*delete*/
.td_list .btn_delete{ width:100%; height:35px; background-size:22px; border:1px solid #e50101; border-radius:5px; box-sizing:border-box;}
/*expand*/
.btn_expand{ display:block; width:24px; height:15px; margin:0 auto 15px auto; background:url(/robot/images/btn_expand_o-81f5f047c2184a7633bad2bc90f83aa5.png) no-repeat center center; background-size:100% auto;}
.inpages .td_list_cell.show .btn_expand, .popup_con .td_list_cell.show .btn_expand{ background:url(/robot/images/btn_expand_c-12eeed4555a34e2716912a2c109ead17.png) no-repeat center center; background-size:100% auto;}
/*detail*/
.inpages a.btn_detail{ width:100%; height:30px; line-height:30px; border-radius:30px;}
/*icon式btn*/
.inpages .btn_com{ display:flex; margin:15px 0 0 0;}
.inpages .btn_com a, .btn_com span{ flex:1 1 auto; margin:0 2% 0 0;}
.inpages .btn_com a{ width:100%; height:35px; background-size:22px; border:1px solid #e50101; border-radius:5px; box-sizing:border-box;}
/*alert開啟關閉狀態*/
.td_list .icon_alert{ display:block; position:absolute; right:0; bottom:2px;}
.inpages .btn_alert a:before{ content:"開啟通知"; width:70px; height:25px; padding:0 0 0 15px; background:url(../../images/icon_alert_w.png) no-repeat left center; background-size:15px;}
.inpages .btn_alert a:hover:before{ background:url(../../images/icon_alert_r.png) no-repeat left center; background-size:15px;}
.inpages .btn_alert a.active:before{ content:"關閉通知"; background:url(../../images/icon_alert_r.png) no-repeat left center; background-size:15px;}

/*-----btn_history-查看紀錄-----*/
.btn_history{ display:block;}
.btn_history .bh_box{ width:100%; margin:0 0 15px 0; padding:5px; text-align:center; background:#fff; border-radius:6px; border:1px solid #b6b6b6; box-sizing:border-box; cursor:pointer;}
.btn_history .bh_box::before{ display:inline-block; width:35px; height:35px; margin:0 10px 0 0; vertical-align:middle;}

/*-----fund_info-單一股票資訊-----*/
.fund_info{ margin:0 0 25px 0; padding:15px; border:1px solid #d8d8d8;}
.fund_info h3{ margin:0 0 10px 0; font-size:24px;}
.fund_info .fi_txt{ margin:0 0 10px 0;}
.fund_info ul.link{ position:static; transform:translateY(0);}
.fund_info ul.link li span{ float:right; margin:0 0 0 10px;}
.fund_info .fi_tin select{ width:100%;}

/*-----remarks_con-備註文字-----*/
.remarks_con{ overflow:hidden; height:90px; padding:35px 0;}
.remarks_con.show{ height:auto;}
.remarks_con .btn_rc_expand{ position:absolute; right:0px; top:38px; display:block; width:40px; height:15px; background:#fff url(/robot/images/btn_expand_o-81f5f047c2184a7633bad2bc90f83aa5.png) no-repeat center right; background-size:auto 100%;}
.remarks_con.show .btn_rc_expand{ background:#fff url(/robot/images/btn_expand_c-12eeed4555a34e2716912a2c109ead17.png) no-repeat center right; background-size:auto 100%;}

/*-----note_con-備註文字-----*/
.note_con{ padding:15px;}

/*-----img_trend-走勢圖-----*/
.img_trend{ display:inline-block; vertical-align:middle;}

/*-----result_main-查詢結果主要資訊-----*/
.result_main{ display:block;}
.result_main .rm_cell{ width:100%; margin:0 0 5% 0;}

/*-----assets_con-資產總覽-----*/
.assets_con{ display:block;}
.inpages .assets_con .ac_box{ width:100%; margin:0 0 20px 0;}
.assets_con .ac_box.result_main{ position:relative; display:block;}
.assets_con .ac_box.result_main .rm_cell{ font-size:40px;}
.assets_con .ac_box.result_main .rm_cell:last-child{ position:static;}
.assets_con .ac_box.result_main .rm_txt{ height:100px; line-height:100px;}
.assets_con .ac_box .ac_chart{ padding:20px 15px;}

/*-----assets_stock-資產庫存-----*/
.assets_stock{ margin:0 0 25px 0;}
.assets_stock .as_chart{ display:block; padding:15px;}
.assets_stock .as_chart > div:nth-child(1){ width:100%; margin:0 0 20px 0; border-bottom:1px solid #cdcdcd; border-right:none;}
.assets_stock .as_chart > div:nth-child(2){ width:100%;}
.assets_stock .as_chart .tit_sec{ text-align:center;}
.assets_stock .as_chart ul li{ float:none; width:100%; margin:0 0 15px 0;}
.assets_stock .as_cost{ padding:0 15px;}
.assets_stock .as_cost .as_txt{ display:flex; flex-wrap:wrap; float:none; width:100%; padding:15px 0;}
.assets_stock .as_cost .as_txt:nth-child(1){ border-bottom:1px solid #fff; border-right:none;}

/*-----sign_in-會員登入-----*/
.sign_in{ height:auto; background-size:cover; }
.sign_in .si_box, .sign_in.sign_password{ float:none; width:100%;}
.sign_in .si_box:nth-child(2){ width:100%; padding:0;}
.sign_in .si_banner{ display:none;}
.sign_in .si_input{ padding: 10px 10px 10px 10px;}
.sign_in .btn_main a, .sign_in .btn_main a:hover{ background-position:42% 50%; margin: 0 auto 0 auto;}
.sign_in.sign_password .btn_main{ margin:0 0 30px 0;}
.sign_in.sign_password .btn_main a{ background-position:35% 50%;}
.sign_in.sign_password .rule_con li{ text-align:justify;}
.sign_in .si_tab li{ text-align: center!important; float:left!important; display: inline-block!important;}
.sign_in .si_tab_con {margin: 0;font-size: 0.95rem;}
.sign_in .si_tab_box li span {flex: 0 0 80px;line-height: 48px;font-size: 0.95rem;}
.sign_in .si_tab {margin: 0 0 10px;}
.sign_in .si_tab_box {height: auto;}

/*-----banner_index-----*/
.banner_index .bi_w{ display:none;}
.banner_index .bi_m{ display:block;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:18px; height:30px;}

/*-----search_index-關鍵字搜尋-----*/
.search_index::before{ background:none;}
.search_index .si_box{ margin:0 0 10px 0; padding:0;}
.btn_search_adv{ position:static; width:100%;}

/*-----news_con-新聞列表-----*/
.news_con .tab_con ul li{ display:block; position:relative;}
.news_con .tab_con .tag{ display:block; float:left; margin:0 0 5px 0;}
.news_con .tab_con a{ display:block; width:100%;}
.news_con .tab_con .date{ position:absolute; top:3px; right:0;}

/*-----ranking_con-排行榜-----*/
.ranking_con{ padding:40px 0 30px 0;}
.slick-dots li, .slick-dots li button{ width:auto; height:auto;}
.slick-dots li button::before{ display:block; content:""; width:8px; height:8px; background:#fff; border-radius:50%;}

/*-----blog_con-部落格專區-----*/
.blog_con .bc_cell{ float:none; width:100%; margin:0 0 20px 0;}

/*-----bulletin_con-公告與揭露列表頁-----*/
.position_r, .bulletin_con .position_r{ float:none; width:100%; margin:0 0 5px 0;}
.input_set, .bulletin_list .bl_cell{ display:block;}
.position_r .input_set input, .position_r .input_set select{ margin:0 0 15px 0;}

/*-----discount_con-優惠訊息-----*/
.discount_list .dl_img img{ width:105px;}
.discount_list .dl_txt .dl_date{ position:static;}
.discount_list .dl_txt h3{ padding:0;}
.discount_list .dl_txt p{ -webkit-line-clamp:1;}

/*-----靜態純文字頁面-----*/
.image_box img{ width:100%;}
.image_box .ib_w{ display:none;}
.image_box .ib_m{ display:block;}

/*-----form_con-表單下載-----*/
.form_con .fc_tab{ display:block;}
.form_con .fc_box{ width:100%; margin:0 0 15px 0;}
div.form_con .ts_tab_box{ display:none;}
div.form_con .ts_tab_box.active{ display:block;}

/*-----service_con-客戶服務-----*/
.service_con .tab_main{ display:none;}
.service_con .pages_seclect, .tab_con .ts_tab_box{ display:block;}

/*-----adv_search-進階搜尋-----*/
.adv_inpage .pagesize{ padding:30px 0;}
.adv_inpage .tit_main, .adv_inpage .bread, .adv_result{ padding:0 15px;}
.adv_search{ padding:20px 15px; background:#fff; border:none; box-shadow:0 2px 6px 2px rgba(0,0,0,0.1);}
.adv_search.sticky{ position:fixed; top:0px; z-index:5;}
.adv_search .adv_s_box, .adv_search .sb_table.condition_select{ display:block;}
.adv_search .btn_expand{ display:none;}
.adv_search .sb_table.condition_select{ padding:0 0 10px 0; margin:0 0 10px 0; border-top:none;  border-bottom:1px solid #d8d8d8;}
.adv_search .sb_table th{ text-align:left;}
.adv_search h3::before{ display:inline-block; width:20px; height:20px; margin:0 6px 0 0; vertical-align:middle; content:""; background:url(../../images/icon_filter.png) no-repeat center center; background-size:100% auto;}
.adv_search h3{ height:40px; margin:0 0 10px 0; padding:0; line-height:40px; text-align:center; color:#fff; font-size:16px; background:#ffaa1f; border-bottom:none; border-radius:4px; cursor:pointer;}
.select_con a{ margin:4px 6px 4px 0}
.condition_box{ display:none; overflow:auto; position:fixed; bottom:0; left:0; right:0; width:100%; height:100vh; padding:15px 15px 80px 15px; background:#fff; z-index:10; box-sizing:border-box;}
.adv_search .condition_box .btn_main{ position:fixed; bottom:0; left:0; right:0; display:flex; padding:15px; background:#fff; box-sizing:border-box; box-shadow:0 -2px 6px 2px rgba(0,0,0,0.1);}

/*-----adv_result-搜尋結果-----*/
.adv_result .tab_main{ display:none;}
.adv_result select{ display:block; margin:0 0 15px 0;}
.adv_result .list_box{ padding:20px 0 0 0; border-top:1px solid #d8d8d8;}
.adv_result .td_list{ padding:0; border:none;}
.adv_result .txt_red span{ padding:0;}
.adv_result .btn_set a{ height:30px; line-height:30px; background-image:none;}
.adv_result .btn_set a::before{ display:inline-block; content:""; width:20px; height:20px; margin:-2px 5px 0 0; vertical-align:middle;}
.adv_result .btn_set a.btn_favorite::before{ background:url(../../images/btn_favorite_w.png) no-repeat center center; background-size:100% auto;}
.adv_result .btn_set a.btn_shopping_car::before{ background:url(../../images/btn_shopping_w.png) no-repeat center center; background-size:100% auto;}

/*-----client_info-客戶資料-----*/
/*main*/
.ci_main, .ci_table{ padding:15px;}
.ci_main .ci_name{ float:none; margin:0 0 15px 0;}
.ci_main .ci_type{ float:none; padding:15px 0 0 0; text-align:left; border-top:1px solid #cdcdcd;}
/*content*/
.ci_box{ padding:15px 0;}
.ci_box .tab_sec{ margin:0 15px;}
.ci_list ul{ float:none; width:100%; padding:0px 15px; border-right:none;}
.ci_list li{ padding:10px;}
.ci_list ul:nth-child(1) li:nth-child(even){ background:#eeeeee;}
.ci_list ul:nth-child(2) li:nth-child(even){ background:#ffffff;}
.ci_list ul:nth-child(2) li:nth-child(odd){ background:#eeeeee;}
.ci_list .ci_tit{ margin:0 0 5px 0;}
.ci_list .btn_set{ display:block;}
.ci_table .cit_box:last-child .table_box{ margin:0;}
.cit_box .table_box.tb_cx2 table th{ text-align:center; width: 25%;}

/*-----bill_sty-對帳單寄送方式-----*/
.bill_sty label + .btn_set{ margin:10px 10px 0 0;}
.inpages .txt_bl{ float:none;}
.bill_sty .sb_table{ width:100%;}
.bill_sty .table_box.tb_cx2 table th{ width:34%;}
.bill_sty .sb_set a, .kyc_box .sb_set a{ max-width:50%; margin:0 2% 0 0;}
.bill_sty .sb_set a:last-child, .kyc_box .sb_set a:last-child{ margin:0;}
/*terms*/
.terms_box{ height:300px; padding:15px;}

/*-----kyc_box-KYC-----*/
/*客戶資訊*/
.client_kyc{ padding:15px;}
.client_kyc h4{ margin:0 0 15px 0;}
.client_kyc p{ padding:0;}
.client_kyc p::before{ margin:0 0 20px 0;}
.ck_info .ck_box{ float:none; width:100%; margin:0 0 15px 0; padding:0; border-right:none; border-bottom:1px solid #cdcdcd;}
.ck_info .ck_box:last-child{ margin:0; border-bottom:none;}
/*測驗*/
.kyc_box .sb_table.small{ width:100%;}
.kyc_box .sb_table.small th{ text-align:center;}
.kyc_box .table_box.tb_cx2 table{ margin:0 0 20px 0;}
.kyc_box .table_box.tb_cx2 table th{ width:50%;}
/*結果*/
.kyc_type{ display:block;}
.kyc_type .kt_box{ max-width:100%; margin:0 0 15px 0; padding:15px;}

/*-----brand_box-品牌介紹----*/
.brand_box .brand_link a{ float:none; width:100%; margin:0 0 4% 0; }