/*-----base-----*/
body{ overflow-x:hidden;}
input::-ms-clear,::-ms-reveal{display:none;}
input:focus, select:focus{ outline:none;}
.wrapper, .pagesize{ position:relative;}
h1.logo{ width:450px; background-size:90% auto;}
.footer_logo{ width:350px; background-size:auto 30px;}
/*haeder*/
.header{ height:auto; padding:0 30px 42px 270px; border-bottom:0;}
.header_menu{ bottom:auto;}
/*選單*/
.nav_main{ height:90px;}
.nav_sec{ position:absolute; left:0; right:0; text-align:right; background-size:100% auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition:all 0.3s;}
.nav_sec .logo{ display:block; position:absolute; left:40px; top:0; width:340px; height:42px; opacity:0; background-size:auto 20px; transition: all 0.3s;}
.nav_sec .nav_sec_con{ margin:0 auto; padding:0 55px;}
.nav_sec .nav_sec_con::after{ display:block; content:""; clear:both;}
.nav_sec .nav_sec_con ul{ float:right;}
.nav_sec .nav_sec_con ul li{ position:relative; display:block; float:left; padding:0;}
.nav_sec .nav_sec_con ul li.select a{ background:rgba(255,255,255,0.3);}
.nav_sec .nav_sec_con ul li:last-child{ background:none;}
.nav_sec .nav_sec_con ul li a{ display:block; color:#fff; padding:10px 20px;}
.nav_sec .nav_sec_con ul li a:hover{ font-weight:bold;}
.nav_sec .subMenu_box{ top:42px; right:auto; left:0; min-width:200px; min-height:auto; max-width:unset;}
.nav_sec .nav_sec_con ul li.select .subMenu_box{ display:block;}
.nav_sec .subMenu_box ul{ float:none;}
.nav_sec .subMenu_box ul li{ float:none; text-align:left;}
.nav_sec .subMenu_box ul li a{ padding:0; color:#222222;}
.subMenu_box_in{ flex-wrap:nowrap; padding:0 20px 0 20px; border:none;}
.subMenu_title{ margin:0 0 10px 0; text-align:left; border-bottom:none; text-decoration:underline;}
.nav_sec.sticky{ position:fixed; top:0; left:0; right:0; bottom:0; height:42px; z-index:9; box-shadow:0px 2px 8px 4px rgba(0,0,0,0.25);}
.nav_sec.sticky .logo{ opacity:1;}
.subMenu_box_in::before{ display:none;}
.eCounter_box{ right:85px;}
.subMenu{ flex:0 0 auto;}
*::-ms-backdrop, .nav_sec .subMenu_box{ max-width:none;}
/*會員登入*/
a.btn_user{ width:90px; height:25px; margin:0 0 0 10px; color:#fff; vertical-align:middle; line-height:25px; font-size:14px; background:#535353 url(../../images/icon_user_n.png) no-repeat 10% 50%; background-size:15px; border-radius:12.5px; box-sizing:border-box;}
a.btn_user:hover{ color:#fff; background:#e50101 url(../../images/icon_user_n.png) no-repeat 10% 50%; background-size:15px;}
.header_link a.btn_shopping_car::after, .header_link a.btn_favorite::after{ display:none;}
a.btn_shopping_car{ width:25px; height:25px; margin:0 0 0 5px; color:#fff; vertical-align:middle; line-height:25px; font-size:14px; background:#e50101 url(../../images/btn_shopping_w.png) no-repeat 50% 50%; background-size:15px; border-radius:12.5px; box-sizing:border-box; border:1px solid #e50101; box-sizing:border-box;}
a.btn_shopping_car:hover{ color:#e50101; background:#fff url(../../images/btn_shopping_r.png) no-repeat 50% 50%; background-size:15px;}
a.btn_favorite{ width:25px; height:25px; margin:0 0 0 5px; color:#fff; vertical-align:middle; line-height:25px; font-size:14px; background:#e50101 url(../../images/btn_favorite_w.png) no-repeat 50% 50%; background-size:15px; border-radius:12.5px; box-sizing:border-box; border:1px solid #e50101; box-sizing:border-box;}
a.btn_favorite:hover{ color:#e50101; background:#fff url(../../images/btn_favorite_r.png) no-repeat 50% 50%; background-size:15px;}
/*footer*/
.footer{ border-top:1px solid #d8d8d8;}
/*inpage*/
.inpages .pagesize{ position:relative; width:1024px; margin:0 auto; padding:30px 15px; box-sizing:border-box;}
/*marquee_box*/
.marquee_con{ height:40px; padding:0 0 0 35px; line-height:40px; color:#fff; background:#ff9500 url(../../images/icon_marquee.png) no-repeat left center; background-size:35px;}	
.marquee_con .btn_close{ position:absolute; right:0; top:0; display:block; width:40px; height:40px; background:#ff9500 url(../../images/btn_close_w.png) no-repeat center center; background-size:20px;}


/*-----popup-all-----*/
/*bg*/
.popup_con .pc_bg{ position:fixed; z-index:10; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.popup_con .pc_box{ position:fixed; left:0; right:0; top:150px; z-index:15;}
/*txt*/
.popup_con .pc_txt{ position:relative; width:400px; min-height:200px; margin:0 auto; padding:30px; background-color:#fff; box-sizing:border-box;}
.popup_con .pc_txt .tit_main, .popup_con .pc_txt p{ margin: 0 0 20px 0; text-align:center;}
/*大popup*/
.popup_con.popup_con_b .pc_txt{ width:1024px;}
.popup_con.popup_con_b .pc_txt .tit_main{ text-align:left;}
.popup_con.popup_con_b .pc_txt .table_box{ overflow:auto; max-height:700px;}
.popup_con.popup_con_b .adv_choice{ margin:0 0 20px 0;}
.popup_con.popup_con_b .adv_choice::after{ display:block; clear:both; content:"";}
.popup_con.popup_con_b .adv_choice li{ float:left; width:20%; margin:0 0 10px 0;}
/*btn_cloase*/
.btn_close{ position:absolute; top:30px; right:30px; width:20px; height:20px; background:url(/robot/images/btn_close-8c40c4e97d0251a434f4b47245d3c668.png) no-repeat center center; background-size:100% auto;}
/*loading*/
.popup_con.load_con .pc_box{ position:fixed; top:50%; transform:translateY(-50%);}
.popup_con.load_con h3::after{ display:block; width:150px; height:150px; margin:0 auto; content:""; background:url(../../images/icon_loading.gif) no-repeat center center; background-size:100% auto;}
.popup_con.load_con h3{ text-align:center; color:#fff; font-size:24px;}


/*-----title-all-----*/
/*main*/
.tit_main{ margin:0 0 20px 0; color:#bb000f; font-size:25px; line-height:34px;}
/*小標*/
.tit_sc{ height:40px; padding:0 15px; line-height:40px; color:#fff; background-color:#bb000f;}
.tit_sc h4{font-size: 1.2rem; font-weight: bold;}
.tit_sc h4, .tit_sc ul, .tit_sc ul li{ display:inline-block;}
.tit_sc::after{ display:block; content:""; clear:both;}
.tit_sc ul{ float:right; text-align:right;font-size: 16px;}
.tit_sc ul li{ padding:0 10px;}
.tit_sc ul li:last-child{ padding:0 0 0 10px; background:url(../../images/border_nav_sec.jpg) no-repeat center left;}
/*次標*/
.tit_sec{ margin:0 0 10px 0; color:#313131; font-size:20px;}
.tit_three{ color:#bb000f; font-size:20px; font-weight: bold;}


/*-----bread-----*/
.bread{ margin:0 0 30px 0;}
.bread li{ display:inline-block; margin:0 6px 0 0; padding:0 25px 0 0; background:url(/robot/images/icon_arrow_r-bec5495647b5490a3f4526297f63cf69.png) no-repeat center right; background-size:20px; }
.bread li:first-child::before{ display:inline-block; width:20px; height:20px; margin:0 10px 0 0; content:""; vertical-align:middle; background:url(/robot/images/icon_bread_home-9d051671a278868149d428177646e101.png) no-repeat center left; background-size:100% auto;}
.bread li:last-child{ background:none;}
.bread li:last-child a{ color:#bb000f;}
.bread li a{ display:inline-block; vertical-align:middle; color:#000;}
.bread li a:hover{ color:#bb000f;}


/*-----input-----*/
/*txt/password*/
input[type="text"], input[type="password"]{ height:40px; border-radius:4px; background:#fff;}
/*select*/
select{ width:100%; padding:0 10px; height:48px; line-height:48px; color:#333333; background:#fff url(/robot/images/select_arrow-b1be6802d9658e8ec71375642e26dbe9.png) no-repeat right 50%; border:1px solid #b6b6b6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:4px;}
/*radio/checkbox*/
input[type="checkbox"] + span{ display:inline-block; width:20px; height:20px; margin:-4px 6px 0 0; vertical-align:middle; background: url(/robot/images/checkbox_normal.jpg) left top no-repeat; background-size:20px auto;}
input[type="checkbox"]:checked + span{ background: url(/robot/images/checkbox_checked.jpg) left bottom no-repeat; background-size:20px auto;}
input[type="radio"] + label, input[type="radio"] + span{ position:relative; padding:0; width:20px; background-size:100% auto;}
input[type="radio"]:checked + label{ background-size:20px auto;}
input[type="radio"] + label::before, input[type="radio"] + span{ position:static; margin:0 5px 0 0; vertical-align:middle; background:url(/robot/images/radio_normal-5a650c5e56cb5afc7de03c17e00614a2.png) center center no-repeat; background-size:100% auto; }
input[type="radio"] + span{ display:inline-block; width:20px; height:20px; vertical-align:middle;}
input[type="radio"]:checked + label::before, input[type="radio"]:checked + span{  background:url(/robot/images/radio_checked-c4a9e680ac019b9db4cbc003ce557e66.png) left bottom no-repeat; background-size:100% auto; }
.table_box form{ height:20px;}
.tb_table table td input + span{ display:inline-block;}


/*-----steps-----*/
.steps{ overflow:auto; height:40px; margin:0 0 30px 0; background:#eeeeee;}
.steps::after{ display:block; content:""; clear:both;}
.steps li{ float:left; width:25%; line-height:40px; text-align:center; box-sizing:border-box;}
.steps li.active{ color:#fff; text-indent:-10px; background:url(../../images/img_step_arrow.jpg) no-repeat 100% 50%; background-size:auto 100%;}
.steps li:last-child.active{ background:#10adbd none; text-indent:0;}


/*-----search_box-內部搜尋條件------*/
.search_box{ margin:0 0 25px 0; padding:30px; background:#eeeeee; border-radius: 6px;}
/*table*/
.sb_table{ margin:0 0 25px 0;}
.sb_table table{ width:100%; table-layout:fixed;}
.sb_table table th{ padding:10px; text-align:justify;}
.sb_table table th span{ font-size:14px;}
.sb_table table td{ padding:5px 0;}
.pages_select{ float:right; width:200px; margin:-45px 0 0 0;}
/*flex組合*/
.sb_set{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; max-width:100%;}
.sb_set a{ flex:1 1 auto; width:25%; height:35px; margin:0 2% 0 0; text-align:center; line-height:35px; color:#777777; background:#fff; border-radius:5px; border:1px solid #b6b6b6; box-sizing:border-box;}
.sb_set a:hover, .sb_set a.on{ color:#e50101; border:1px solid #e50101;}
.sb_set a:last-child{ margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator{ display:none;}
.sb_set input{ flex:1 1 auto; height:40px; padding:0 10px; background:#fff url(/robot/images/icon_date-83a74e86052a8b0db5c9f68be9f70f21.png) no-repeat center right; background-size:38px; border-radius:5px; border:1px solid #b6b6b6; box-sizing:border-box;}
.sb_set select{ flex:1 1 auto; margin:0 2% 0 0;}
.sb_set select:last-child{ margin:0;}
.sb_set span{ flex:0 0 5%; text-align:center;}
*::-ms-backdrop, .sb_set input[type="date"]{ flex-basis:auto; width:100%;}


/*------web-table_box------*/
.table_box{ margin:0 0 25px 0;}
.table_box.tb_cx2{ display:block;}
/*次標*/
.tb_table .tit_sec{ margin:25px 0 10px 0;}
/*table*/
.tb_table table{ width:100%; border:1px solid #d8d8d8; border-bottom:none; table-layout:fixed;}
.tb_table table th, .tb_table table td{ padding:10px; text-align:center; font-size:16px; word-break:break-all;}
.tb_table table th{ color:#fff; background-color:#555; border: 1px solid #555; border-bottom:4px solid #f08300;}
.tb_table table tr:nth-child(even) td{ background-color:#f7f7f7;}
.tb_table table td{ border-bottom:1px solid #d8d8d8;}
.tb_table table td a, .td_list_txt li a{ display:block; text-align:justify; color:#3c99e0; font-weight:bold;text-decoration: underline;}
.td_list_txt li a::before{ display: inline-block; content: ""; background-image: url(/robot/images/icon_point-754990693f70f72f027f1e8d610d9737.png); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.tb_table table td span{ display:block; color:#313131;}
.table_box.tb_cx2 table th{ text-align:left; border-right:4px solid #f08300; border-bottom:1px solid #d8d8d8;}
.table_box.tb_cx2 table td, .table_box.tb_cx2 .tb_table table tr:nth-child(even) td{ text-align:left; background:#fff;}
.table_box.tb_bg table td, .table_box.tb_bg .tb_table table tr:nth-child(even) td{ background:#fff;}
/*table-上下欄位*/
.tb_table ol li{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #000; box-sizing:border-box;}
.tb_table tr th ol li{ border-bottom:1px solid #fff;}
.tb_table tr td ol li{ border-bottom:1px solid #333;}
/*.tb_table td ol li{ line-height:35px;}*/
.tb_table ol li:last-child{ margin:0; padding:0; border:none; vertical-align:top;}
/*單一股票資訊*/
.inpages ul.link li{ padding:0 0 0 15px; font-weight:bold; background:url(/robot/images/icon_point-754990693f70f72f027f1e8d610d9737.png) no-repeat 0% 50%; background-size:16px;}
.inpages ul.link li a{ font-weight:normal; text-decoration:underline; color: #3c99e0;}
.inpages ul.link li span.stock_c1::before, span.stock_c1.stock_mark::before{ margin:0 3px 0 0; content:"+";}
.inpages ul.link li span.stock_c2::before, span.stock_c2.stock_mark::before{ margin:0 3px 0 0; content:"-";}
/*flex組合*/
.tb_set .tb_set_cell{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; margin:0 0 5px 0;}
.tb_set .tb_set_cell select, .tb_set .tb_set_cell input{ flex:1 1 auto; margin:0;}
.tb_set .tb_set_cell span{ flex:0 0 auto; margin:0 5px 0 0;}
.tb_set .tb_set_cell .tb_btn_delete{ flex:0 0 20px; width:20px; height:20px; margin:0 0 0 5px; background:url(../../images/tb_btn_delete.png) no-repeat center center; background-size:100% auto;}
/*txt*/
.inpages .txt_red{ text-align:right; color:#bb000f; font-size:18px;}
.inpages .txt_red span{ display:inline-block; padding:0 0 0 20px;}
.inpages p.txt_red{ margin:0 0 20px 0; text-align:center;}
.inpages p.txt_red span{ padding:0 20px; border-bottom:1px solid #bb000f;}
.inpages p.txt_red ~ p{ margin:0 0 20px 0; text-align:center;}
.inpages p.txt_orange span{ padding:0 20px; border-bottom:1px solid #f08300;}
.txt_orange{ color:#e58e00;}
.txt_right{ text-align:right;}
.txt_left, .tb_table table td.txt_left{ text-align:left;}
.tb_table table td.txt_left{ font-weight:bold;}
/*mobile-tab*/
.td_tab{ display:none;}


/*-----mobile-td_list-----*/
.list_box, .tb_table.tb_table_m{ display:none;}


/*-----tab-all-----*/
/*tab_main*/
.tab_main{ width:100%; border-bottom:1px solid #cecece; box-sizing:border-box;}
.tab_main ul{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch;}
.tab_main ul li:first-child{ border-left:1px solid #cecece; }
.tab_main ul li{ flex:1 1 auto; max-width:130px; padding:10px 0; text-align:center; font-weight:bold; font-size:15px; border-top:1px solid #cecece; border-right: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor:pointer;
background: rgb(234,234,234); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 49%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(234,234,234,1)),color-stop(49%, rgba(255,255,255,1)));
background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 49%);
background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(255,255,255,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.tab_main ul li.select, .tab_main ul li:hover{ color:#fff; background:#10adbd;}
.tab_main ul li span{ display:inline-block; vertical-align:middle;}
.tab_main ul li::before{ display:inline-block; width:0; height:100%; vertical-align:middle; content:"";}
/*tab-sec*/
.tab_sec{ overflow:auto; margin:0 0 25px 0; border-bottom:1px solid #d2d2d2;}
.tab_sec::after{ display:block; content:""; clear:both;}
.tab_sec li{ float:left;}
.tab_sec li a{ display:block; padding:0 20px 11px 20px; text-align:center; color:#313131; font-size:18px; border-bottom:4px solid rgba(255,255,255,0);}
.tab_sec li a:hover, .tab_sec li.select a{ border-bottom:4px solid #bb000f;}
/*content*/
.tab_con .ts_tab_box{ display:none;}
.tab_con .ts_tab_box.active{ display:block;}


/*-----btn-all-----*/
/*main*/
.btn_main{ margin:30px 0; text-align:center;}
.search_box .btn_main, .popup_con .btn_main{ margin:0;}
.btn_main a{ display:inline-block; padding: 0 30px; min-width:140px; margin:0 5px; line-height:48px; text-align:center; color:#fff; background-color:#a0a0a0; border:1px solid rgba(255,255,255,0); border-radius:50px; box-sizing:border-box;}
.btn_main a:hover{ color:#a0a0a0; background:rgba(255,255,255,0); border:1px solid #a0a0a0;}
.btn_main a:last-child{ background-color:#e50101;}
.btn_main a:last-child:hover{ color:#e50101; background:rgba(255,255,255,0); border:1px solid #e50101;}
/*delete*/
.btn_delete{ display:block; width:22px; height:22px; margin:0 auto; background:url(../../images/btn_delete.png) no-repeat center center; background-size:100% auto;}
/*shopping*/
.btn_shopping{ display:block; width:22px; height:22px; margin:0 auto; background:url(../../images/btn_shopping.png) no-repeat center center; background-size:100% auto;}
.ranking_con .btn_shopping{ background:url(../../images/btn_shopping_b.png) no-repeat center center; background-size:100% auto;}
/*add*/
.inpages a.btn_add{ display:block; width:100%; height:25px; line-height:25px; text-align:center; color:#fff; font-size:14px; background-color:#e50101; border-radius:5px; border:1px solid rgba(255,255,255,0);}
.inpages a.btn_add:hover, .inpages a.btn_add.active{ color:#e50101; background-color:rgba(255,255,255,0); border:1px solid #e50101;}
/*more*/
.btn_more{ position:absolute; top:0; right:15px; display:block; width:50px; height:20px; line-height:20px; text-align:center; color:#e50101; border:1px solid #e50101; border-radius:4px;}
.btn_more:hover{ color:#fff; background:#e50101;}
.ranking_con .btn_more{ right:0; color:#dfaf4a; border:1px solid #dfaf4a;}
.ranking_con .btn_more:hover{ color:#fff; background:#dfaf4a;}
/*文字式按鈕*/
.inpages .btn_set a, .inpages .btn_alert a{ text-decoration: none; display:inline-block; padding: 0 30px; min-width:70px; height:40px; padding:0 5px; line-height:40px; text-align:center; color:#fff; font-size:14px; border-radius:50px; background-color:#e50101; border:1px solid rgba(255,255,255,0);}
.inpages .btn_set a:hover, .inpages .btn_set a.active, .inpages .btn_alert a:hover, .inpages .btn_alert a.active{ color:#e50101; background-color:rgb(255,255,255,0); border:1px solid #e50101;}
.inpages .btn_set a.none, .inpages .btn_set a.none:hover{ color:#fff; background-color:#959595; border:1px solid rgba(255,255,255,0); cursor:default;}
.inpages .assets_stock ~ .table_box .btn_set a{ display:block; margin:0 0 5px 0;}
.inpages .assets_stock ~ .table_box .btn_set a:last-child, .inpages .assets_stock ~ .list_box .btn_set a:last-child{ background-color:#959595;}
.inpages .assets_stock ~ .table_box .btn_set a:last-child:hover, .inpages .assets_stock ~ .list_box .btn_set a:last-child:hover{ color:#959595; background-color:#fff; border:1px solid #959595;}
/*alert開啟關閉狀態*/
.inpages .btn_alert a:before{ display:inline-block; content:"開啟"; width:70px; height:25px; line-height:25px; text-align:center; color:#fff; font-size:14px;}
.inpages .btn_alert a:hover:before{ color:#e50101;}
.inpages .btn_alert a.active:before{ content:"關閉"; color:#e50101;}
/*icon式btn*/
.btn_com .icon_alert, .td_list .icon_alert{ width:22px; height:22px; background:url(../../images/icon_alert_n.png) no-repeat center center; background-size:100% auto;}
.btn_com .icon_alert.on, .td_list .icon_alert.on{ background:url(../../images/icon_alert_o.png) no-repeat center center; background-size:100% auto;}
.inpages .btn_com a, .inpages .btn_com span{ display:inline-block; margin:0 10px 0 0; vertical-align:middle;}
.inpages .btn_com a:last-child{ margin:0;}
/*detail*/
.inpages a.btn_detail{ display:block; width:80px; height:25px; margin:5px 0 0 0; line-height:25px; text-align:center; color:#fff; font-size:15px; background:#3c99e0; border-radius:25px; border:1px solid rgba(255,255,255,0); box-sizing:border-box;}
.inpages a.btn_detail:hover{ color:#3c99e0; background:rgba(255,255,255,0); border:1px solid #3c99e0;}


/*-----shopping_car-購物車-----*/
.shopping_car{ border:1px solid #bb000f;}
.total_car{ border:1px solid #3c99e0;}
.total_car .tit_sc{ background:#3c99e0;}
/*條款*/
.rule_con{ margin:0 0 0 60px; font-size: 16px;}
.rule_con li{ margin:0 0 10px 0; text-indent:-30px;}
.rule_con li a{ color:#3c99e0; text-decoration:underline;}


/*-----btn_history-查看紀錄-----*/
.btn_history{ display:flex; flex-direction:row; flex-wrap:nowrap;}
.btn_history .bh_box{ flex:1 1 auto; width:100%; margin:0 15px 0 0; padding:15px 20px; text-align:center; background:#fff; border-radius:6px; border:1px solid #b6b6b6; box-sizing:border-box; cursor:pointer;}
.btn_history .bh_box:last-child{ margin:0;}
.btn_history .bh_box::before{ display:block; width:50px; height:50px; margin:0 auto 10px auto; content:""; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.btn_history .bh_box:nth-child(1)::before{ background-image:url(../../images/icon_bh_box_01.jpg);}
.btn_history .bh_box:nth-child(2)::before{ background-image:url(../../images/icon_bh_box_02.jpg);}
.btn_history .bh_box:nth-child(3)::before{ background-image:url(../../images/icon_bh_box_03.jpg);}
.btn_history .bh_box:nth-child(4)::before{ background-image:url(../../images/icon_bh_box_04.jpg);}
.btn_history .bh_box:nth-child(5)::before{ background-image:url(../../images/icon_bh_box_05.jpg);}
.btn_history .bh_box:hover{ color:#e50101; border:1px solid #e50101;}
.btn_history .bh_box:nth-child(1):hover::before, .btn_history .bh_box:nth-child(1):active::before{ background-image:url(../../images/icon_bh_box_01_h.jpg);}
.btn_history .bh_box:nth-child(2):hover::before, .btn_history .bh_box:nth-child(2):active::before{ background-image:url(../../images/icon_bh_box_02_h.jpg);}
.btn_history .bh_box:nth-child(3):hover::before, .btn_history .bh_box:nth-child(3):active::before{ background-image:url(../../images/icon_bh_box_03_h.jpg);}
.btn_history .bh_box:nth-child(4):hover::before, .btn_history .bh_box:nth-child(4):active::before{ background-image:url(../../images/icon_bh_box_04_h.jpg);}
.btn_history .bh_box:nth-child(5):hover::before, .btn_history .bh_box:nth-child(5):active::before{ background-image:url(../../images/icon_bh_box_05_h.jpg);}


/*-----fund_info-單一股票資訊-----*/
.fund_info{ position: relative; padding:20px 30px; border:1px solid #d8d8d8; border-bottom: none; border-radius: 6px;}
.fund_info h3{ margin:0; color: #333; font-size:24px; line-height:30px; font-weight: bold;}
.fund_info h4{ margin:0; color: #333; font-size:20px; line-height:24px; font-weight: bold;}
.fund_info h3 span{ display:block; color:#bb000f;}
.fund_info .fi_txt{ color:#bb000f; font-weight: bold; font-size: 20px;}
.fund_info .fi_txt li{ display:inline-block;}
.fund_info .fi_txt li:first-child{ margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #b6b6b6;}
.fund_info ul.link{ position:absolute; top:50%; right:30px; transform:translateY(-50%); width:25%;}
.fund_info ul.link li span{ float:right; margin:0 0 0 10px;}
.fund_info .fi_tout{ position:relative; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #d8d8d8;}
.fund_info .fi_tin{ position:relative;}
.fund_info .fi_tin select{ width:50%; margin:0 0 15px 0;}
.app_time{ margin:0 0 20px 0; text-align:center;}
.app_time::before{ display:inline-block; content:""; width:30px; height:30px; margin:-5px 0 0 0; vertical-align:middle; background:url(/robot/images/icon_date-83a74e86052a8b0db5c9f68be9f70f21.png) no-repeat center center; background-size:100% auto;}
.app_time span{ margin:0 5px 0 0;}


/*-----pages_control-分頁控制-----*/
.pages_control{ margin:0 0 25px 0; text-align:center;}
.pages_control li{ display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; vertical-align:middle; color:#313131; border-radius:25px; cursor:pointer;}  
.pages_control li:hover, .pages_control li.on{ color:#fff; background-color:#bb000f;}
.pages_control li.prev{ background:url(/robot/images/img_pages_prev-1a2572537d8c049b46120f502111a17f.png) no-repeat center center;}
.pages_control li.prev:hover{ background:#bb000f url(/robot/images/img_pages_prev_on-3e25654fdc5a7c2b5baea08e19907b05.png) no-repeat center center;}
.pages_control li.next{ background:url(/robot/images/img_pages_next-823df849820b6fda5e24eca622e4cc9a.png) no-repeat center center;}
.pages_control li.next:hover{ background:#bb000f url(/robot/images/img_pages_next_on-2d4c924200ed891f7268b1da0419815b.png) no-repeat center center;}


/*------remarks_con-備註文字-----*/
.remarks_con{ position:relative; margin:0 0 20px 0; padding:40px 0 0 0;}
.remarks_con h4{ height:25px; margin:0 0 10px 0; line-height:25px; font-size:16px; background:url(/robot/images/border_remarks-fb1cf8fa61268f66e5e15d4b67bcc297.png) repeat-x center left;}
.remarks_con h4 span{ display:inline-block; padding:0 10px 0 25px; background:#fff url(/robot/images/icon_remarks-d0c288579bedc134b95aea37fbaabc62.png) no-repeat center left; background-size:20px;}
.remarks_con p, .note_con p{ font-size:15px; line-height:24px; margin-top: 0.5rem; text-align: justify;}
.remarks_con ul { margin-left: 1rem;}
.remarks_con ul li{ font-size:15px; line-height:22px; margin-top: 0.2rem; text-align: justify; list-style: decimal;}

/*-----note_con-備註文字-----*/
.note_con h4{ margin:0 0 5px 0;}
.note_con{ margin:0 0 25px 0; padding:20px; border:1px solid #d8d8d8;}


/*-----img_trend-走勢圖-----*/
.img_trend{ width:35px; height:35px; margin:0 auto;}
.img_trend img{ display:block; width:100%; height:auto;}


/*-----iframe_con-----*/
.iframe_con{ margin:0 0 20px 0;}
.iframe_con iframe{ border:none;}


/*-----result_main-查詢結果主要資訊-----*/
.result_main{ display:flex; flex-direction:row; flex-wrap:nowrap; margin:0 0 25px 0;}
.result_main .rm_cell{ flex:1 1 auto; width:100%; margin:0 2% 0 0;}
.result_main .rm_cell:last-child{ margin:0;}
.result_main .rm_cell:nth-child(1){ font-size:27px; color:#3c99e0;}
.result_main .rm_cell:nth-child(2){ font-size:30px; color:#ff9600;}
.result_main .rm_cell:nth-child(3){ font-size:30px; color:#e60012;}
.result_main h4, .assets_con .ac_box h4{ margin:0 0 -2px 0; color:#000; font-size:18px;}
.result_main h4 span{ display:inline-block; padding:0 5px 5px 5px; border-bottom:4px solid #bb000f;}
.result_main .rm_txt{ height:100px; line-height:100px; text-align:center; vertical-align:middle; border:1px solid #cdcdcd; border-top:2px solid #cdcdcd;}


/*-----assets_con-資產總覽-----*/
.assets_con{ display:flex; flex-wrap:nowrap; flex-direction:row; margin:0 0 30px 0;}
.assets_con .ac_box:nth-child(1){ flex:1 1 55%; margin:0 2.5% 0 0;}
.assets_con .ac_box:nth-child(2){ flex:1 1 45%; border:1px solid #cdcdcd;}
.assets_con .ac_box.result_main{ position:relative; display:block;}
.assets_con .ac_box.result_main .rm_cell{ margin:0 0 20px 0; font-size:45px;}
.assets_con .ac_box.result_main .rm_cell:last-child{ position:absolute; left:0; right:0; bottom:0; margin:0;}
.assets_con .ac_box.result_main .rm_txt{ height:125px; line-height:125px;}
.assets_con .ac_box .ac_chart{ padding:25px 30px;}
.assets_con .ac_box .ac_chart h4{ margin:0 0 15px 0;}


/*-----assets_stock-資產庫存-----*/
.assets_stock{ display:block; margin:0 0 50px 0;}
.assets_stock .as_chart{ display:flex; padding:30px; border-top:none; border: 1px solid #d8d8d8;}
.assets_stock .as_chart > div:nth-child(1){ flex:1 1 30%; margin:0 3% 0 0; border-right:1px solid #d8d8d8; box-sizing:border-box;}
.assets_stock .as_chart > div:nth-child(2){ flex:1 1 70%;}
.assets_stock .as_chart .tit_sec{ margin:0 0 20px 0; line-height:42px;}
.assets_stock .as_chart .tit_sec span{ display:block; color:#bb000f; font-size:45px; font-weight:normal;}
.assets_stock .as_chart ul{ overflow:hidden;}
.assets_stock .as_chart ul li{ float:left; width:50%; margin:0 0 15px 0; line-height:20px; box-sizing:border-box;}
.assets_stock .as_chart ul li span{ display:inline-block; width:20px; height:20px; margin:0 10px 0 0; vertical-align:top;}
.assets_stock .as_cost{ overflow:hidden; padding:20px 0; color:#fff; background-color:#3c99e0;}
.assets_stock .as_cost .as_txt{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; float:left; width:50%; padding:0 25px; box-sizing:border-box;}
.assets_stock .as_cost .as_txt:nth-child(1){ border-right:1px solid #fff;}
.assets_stock .as_cost h3{ flex:1 1 auto; font-size:24px; vertical-align:middle;}
.assets_stock .as_cost ol{ flex:1 1 auto; font-size:18px; text-align:right; vertical-align:middle;}
.assets_stock .as_cost ol li{ margin:0 0 10px 0;}
.assets_stock .as_cost ol li:last-child{ margin:0;}


/*-----sign_in-會員登入-----*/
.sign_in{ overflow:hidden; height:480px; box-sizing:border-box; border-radius: 12px;}
.sign_in .si_box{ float:left; width:35%;}
.sign_in .si_box:nth-child(2){ float:left; width:65%; padding:20px 30px;}
.sign_in .si_banner{ overflow:hidden;}
.sign_in .si_banner img{ width:100%; min-height:500px; display:block; box-sizing:border-box;}
.sign_in h3{ margin:0 0 20px 0; text-align:center; color:#222!important; font-size:26px;}
.sign_in .si_tab{ overflow: hidden; margin: 0 0 25px; border-radius: 8px; background-color: #eee;}
.sign_in .si_tab li{ float:left; width:50%; line-height:40px; text-align:center; color: #f08300; box-sizing:border-box; cursor:pointer; transition: all 0.3s; font-weight: bold;}
.sign_in .si_tab li:hover, .sign_in .si_tab li.select{ color:#fff; background-color:#f08300;}
.sign_in .si_tab li:hover{ background-color: #ffe2be; color: #f08300;}
.sign_in .si_tab li:last-child{ border-left:none;}
.sign_in .si_tab_con{ clear:both; margin:0 0 30px 0;}
.sign_in .si_tab_box{ display:none; height: 180px;}
.sign_in .si_tab_box.active{ display:block;}
.sign_in .si_tab_box li{ display:flex!important; flex-direction:row; flex-wrap:nowrap; margin:0 0 12px 0; padding:0 0 10px 0; line-height:38px; border-bottom:1px solid #cecece;}
.sign_in .si_tab_box li span{ flex:0 0 90px; margin:0 10px 0 0; line-height:48px; color:#333; font-size:17px; font-weight:bold;}
.sign_in .si_tab_box li select, .sign_in .si_tab_box li input[type="text"], .sign_in .si_tab_box li input[type="password"]{ flex:1 1 auto; padding:0 4px; background-color:rgba(255,255,255,0); border:none;}
.sign_in .si_tab_box li select{ padding:0 30px 0 0; background:url(/robot/images/sign_select_arrow-6e7db151425a7642a1257483aa2d708d.png) no-repeat right center; background-size:25px;}
.sign_in .btn_main{ margin:30px 0 20px 0;}
.sign_in .btn_main a{width:40%; margin: 0.8rem auto 0 auto; padding:0; }
.sign_in p{text-align: center; font-size: 15px;}
.sign_in.sign_password{ width:50%; height:auto; margin:0 auto; background-size:auto 100%;}
.sign_in.sign_password .si_box{ float:none; width:100%;}
.sign_in.sign_password .btn_main a{ background-position:40% 50%;}
.notice_box h4{ display:block; position:relative; width:180px; margin:0 auto; padding:0 20px; text-align:center; font-size:18px; background:#eeeeee; z-index:2;}
.notice_box .nb_txt{ position:relative; margin:-14px 0 0 0; padding:20px 15px 15px 15px; font-size:15px; z-index:1; border:1px solid #d2d2d2;}
.notice_box .nb_txt p, .notice_box .nb_txt li{ margin:0 0 5px 0;}
.notice_box .nb_txt li{ padding:0 0 0 25px; text-indent:-18px; list-style:decimal inside;}



/*-----banner_index-----*/
.banner_index .bi_m{ display:none;}
.banner_index img{ display:block; width:100%; height:auto;}
.swiper-container{ width:100%; box-sizing:border-box;}
.swiper-pagination{ bottom:20px;}
.swiper-pagination-bullet{ background:#fff; opacity:0.5;}
.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../../images/swiper_arrow_r.svg) no-repeat center center;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(../../images/swiper_arrow_l.svg) no-repeat center center;}


/*-----search_index-關鍵字搜尋-----*/
.search_index{ position:relative; margin:0 0 35px 0; padding:15px 0; background:#f7f7f7 url(../images/quick_BG_l.png) left top no-repeat;}
.search_index::before{ position:absolute; top:0; right:0; content:""; display:inline-block; width:100%; height:100%; background:url(../images/quick_BG_r.png) right top no-repeat;}
.search_index .pagesize{ position:relative;}
.search_index .si_box{ padding:0 115px 0 0;}
.search_index .si_box .si_input{ position:relative;}
.search_index .si_box .si_input a{ display:block; position:absolute; top:0; right:0; width:35px; height:35px; background:url(../images/btn_go.png) no-repeat center center; background-size:20px;}
.search_index .si_box .si_input a:hover{ background:url(../images/btn_go_on.png) no-repeat center center; background-size:20px;}
.search_index .si_box input[type="text"]{ margin:0 0 10px 0;}
.search_index .si_box ul li{ display:inline-block; margin:0 6px 0 0; font-size:14px;}
.search_index .si_box ul li a{ color:#000000;}
.search_index .si_box ul li a:hover{ color:#e50101;}
.btn_search_adv{ position:absolute; top:2px; right:20px; display:block; width:90px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:15px; background:#ff9500; border:1px solid #ff9500;}
.btn_search_adv:hover{ color:#ff9500; background:rgba(255,255,255,0);}


/*-----news_con-新聞列表-----*/
.news_con{ position:relative; margin:0 0 45px 0;}
.news_con .tab_con ul li{ display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; position:relative; margin:0 0 10px 0; padding:0 0 10px 0; color:#313131; border-bottom: 1px solid #d2d2d2;}
.news_con .tab_con .tag{ flex:0 0 auto; margin:0 10px 0 0; padding:2px 5px; font-size:14px; border-style:solid; border-width:1px; border-radius:4px;}
.news_con .tab_con .tg01{ color:#ff7f00; border-color:#ff7f00;}
.news_con .tab_con .tg02{ color:#f44850; border-color:#f44850;}
.news_con .tab_con .tg03{ color:#13adbe; border-color:#13adbe;}
.news_con .tab_con .tg04{ color:#b28850; border-color:#b28850;}
.news_con .tab_con a{ flex:1 1 auto; overflow:hidden; padding:0 10px 0 0; color:#313131; text-overflow:ellipsis; white-space: nowrap;}
.news_con .tab_con a:hover{ color:#e50101;}
.news_con .tab_con .date{ color:#313131; font-size:14px;}


/*-----ranking_con-排行榜-----*/
.ranking_con{ margin:0 0 45px 0; padding:50px 0; background:transparent url("../images/bg_stock.jpg") center top no-repeat; background-size:cover;}
.ranking_con h3, .blog_con h3{ margin:0 0 30px 0; color:#fff; text-align:center; font-size:24px;}
.ranking_con h3 span, .blog_con h3 span{ display:block; width:125px; margin:0 auto; padding:0 0 15px 0; border-bottom:1px solid #dfaf4a;}
.ranking_con .rc_cell{ position:relative; margin:10px;}
.ranking_con .rc_cell h4{ margin:0 0 15px 0; color:#dfaf4a; font-size:18px; font-weight:normal;}
.ranking_con table{ width:100%; table-layout:fixed;}
.ranking_con table th, .ranking_con table td{ padding:10px 5px; color:#fff; text-align:center; vertical-align:middle;}
.ranking_con table th{ background:#7d7d7d;}
.ranking_con table td{ border-bottom:1px solid #7d7d7d;}
.ranking_con table td a{ color:#fff;}
.ranking_con table td a:hover{ color:#dfaf4a;}
.slick-prev::before{ display:block; width:15px; height:24px; content:""; background:url(../../images/swiper_arrow_l.svg) no-repeat center center;}
.slick-next::before{ display:block; width:15px; height:24px; content:""; background:url(../../images/swiper_arrow_r.svg) no-repeat center center;}


/*-----blog_con-部落格專區-----*/
.blog_con{ margin:0 0 45px 0;}
.blog_con h3{ color:#34495e;}
.blog_con .bc_box{ overflow:hidden;}
.blog_con .bc_box::after{ display:block; content:""; clear:both;}
.blog_con .bc_cell{ float:left; width:32%; margin:0 2% 0 0; padding:15px; border:1px solid #d8d8d8; box-sizing:border-box;}
.blog_con .bc_cell:nth-child(3n){ margin:0;}
.blog_con .bc_img{ overflow:hidden; width:100%; height:200px; margin:0 0 15px 0;}
.blog_con .bc_img img{ display:block; width:100%; height:auto;}
.blog_con .bc_txt h4{ color:#3ba6ff;}
.blog_con .bc_txt p{ color:#666666; font-size:14px;}


/*-----warning_con-警語-----*/
.warning_con{ padding:15px 0; background:#535353;}
.warning_con p{ color:#fff; font-size:14px; text-align:justify;}


/*-----bulletin_con-公告與揭露列表頁-----*/
.position_r{ float:right; width:40%; margin:0 0 15px 0;;}
.position_r ~ div, .position_r ~ ul{ clear:both;}
.input_set{ display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:flex-start;}
.input_set input{ flex:1 1 auto; padding:0 35px 0 7px;}
.input_set select{ flex:1 1 auto; margin:0 0 0 10px;}
.input_set input:nth-child(1), .input_set select:nth-child(1){ margin:0;}
.input_set a.btn_search{ overflow:hidden; position:absolute; right:0; top:0; display:block; width:35px; height:35px; background:url(../images/btn_go.png) no-repeat center center; background-size:20px; text-indent:100%; white-space:nowrap;}
.input_set, .bulletin_con{ position:relative;}
.bulletin_con .position_r{ margin:0 0 -25px 0;}
.bulletin_con .tab_sec, .bulletin_con .pages_control{ margin:0;}
.bulletin_list{ position:relative; margin:0 0 30px 0;}
.bulletin_list .bl_cell{ display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; padding:15px; border-bottom:1px solid #d2d2d2;}
.bulletin_list .bl_cell:nth-child(even){ background:#f5f5f5;}
.bulletin_list .bl_tit{ overflow:hidden; flex:1 1 auto; text-overflow:ellipsis; white-space:nowrap;}
.bulletin_list .bl_tit a{ color:#3c99e0;}
.bulletin_list .bl_tit a:hover{ color:#e50101;}
.bulletin_list .bl_date{ flex:0 0 auto; color:#7d7d7d;}


/*-----discount_con-優惠訊息-----*/
.discount_con .tab_sec, .discount_con .pages_control{ margin:0;}
.discount_list{ position:relative; margin:0 0 30px 0;}
.discount_list .dl_cell{ display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; padding:20px 0; border-bottom:1px solid #d2d2d2;}
.discount_list .dl_img{ flex:0 0 auto; margin:0 15px 0 0;}
.discount_list .dl_img img{ display:block; width:110px; height:auto;}
.discount_list .dl_txt{ overflow:hidden; position:relative; flex:1 1 auto;}
.discount_list .dl_txt .dl_date{ position:absolute; top:0; right:0;}
.discount_list .dl_txt h3{ overflow:hidden; margin:0 0 5px 0; padding:0 180px 0 0; color:#3c99e0; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.discount_list .dl_txt p{ overflow:hidden; margin:0 0 5px 0; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.discount_list .dl_txt a{ display:block; width:70px; height:25px; line-height:23px; text-align:center; color:#fff; font-size:14px; background:#e50101; border-radius:4px; border:1px solid #e50101; box-sizing:border-box;}
.discount_list .dl_txt a:hover{ color:#e50101; background:rgba(0,0,0,0);}


/*-----靜態純文字頁面-----*/
.vision_img{ width:100%; margin:0 0 35px 0;}
.vision_img img, .image_box img{ display:block; width:100%; height:auto;}
.annex_box h4{ height:25px; margin:0 0 5px 0; line-height:25px; font-size:16px; background:url(/robot/images/border_remarks-fb1cf8fa61268f66e5e15d4b67bcc297.png) repeat-x center left;}
.annex_box h4 span{ display:inline-block; padding:3px 10px 0 25px; background:#fff url(../../images/icon_annex.png) no-repeat center left; background-size:20px;}
.annex_box ul{ padding:10px 15px;}
.annex_box ul li{ margin:0 0 5px 0}
.tit_thi{ margin:0 0 20px 0; color:#bb000f; font-size:20px; font-weight: bold;}
.image_box img{ width:auto; max-width:100%; height:auto;}
.image_box .ib_w{ display:block;}
.image_box .ib_m{ display:none;}
.txt_con .tab_main, .form_con .tab_main{ margin:0 0 20px 0;}
.txt_con p{ margin:0 0 20px 0; text-align:justify;}
.txt_con p a{ color:#3c99e0;}
.list_con{ margin:0 0 20px 0;}
.list_con li{ margin:0 0 15px 0; padding:0 0 0 20px; line-height:26px; text-align:justify; background:url(/robot/images/icon_point-754990693f70f72f027f1e8d610d9737.png) no-repeat 0 4px; background-size:16px;}
.list_con li a{ color:#3c99e0;}
.list_con li ol.lc_sec{ margin:10px 0 0 0; counter-reset:li}
.list_con li ol.lc_sec li{ margin:0 0 5px 0; background:none; counter-increment:li}
.list_con li ol.lc_sec li::before { content:"."counter(li); display: inline-block; width: 1em; margin:0 0.5em 0 -1.5em; text-align:right; direction:rtl;}
.list_con li ol.lc_thi{ margin:10px 0 0 0; counter-reset:li}
.list_con li ol.lc_thi li{ margin:0 0 5px 0; background:none; counter-increment:li}
.list_con li ol.lc_thi li::before { content:"("counter(li)")"; display: inline-block; width: 2em; margin:0 0.5em 0 -2.5em; text-align:right; direction:rtl;}
.list_con li ol.lc_thi li span{ margin:0 0 0 -5px;}
.list_con li .table_box, .list_con li .list_box{ margin:10px 0;}
.list_con .td_list_txt li{ margin:0; background:none;}
.pagesize .list_con span{ display:inline-block;}
.txt_con table td p, table td .list_con li, table td .list_con:last-child, .list_con li:last-child, .txt_con .table_box ~ p, .txt_con .note_con p{ margin:0;}
.txt_s_14{ font-size:14px;}
.txt_w_bold{ font-weight:bold;}
.txt_c_blue01{ color:#2e4a7a;}
.txt_c_red01{ color:#bb000f;}
.txt_p_center, p.txt_p_center{ text-align:center;}
.border_r{ border-right:1px solid #d8d8d8;}


/*-----form_con-表單下載-----*/
.form_con .fc_tab{ display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; margin:0 0 20px 0;}
.form_con .fc_box{ flex:1 1 auto; width:25%; height:45px; margin:0 20px 0 0; text-align:center; line-height:43px; box-sizing:border-box; border:1px solid #b6b6b6; border-radius:5px; cursor:pointer;}
.form_con .fc_box:last-child{ margin:0;}
.form_con .fc_box:hover, .form_con .fc_box.select{ color:#e50101; border:1px solid #e50101;}
.form_con .fc_box::before{ display:inline-block; width:25px; height:25px; margin:0 10px 0 0; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:"";}
.form_con .fc_box:nth-child(1)::before{ background-image:url(../../images/icon_fc_box_01.png);}
.form_con .fc_box:nth-child(2)::before{ background-image:url(../../images/icon_fc_box_02.png);}
.form_con .fc_box:nth-child(3)::before{ background-image:url(../../images/icon_fc_box_03.png);}
.form_con .fc_box:nth-child(4)::before{ background-image:url(../../images/icon_fc_box_04.png);}
.form_con .fc_box:nth-child(1):hover::before, .form_con .fc_box.select:nth-child(1)::before{ background-image:url(../../images/icon_fc_box_01_h.png);}
.form_con .fc_box:nth-child(2):hover::before, .form_con .fc_box.select:nth-child(2)::before{ background-image:url(../../images/icon_fc_box_02_h.png);}
.form_con .fc_box:nth-child(3):hover::before, .form_con .fc_box.select:nth-child(3)::before{ background-image:url(../../images/icon_fc_box_03_h.png);}
.form_con .fc_box:nth-child(4):hover::before, .form_con .fc_box.select:nth-child(4)::before{ background-image:url(../../images/icon_fc_box_04_h.png);}
.form_con .table_box td:nth-child(1){ text-align:left;}
.btn_dowwnload{ overflow:hidden; display:block; width:20px; height:20px; margin:0 auto; background:url(../../images/btn_download.png) no-repeat center center; background-size:100% auto; text-indent:100%; white-space:nowrap;}
.form_con .fc_c_box{ display:none;}
.form_con .fc_c_box.active{ display:block;}



/*-----service_con-客戶服務-----*/
.service_con .sc_txt{ display:block; clear:both; width:100%;}
.service_con .sc_txt p{ margin:0; text-align:right;}
.service_con .iframe_con{ margin:30px 0 0 0;}
.service_con .pages_select{ display:none;}
/*列印*/
.sc_print .sc_txt p{ text-align:justify;}
.sign_box{ display:none;}
.sign_box::after{ display:block; clear:both; content:"";}
.sign_box .sb_con{ float:right;}
.sign_box .sb_con .sb_main{ margin:0 0 30px 0; color:#000;}
.sign_box .sb_con .sb_main h4, .sign_box .sb_con .sb_main div{ display:inline-block; vertical-align:middle;}
.sign_box .sb_con .sb_main .sb_s{ width:180px; min-height:50px; border-bottom:1px solid #d8d8d8;}
.sign_box .sb_con ol li{ margin:0 0 20px 0;}
.sign_box .sb_con ol span{ display:inline-block; width:38px; text-align:center;}
.sign_box .sb_con ol span.sb_y{ width:60px;}
.iframe_con ~ p{ color:#bb000f;}
@page{size:A4; margin:0;}
@media print{
	* { -webkit-print-color-adjust:exact !important;}
	a[href]:after{ content:none !important;}
	.header{ height:95px; padding:0;}
	.inpages .pagesize{ padding:1cm; border-top:1px solid #d8d8d8;}
	.sign_box{ display:block;}
	.nav_main .header_link, .nav_main .header_menu, .nav_sec, .bread, .search_box, .btn_main, .footer{ display:none;}
	.iframe_con ~ p{ padding:20px 0 0 0;}
}


/*-----iframe_box-----*/
.iframe_box iframe{ width:100%; border:none; outline:none;}


/*-----adv_search-進階搜尋-----*/
.adv_search{ position:relative; margin:0 0 30px 0; padding:30px; background:#eeeeee; border-bottom:4px solid #bfbfbf;}
.adv_search h3{ margin:0 0 10px 0; padding:0 0 15px 0; text-align:center; color:#e50101; border-bottom:1px solid #e50101;}
.adv_search.show h3{ margin:0 0 30px 0;}
.adv_search .adv_s_box{ display:none;}
.adv_search .sb_table{ margin:0;}
.adv_search .sb_table th{ text-align:right; vertical-align:text-top;}
.adv_search .condition_box .btn_main{ display:none;}
.popular_con a{ display:inline-block; height:26px; padding:0 10px; margin:2px 6px 2px 0; vertical-align:middle; line-height:26px; color:#777777; font-size:15px; background:#fff; border-radius:26px; border:1px solid #b6b6b6;}
.popular_con a:hover, .popular_con a.select{ color:#fff; background:#ffaa1f; border:1px solid #ffaa1f;}
.type_con a, .multiple_con a{ display:inline-block; height:26px; padding:0 10px; margin:2px -4px 2px 0; vertical-align:middle; line-height:26px; color:#777777; font-size:15px; border:1px solid rgba(0,0,0,0); border-radius:26px;}
.type_con a:hover, .type_con a.select, .multiple_con a:hover, .multiple_con a.select{ color:#fff; background:#ffaa1f; border:1px solid #ffaa1f;}
.company_con a:last-child::after{ display:inline-block; width:12px; height:12px; margin:0 0 0 5px; vertical-align:middle; content:""; background:url(/robot/images/btn_expand_o-81f5f047c2184a7633bad2bc90f83aa5.png) no-repeat center center; background-size:100% auto;}
.company_con a:last-child:hover::after, .company_con a.select:last-child::after{background:url(../../images/btn_expand_o_w.png) no-repeat center center; background-size:100% auto;}
.adv_search .condition_select{ margin:20px 0 30px 0; padding:20px 0 0 0; border-top:1px solid #e50101;}
.select_con a{ display:inline-block; height:26px; padding:0 10px; margin:2px 6px 2px 0; vertical-align:middle; line-height:26px; color:#fff; font-size:15px; background:#ffaa1f; border-radius:26px;}
.select_con a::after{ display:inline-block; width:15px; height:15px; margin:0 0 0 5px; vertical-align:middle; background:#cc8718 url(../../images/select_btn_delete.png) no-repeat center center; background-size:100% auto; content:""; border-radius:15px;}
.adv_search .btn_expand{ position:absolute; left:0; right:0; bottom:0; width:40px; height:20px; margin:0 auto; background:url(../../images/btn_expand_o_as.png) no-repeat center center; background-size:100% auto; cursor:pointer;}
.adv_search.show .btn_expand{ background:url(../../images/btn_expand_c_as.png) no-repeat center center; background-size:100% auto;}


/*-----adv_result-搜尋結果-----*/
.tb_table table th.border_b{ border-bottom:1px solid #d8d8d8;}
.adv_result h4{ margin:0 0 20px 0;}
.adv_result h4 span{ margin:0 5px; color:#e50101;}
.adv_result .tab_main{ margin:0 0 25px 0;}
.adv_result select{ display:none;}
.adv_result .txt_red{ font-size:15px;}
.adv_result table th, .adv_result table td{ padding:10px 5px;}
.adv_result table td a{ display:inline-block;}
.adv_result tr.font_s12 th{ font-size:15px;}


/*-----client_info-客戶資料-----*/
/*main*/
.ci_main{ padding:20px 25px; border:1px solid #555; background-color: #555; border-radius: 12PX 12PX 0 0; border-bottom: 4px solid #f08300;}
.ci_main::after{ display:block; clear:both; content:"";}
.ci_main h3{ margin:0 0 10px 0; font-size:24px;}
.ci_main .ci_name{ float:left;}
.ci_main .ci_name .txt{ display:inline-block; padding:5px 0 0 0; vertical-align:middle;}
.ci_main .ci_name h3{ color:#fff; font-weight: bold;}
.ci_main .ci_name h4{ color:#eee; font-size:18px; font-weight:normal;}
.ci_main .ci_name::before{ display:inline-block; content:""; width:65px; height:65px; margin:0 15px 0 0; vertical-align:middle; border-radius:65px; background:#f08300 url(/robot/images/icon_client-ac80174640e94d9a933eab7609d9250c.png) no-repeat center center; background-size:35px;}
.ci_main .ci_type{ float:right; padding:5px 0 0 0; text-align:right;}
.ci_main .ci_type h3{ color:#f08300; font-weight: bold;}
.ci_main .ci_type p{ color:#eee}

/*content*/
.ci_box{ padding:20px 0; border:1px solid #cdcdcd; border-top:none;}
.ci_box .tab_sec{ margin:0 25px 20px 25px;}
.ci_list ul{ float:left; width:50%; padding:0px 25px; border-right:1px solid #cdcdcd; box-sizing:border-box;}
.ci_list ul:last-child{ border-right:none;}
.ci_list li{ padding:10px 20px;}
.ci_list::after, .ci_list li::after{ display:block; clear:both; content:"";}
.ci_list li:nth-child(even){ background:#eeeeee;}
.ci_list .ci_tit{ float:left; color:#313131; font-weight:bold;}
.ci_list .ci_txt{ float:right;}
.ci_list .btn_set{ display:inline-block; margin:0 0 0 10px;}
.ci_table{ padding:0 25px 20px 25px;}
.ci_table .table_box{ margin:0 0 20px 0;}
.tit_fou{ margin:0 0 15px 0; font-size: 17px; padding:0 0 0 20px; line-height:26px; text-align:justify; color:#333; font-weight:bold; background:url(/robot/images/icon_point-754990693f70f72f027f1e8d610d9737.png) no-repeat 0 4px; background-size:16px;}
.cit_box{ position:relative;}
.cit_box .btn_set{ position:absolute; top:0; right:0;}
.cit_box .btn_set a{ width:auto; padding:0 5px;}
.cit_box .tb_table table td span{ display:inline-block; margin:0 0 0 10px;}
.client_info .tab_con .ts_tab_box{ display:none;}
.client_info .tab_con .ts_tab_box.active{ display:block;}


/*-----bill_sty-對帳單寄送方式-----*/
.bill_sty > h4, .client_kyc h4, .ck_user{ margin:0 0 25px 0; color:#313131; font-size:18px; font-weight:normal;}
.bill_sty > h4 span, .client_kyc h4 span, .ck_user span{ margin:0 5px; color:#10adbd; font-weight:bold;}
.bill_sty label, .bill_sty label + .btn_set{ display:inline-block; margin:0 20px 0 0; vertical-align:middle; cursor: pointer;}
.bill_sty .sb_table, .kyc_box .sb_table.small{ width:550px; margin:0 auto 25px auto;}
.bill_sty .sb_set a, .kyc_box .sb_set a{ max-width:100px; margin:0 5% 0 0;}
.inpages .txt_bl{ float:right; color:#3c99df;}
/*terms*/
.terms_box{ overflow:auto; max-height:650px; margin:0 0 20px 0; padding:25px; font-size:15px; border:1px solid #cdcdcd;}
.terms_box h3{ margin:0 0 20px 0; text-align:center;}
.terms_box h4, .terms_box p, .terms_box li{ margin:0 0 10px 0; text-align:justify;}
.terms_box ol li{ padding:0 0 0 35px; text-indent:-35px;}
.terms_box ul li, .kyc_txt ul li{ padding:0 0 0 20px; text-indent:-17px; list-style:decimal inside;}
*::-ms-backdrop, .terms_box ul li, .kyc_txt ul li{ text-indent:-27px;}



/*-----kyc_box-KYC-----*/
/*客戶資訊*/
.client_kyc{ margin:0 0 20px 0; padding:20px 0; border:1px solid #cdcdcd;}
.client_kyc h4, .ck_user{ text-align:center; line-height:28px;}
.client_kyc p{ padding:0 25px; text-align:justify;}
.client_kyc p::before{ display:block; height:1px; margin:20px 0; background-color:#cdcdcd; content:""; }
.ck_info{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:stretch;}
.ck_info::after{ display:block; clear:both; content:"";}
.ck_info .ck_box{ flex:1 1 auto; min-width:50%; padding:0 25px; text-align:center; box-sizing:border-box; border-right:1px solid #cdcdcd;}
.ck_info .ck_box:last-child{ border-right:none;}
.ck_info h2{ margin:0 0 15px 0; line-height:100%; color:#3c99e0; font-size:36px;}
.ck_info h4{ margin:0; font-size:17px;}
.ck_info h4 span{ color:#3c99e0; font-weight:normal;}
/*測驗*/
.kyc_box .sb_table.small{ width:380px;}
.kyc_box .sb_table table th{ padding:10px 0 10px 27px; text-indent:-26px;}
.kyc_box td label{ display:inline-block; margin:0 10px 10px 0;}
.kyc_box .table_box.tb_cx2 table th{ padding:10px 10px 10px 37px; text-indent:-26px; text-align:justify;}
/*結果*/
.kyc_txt h4, .kyc_txt p, .kyc_txt ul li{ margin:0 0 10px 0; line-height:160%; text-align:justify;}
.kyc_type{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch;}
.kyc_type .kt_box{ flex:1 1 auto; max-width:49%; margin:0 15px 15px 0; padding:20px 25px; text-align:center; border-style:solid; border-width:1px; box-sizing:border-box;}
.kyc_type .kt_box:nth-child(even){ margin:0 0 15px 0;}
.kyc_type .kt_box:nth-child(1){ border-color:#10adbd;}
.kyc_type .kt_box:nth-child(2){ border-color:#3c99e0;}
.kyc_type .kt_box:nth-child(3){ border-color:#ffaa1f;}
.kyc_type .kt_box:nth-child(4){ border-color:#e50102;}
.kyc_type .kt_box h4{ margin:0 0 5px 0; text-align:center; font-size:18px;}
.kyc_type .kt_box:nth-child(1) h4, .kyc_type .kt_box:nth-child(1) h5{ color:#10adbd;}
.kyc_type .kt_box:nth-child(2) h4, .kyc_type .kt_box:nth-child(2) h5{ color:#3c99e0;}
.kyc_type .kt_box:nth-child(3) h4, .kyc_type .kt_box:nth-child(3) h5{ color:#ffaa1f;}
.kyc_type .kt_box:nth-child(4) h4, .kyc_type .kt_box:nth-child(4) h5{ color:#e50102;}
.kyc_type .kt_box h5{ margin:0 0 10px 0; font-size:16px;}
.kyc_type .kt_box p{ font-size:14px;}


/*-----brand_box-品牌介紹----*/
.brand_box{ padding:20px 0;}
.brand_box .brand_link::after{ display:block; clear:both; content:"";}
.brand_box .brand_link a{ display:block; float:left; width:32%; height:50px; margin:0 2% 2% 0; padding:0 0 0 15px; line-height:50px; color:#3c99df; border-color:#cdcdcd; border-width:1px 1px 1px 6px; border-style:solid; background:url(../images/psc_wealth/img_pages_next.png) no-repeat 95% 50%; box-sizing:border-box;}
.brand_box .brand_link a:nth-child(3n){ margin:0 0 2% 0;}

@media screen and (max-width:1080px) {
h1.logo{ width:380px;}
}