body{ color:#333333; font-size:16px; font-family:"微軟正黑體","蘋果儷中黑","黑體",Hiragino Sans GB,"儷黑 Pro",Myriad Pro;margin:0;padding:0;}
a:focus{ outline:none;}
.navbar-fixed-top{ top:95px;}
.navbar-etf {text-align: center;}
.navbar-etf>.navbar-nav {float:none; display:inline-block;}
.navbar-etf>.navbar-nav>li {margin: 0 10px;}
.container > .navbar-header{ background:url(../../Images/header_bg.png) 0 0 no-repeat; background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/header_bg.png', sizingMethod='scale'); width:1170px; height:95px; position:absolute; top:-95px;margin-left: -15px;margin-right: -15px;}
.navbar-brand{ position:absolute;top:16px; left:40px; background:url(../../Images/logo.png) 0 6px no-repeat; width:200px; height:56px; font-size:0;padding:0;}
.header_slogan{ position:absolute;top:10px; left:250px; background:url(../../Images/slogan.png) 0 6px no-repeat; width:235px; height:40px; font-size:0;padding:0;}
.navbar-brand h1{ font-size:0;}
.mini_menu_top_right {background-color: #780a0c;border-radius: 0.5em;color: #fff;cursor: pointer;float: right;font-size: 12px;margin: 5px 5px 0;padding: 5px 8px;}
.mini_menu_top_right a {color: #fff;padding: 0 5px;}
.mini_menu_top_right a:hover {color: #FFE957; text-decoration:none;}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar-default > .container {background-color: #f8f8f8;border: 1px solid #e7e7e7; border-width:0 0 1px;}
.navbar{ height:50px;}
.navbar-default .navbar-nav > li > a{font-weight:bold; color:#666; font-size:16px;width: 162px; text-indent:32px; position:relative;padding: 5px 22px 3px;}
.navbar-default .navbar-nav > li > a b{ font-size:10px; display:block;white-space:nowrap;}
.navbar-default .navbar-nav > li > a.ETF{width: 210px;}
.navbar-default .navbar-nav > li > a i:not(.fa){display:block;background-image:url(../../Images/bg-m.png); background-repeat:no-repeat;position: absolute;top:0;left: 10px;width: 40px; height:50px; background-size:auto;}
.navbar-default .navbar-nav > li > a i.fa{position: absolute;top: 10px;left: -20px;font-size: 1.8em;}
.navbar-default .navbar-nav > li > a.MZ i{ background-position:-12px -9px;}
.navbar-default .navbar-nav > li > a.FC i{ background-position:-75px -9px;}
.navbar-default .navbar-nav > li > a.SD i{ background-position:-147px -9px;}
.navbar-default .navbar-nav > li > a.MO i{ background-position:-227px -9px;}
.navbar-default .navbar-nav > li > a.Ay i{ background-position:-311px -9px;}
.navbar-default .navbar-nav > li > a.AU i{ background-position:-397px -9px;}
.navbar-default .navbar-nav > li > a.EZ i{ background-position:-75px -143px;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#FFF;background: #f19c30;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOWMzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2U1NmIyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDNjMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f19c30 0%, #e56b2d 52%, #d03c28 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19c30), color-stop(52%,#e56b2d), color-stop(100%,#d03c28));background: -webkit-linear-gradient(top,  #f19c30 0%,#e56b2d 52%,#d03c28 100%);background: -o-linear-gradient(top,  #f19c30 0%,#e56b2d 52%,#d03c28 100%);background: -ms-linear-gradient(top,  #f19c30 0%,#e56b2d 52%,#d03c28 100%);background: linear-gradient(to bottom,  #f19c30 0%,#e56b2d 52%,#d03c28 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19c30', endColorstr='#d03c28',GradientType=0 );}
.navbar-default .navbar-nav > li:hover > a.MZ i, .navbar-default .navbar-nav > .open > a.MZ i, .navbar-default .navbar-nav > .open > a.MZ:hover i, .navbar-default .navbar-nav > .open > a.MZ:focus i{ background-position:-12px -70px;}
.navbar-default .navbar-nav > li:hover > a.FC i, .navbar-default .navbar-nav > .open > a.FC i, .navbar-default .navbar-nav > .open > a.FC:hover i, .navbar-default .navbar-nav > .open > a.FC:focus i{ background-position:-75px -70px;}
.navbar-default .navbar-nav > li:hover > a.SD i, .navbar-default .navbar-nav > .open > a.SD i, .navbar-default .navbar-nav > .open > a.SD:hover i, .navbar-default .navbar-nav > .open > a.SD:focus i{ background-position:-147px -70px;}
.navbar-default .navbar-nav > li:hover > a.MO i, .navbar-default .navbar-nav > .open > a.MO i, .navbar-default .navbar-nav > .open > a.MO:hover i, .navbar-default .navbar-nav > .open > a.MO:focus i{ background-position:-227px -70px;}
.navbar-default .navbar-nav > li:hover > a.Ay i, .navbar-default .navbar-nav > .open > a.Ay i, .navbar-default .navbar-nav > .open > a.Ay:hover i, .navbar-default .navbar-nav > .open > a.Ay:focus i{ background-position:-311px -70px;}
.navbar-default .navbar-nav > li:hover > a.AU i, .navbar-default .navbar-nav > .open > a.AU i, .navbar-default .navbar-nav > .open > a.AU:hover i, .navbar-default .navbar-nav > .open > a.AU:focus i{ background-position:-397px -70px;}
.navbar-default .navbar-nav > li:hover > a.EZ i, .navbar-default .navbar-nav > .open > a.EZ i, .navbar-default .navbar-nav > .open > a.EZ:hover i, .navbar-default .navbar-nav > .open > a.EZ:focus i{ background-position:-147px -143px;}
.dropdown-menu > li > a {text-indent: 10px;background:url(../../Images/bg.png) -480px -16px no-repeat; min-width:188px;}
.dropdown-menu > li.active > a { background-color:#FF8600;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: #ff8400 url(../../Images/bg.png) -480px -56px no-repeat; color:#FFF;}
.caret { position:absolute;right: 15px;top: 19px;border-right: 6px solid transparent;border-top: 6px solid transparent;border-left: 6px dashed;border-bottom: 6px solid transparent;}
.navbar-default .navbar-nav > li:hover > a .caret, .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px dashed;border-bottom: 6px solid transparent;right: 18px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#AAA;margin-top:5px;margin-right:0; position:absolute; top:3px; right:10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.open>a:after{border-color:transparent;border-style:solid;border-width:5px 5px 0 5px;border-top-color:#FFF;margin-top: 10px;margin-right:0;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.member-menu{ display:none; position:relative;}
.member-menu .dropdown-menu{position:absolute; width:50%;top: 48px; left:50%;}
.member-menu .dropdown-menu li a{background-position: -480px -11px;padding: 9px 20px;}
.member-menu .dropdown-menu li a:hover{background-position: -480px -49px;}
.member-menu .dropdown-menu{position:absolute; width:50%;top: 48px; left:50%;}
.footer{ height: auto; background: none;}
.footer .container{ position:relative;background: #ec6c00;padding: 15px;}
.footer_right {border-left: 1px solid #FF9E49;float: left;padding-left: 15px;width: 58%; margin:0 0 0 150px;}
.footer_right a { color: #fffd00;font-weight: bold;}
.footer_right h3 {color: #fff;font-size: 15px;margin: 0;}
.footer_right p {color: #fff;font-size: 12px;line-height: 16px;margin: 5px 0 0;}
.footer_logo{ position:absolute;top:45px; left:15px; background:url(../../Images/logo.png) 0 6px no-repeat; background-size:100%; width:130px; height:40px; font-size:0;padding:0;}
.footer_twca {display: block;height: 74px; width:148px;margin: 10px 0 0; position:absolute; right:15px; top:7px; border-radius:4px;}
br.m{ display:none;}
.center{ text-align:center; margin-left:auto; margin-right:auto;}
.center .btn{margin-bottom:10px; margin-left:6px; margin-right:6px;min-width: 60px;}
.center dd .btn:last-child{margin-bottom:0;}
.center.nobottom .btn{margin-bottom:0; margin-left:10px; margin-right:10px;min-width: 100px;}
.col-lg-3.left{ width:20%;}
.col-lg-6.center{ width:50%;}
.col-lg-9.right{ width:80%;}
.col-lg-9.left{ width:70%; float:left;}
.col-lg-3.right{ width:30%;}
/*左邊menu*/
.left-side_title {background-color: #cc0000;padding: 5px 10px;color: #fff;font-size: 14px;font-weight: bold;}
.left-side_title i {color: #FFB8BA;font-size: 10px;padding-left: 15px;padding-top: 5px; font-style:normal;}
.hello-user {color: #b80a0d;font-size: 13px;padding: 10px;text-align: left;width: 100%; background-color:#FFF;}
.hello {font-size: 14px; display:inline;}
.left-side_menu_member ul {margin: 0;padding: 0;}
.left-side_menu_member ul li {border-bottom: 1px solid #ccc;color: #666;line-height: 28px;list-style: outside none none;margin: 0;padding: 0;}
.left-side_menu_member ul li:hover {border-bottom: 1px solid transparent;}
.left-side_menu_member ul li a {display: block;height: 29px;text-indent: 4px;width: 100%;color: #666;}
.left-side_menu_member ul li a:hover {color: #fff;text-decoration: none;z-index: 9999; background-color:#FF6600;}
.left-side_menu_sub ul {margin: 0;padding: 0;}
.left-side_menu_sub ul li {border-bottom: 1px solid #ccc;color: #666;line-height: 28px;list-style: outside none none;margin: 0;padding: 0;}
.left-side_menu_sub ul li:last-child, .left-side_menu_sub ul li:last-child:hover {border-bottom: none;}
.left-side_menu_sub ul li:hover {border-bottom: 1px solid transparent;}
.left-side_menu_sub ul li a {display: block;height: 29px;text-indent: 4px;width: 100%;color: #666;}
.left-side_menu_sub ul li a:hover {color: #fff;text-decoration: none;z-index: 9999; background-color:#FF6600;}
.left-side_menu_member ul li a b, .left-side_menu_sub ul li a b{ font-weight:normal; margin-left:5px;}

.left-side_menu_sub ul li.submenu ul.menu { display:none;}
.left-side_menu_sub ul li.submenu.open ul.menu {}
.left-side_menu_sub ul li.submenu ul.menu li { border-bottom:none;}
.left-side_menu_sub ul li.submenu ul.menu li a {text-indent: 7px; position:relative;}
.left-side_menu_sub ul li.submenu > a { background-color:#EEE;border-bottom: 1px solid #CCC; position:relative;}
.left-side_menu_sub ul li.submenu > a:hover, .left-side_menu_sub ul li.submenu > a:focus { text-decoration:none; color:#333;}
.left-side_menu_sub ul li.submenu > a::after {border-color: transparent transparent transparent #aaa;border-style: solid;border-width: 5px 0 5px 5px; content:' ';position: absolute;right: 5px;top: 9px;}
.left-side_menu_sub ul li.submenu.open > a::after {border-color: #aaa transparent transparent transparent;border-style: solid;border-width: 5px 5px 0; content:' ';position: absolute;right: 8px;top: 12px; width:0;}
.left-side_menu_sub ul li.submenu {border-bottom: 1px solid #FFF;}
.left-side_menu_sub ul li.submenu:hover {border-bottom: 1px solid #FFF;}

#mybanner{background-color: #F0F0F0;border-radius: 7px;margin: 15px 0;padding: 15px 0; box-shadow: 0 3px 5px rgba(0,0,0,0.2);border:2px solid #FFF;}
#mybanner img{ border:1px solid #FFF; width:160px; height:160px;}
/*右邊看板*/
.board_red {background-color: #fff;height: auto;margin-bottom: 15px;padding: 0;width: 100%;border: 1px solid #FFF; box-shadow:0 3px 5px rgba(0,0,0,0.20);}
.board_red_title h3 {background-color: #cc0000;padding: 5px 10px;color: #fff;font-size: 14px;font-weight: bold; margin:0;line-height: 1.42857;}
/*107A0089標題有url:.board_red_title a*/
.board_red_title a {background-color: #cc0000;color: #fff;font-size: 14px;font-weight: bold; margin:0;line-height: 1.42857;text-decoration: none;}
.board_red .nav a {color: #666;font-size: 12px;margin:5px 1px;padding: 5px;text-decoration: none; display:inline-block; *zoom:1; *display:inline;border-radius: 0;}
.board_red .nav a:hover {color: #FFF; background-color:#FF6600;}
.board_red .nav-tabs {border:none;}
.board_red .nav-tabs > li.active > a, .board_red .nav-tabs > li.active > a:hover, .board_red .nav-tabs > li.active > a:focus{ border:none;}
.board_red .nav-tabs > li.active > a{ color:#cc0000;}
.board_list .table { margin:0 0 5px;}
.board_list .table .region .date{ color:#777; font-size:11px; float:right; font-weight:normal;line-height: 1.7em;}
.board_list .table th { color:#000; background-color:#CCC; font-size:13px;}
.board_list .table td { color:#000; font-size:12px; white-space:nowrap;}
.board_list .table td.title {white-space: normal;}
.board_list_ETF .table { margin:0 0 5px;}
.board_list_ETF .table .region .date{ color:#777; font-size:11px; float:right; font-weight:normal;line-height: 1.7em;}
.board_list_ETF .table th { color:#000; background-color:#CCC; font-size:11px; font-weight:normal; text-align:center;}
.board_list_ETF .table td { color:#000; font-size:11px; white-space:nowrap; -webkit-transform:scale(0.91); vertical-align:middle;}
.board_list_ETF .table td.title {white-space: normal;}
.board_list_ETF .table-condensed > thead > tr > th,.board_list_ETF .table-condensed > tbody > tr > th,.board_list_ETF .table-condensed > tfoot > tr > th,.board_list_ETF .table-condensed > thead > tr > td,.board_list_ETF .table-condensed > tbody > tr > td,.board_list_ETF .table-condensed > tfoot > tr > td { padding:3px;}
.table td.up { color:#FF0000; text-align:right;}
.table td.down { color:#009900; text-align:right;}
.table td span.up { color:#FF0000;}
.table td span.down { color:#009900;}
.num, .table td.num, .table td .num, .child .dtr-data { text-align:right; font-family:"Century Gothic","微軟正黑體"; font-weight: normal;}
.num_ETF, .table td.num_ETF, .table td .num_ETF { font-size:11px; -webkit-transform:scale(0.91); text-align:right; font-family:"Century Gothic","微軟正黑體"; font-weight: normal; }
.table th.time, .table th .time, .table td.time, .table td .time { font-family:"Century Gothic","微軟正黑體"; font-weight: normal;}
.table td.num .time{ font-size:12px; font-family:"Century Gothic"; color: #AAA;letter-spacing: 0.8px;}
.table td.normal { color:#666; text-align:center;}
.table td.left {text-align:left;}
.table dl { margin-bottom: 0px;}
.table td dl dd.up { color: #FF0000; text-align: right;}
.table td dl dd.down { color: #009900; text-align: right;}

.board_list .table td a:hover { color:#cc0000; text-decoration:none;}
.board_list_ETF .table td a:hover { color:#cc0000; text-decoration:none;}
.fund_info{color:#888; font-size:11px; padding:0 5px 5px; display:block;}
/*中間看板*/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: 0 auto;text-align: center;}
.carousel-control.right{ background-image: none;}
.carousel-control.left{ background-image: none;}
.carousel{ margin:0 0 15px;}
.news_list_left {float: left;margin: 10px 0 0 2%;width: 20%;}
.news_list_right {float: right;width: 78%; overflow:hidden;margin: 10px 0 0 0;}
.news_home { margin:0 0 15px;}
.news_home .nav-tabs > li {float: left;height: 35px;margin-bottom: -1px;width: 33.3%; outline:none; overflow:hidden;padding: 0 3px;}
.news_home .nav-tabs > li > a {border: 0 solid transparent;margin: 0 auto;padding-top: 8px; text-align:center;height: 35px;border-image: none; background-color:#efefef; outline:none; color:#666; white-space:nowrap;}
.news_home .nav-tabs > li > a:hover {color:#CC0000; background-color: #FFE2E3;}
.news_home .nav-tabs > li.active > a, .news_home .nav-tabs > li.active > a:focus, .news_home .nav-tabs > li.active > a:hover {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #de8319 0%, #c72408 100%) repeat scroll 0 0;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;color: #fff;padding-top: 8px; overflow:hidden; outline:none;}
.news_list {background-color: #fff;border-color: #e80000 #ccc #ccc;border-image: none;border-style: solid;border-width: 2px 1px 1px;display: block;min-height: 150px;overflow: hidden;padding: 5px;}
.news_list_right ul {margin: 0;padding: 0;}
.news_list_right li {float: right;font-size: 15px;line-height: 15px;list-style: outside none none;margin: 3px;padding-left: 25px;width: 100%;background: url(../../Images/icon10.gif) no-repeat 5px 4px; text-align:left;}
.news_list_right li a {color: #3681be;cursor: pointer;font-size: 15px;line-height: 17px;padding-top: 2px;}
.news_list_right li a:hover {color: #cc0000; text-decoration:none;}
.news_list_right .btn { float:right; margin:10px;}
/*會員登入*/
.gray_gradient_bg {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(221,221,221,0.65) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.65)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(221,221,221,0.65) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(221,221,221,0.65) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(221,221,221,0.65) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(221,221,221,0.65) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dddddd', endColorstr='#00ffffff',GradientType=0 );
padding:10px; border-top-left-radius:7px; border-top-right-radius:7px;}
.gray_gradient_bg .titleimg{ position:relative;}
.gray_gradient_bg .titleimg b{ position: absolute; right:20px; font-size:22px; bottom:5px; color:#FFF; text-shadow:0 0 6px rgba(0,0,0,0.4);font-style:normal;}
.gray_gradient_bg .titleimg i{ margin: 0 10px 0 0; font-size:12px; color:#FFF; font-weight:bold; font-family: "Century Gothic"; text-shadow:0 0 5px rgba(0,0,0,0.4);}
.gray_gradient_bg .titleimg img{ width:100%; height: auto; border-radius:5px; border:1px solid #FFF;}
.article h2 {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;border: 1px solid #ccc;border-radius: 0.3em;color: #d41900;font-size: 16px;font-weight: bold;margin: 8px 0;padding: 8px 12px;}
.article h3 {color: #333;font-size: 15px;font-weight: bold;margin: 10px 0;padding: 8px 12px;line-height: 1.5em;}
.panel.member{ width:70%; margin:20px auto;}
.panel.member .col-md-7.left{ border-right:1px solid #D9D9D9; min-height:130px;}
.panel.member .form-group{ float:left;}
.panel.member .form-inline .form-group{ float: none;}
.panel.member select.form-control{ margin:0 auto; width:auto;padding: 6px 1px;}
.panel.member label{ margin:15px auto;}
.panel.member label.m5{ margin:5px auto;}
.panel.member label.w100{ width:100%;}
.panel.member label.col-sm-2{ margin:5px 0; white-space:nowrap; line-height:2.2em; padding:0 3px; width:auto;}
.panel.member .col-sm-10{ width:auto; padding:0 2px 0 6px; margin:5px 0;}
.panel.member .list-group{ margin:15px auto; color:#CC0000}
.panel.member .keyboardDis, .panel.member .forgotPWD{ float:right; margin:0 0 0 20px;}
.alert-default { border-color: #EEE; background-color:#FFF;}
.alert-default strong { color: #CC0000;}
.alert-default ol { margin:10px 0;}
.alert-default ol li { line-height:2em; font-size:16px; color:#333333;}
b.name{ color:#0098ba; font-weight:normal;}
/*Myezmoney*/
.reciprocal{ float:right; margin:0 15px;}
.reciprocal b{ color:#d41900; font-weight:normal;}
.alert.alert-default.small { padding:10px 15px; margin:20px 15px;}
.alert.alert-default.small .btn {margin:-2px 0 0;}
.article .row.tablelist{margin:0 30px 30px;}
.article h4.title{ color:#FFF; padding:7px 15px; font-size:15px; background-color:#FF6600; border-radius:7px; margin:10px -5px;}
.article .row.tablelist .table th{ background-color:#eee;}
.article .row.tablelist .table-hover > tbody > tr:hover  {background-color: #FFF6E2;}
.article .row.tablelist .table-hover > tbody > tr:hover th  {background-color: #DDD;}
.toolbar{margin: 0 0 10px;}
.toolbar .btn{margin: 0 10px;}
.subtotal, .total{ background-color:#F5F5F5;}
.table.center th{ text-align:center;}
.table.dl-horizontal dt { display:none; color:#000;}
.table.dl-horizontal dd { margin:0; font-weight:normal;}
.table.dl-horizontal.hr_Slash dd hr  {margin: 8px -8px; border-color:#ddd;}
.table.dl-horizontal .manager dd hr{margin: 1px -8px; border-color:#ddd;}
ul.list_info {margin: 0;padding: 0;}
.list_info li {float: right;font-size: 15px;line-height: 15px;list-style: outside none none;margin: 3px;padding:5px 5px 5px 25px;width: 100%;background: url(../../Images/icon10.gif) no-repeat 5px 7px; text-align:left; border-bottom:1px solid #EEE;}
.table.middle > tbody > tr > th, .table.middle > tbody > tr > td, .table-bordered > thead > tr > th { vertical-align:middle;}
.list_info li:last-child {border-bottom: none;}
.list_info li a {color: #3681be;cursor: pointer;font-size: 15px;line-height: 17px;padding-top: 2px;}
.list_info li a:hover {color: #000; text-decoration:none;}
.list_info li .date {color: #999; margin:0 0 0 15px; font-size:13px; float:right;}
/*訂閱 / 取消電子報*/
.article_info p{line-height: 2em;margin: 20px;}
.article_info li{line-height: 2em;margin: 7px 15px;}
.nowarp{ white-space:nowrap;}
.middle, .table > tbody > tr > td.middle{ vertical-align:middle;}
.red{ color:#CC0000;}
.sred{ color: #FF0000;}
.green{ color: #28B000;}
.gold{ color: #FCAC00;}
.blue{ color: #00A1FC;}
.bg-gray{ background-color: #FAFAFA; border-color:#CCC; line-height:2em;}
.space{ display:block; padding:20px 0;}
/*開戶會員*/
.btn-register{ color:#00B79D; font-size:18px; width:400px; height:125px; text-align:left; display:block; margin:20px auto; line-height:100px; font-weight:bold; padding:10px; border:2px solid #00B79D; border-radius:10px;}
.btn-register b{display: block;float: left;height: 100px;line-height: 1.6em;padding: 18px 0;width: 235px;}
.btn-register:hover{ background:#ff8400 url(../../Images/select.png) right bottom no-repeat; color:#FFF; text-decoration:none; border:2px solid #FFEFA0;}
.btn-register img{ float:left; margin:0 20px 0 0; border-radius:120px; overflow:hidden;}
.member_clause {background: #fff none repeat scroll 0 0;border: 1px solid #a5acb2;height: 300px;margin: 15px 20px 25px;overflow: auto;padding: 5px 10px;}
.input-table.table > tbody > tr > th{ white-space:nowrap; text-align:center; vertical-align:middle;}
.mtop{ margin-top:10px;}
.mbtom{ margin-bottom:10px;}
.form-inline i{ padding:0 8px 0 5px;}
.table input[type="radio"], .table input[type="checkbox"] {margin: 5px;}
.article .row.tablelist .table.m100.showth thead th.info{ background-color: #FFE4E4; font-weight:normal; font-size:13px;}
.fax{margin:5px 0 5px 24px;}
.gap{display:inline; margin:0 5px;}
.w50{ width:50%;}
.w45{ width:45%;}
.mh20{ margin:20px auto;}
.line_lg{ background-color:#eee; display:block; width:100%; height:5px; margin:15px auto;}
.info{ color:#999; font-size:12px;}
.info.red{ color:#CC0000;}
.m_rc{ text-align:right;}
.btn-delete { color: #FFF;background-color: #396784;border-color: #396784;}
.btn-delete:hover { color: #FFF;background-color: #333;border-color: #000;}
.form-control.zipcode {width: 60px;}
.letters { line-height:2em;}
/*other*/
.s_index{ display:none;}
.table > tbody > tr.modify_now{ background-color:#c7faf8;}
.m_m, .m_s, .m_sb, .m_st{ display:none;}
.going{ color:#0074FF;}
.ok{ color:#FF0004;}
.form-inline hr {margin: 8px -8px; border-color:#ddd;}
.nodata { padding:15px; color:#CC0000; font-size:15px;}
.table:last-child{ margin-bottom:0;}
.table > tbody > tr > td.contains{ background-color:#CCC; display:none; padding:17px 17px 0;}
a.show_message.open, a.show_message:hover, a.show_message:focus{ color:#CC0000; text-decoration:none;}
.cpager{float: left;padding: 20px 5px 0;width: 100%; position:relative;}
.cpager .light-theme a, .cpager .light-theme span{ font-size:13px;}
.cpager .first, .cpager .Last{ display:none;}
.cpager b.info{color:#5d5d5d; font-size:12px; position:absolute; right:0;top: 23px;}
.cpager.center{ float:none;}
.center .simple-pagination {display: table;margin: 0 auto;}
.pinfo_right{float:left; line-height:30px; padding:30px 20px; /*background-color:#eee;*/ height:188px; width:100%; margin:5px;}
.pinfo_right.h_auto{line-height:40px; height:auto; min-height:188px;}
.pinfo_right2{float:left; line-height:30px; padding:5px 20px; background-color:#EFEFEF; height:auto; width:100%; margin:5px;}
/*基金中心*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{ margin:0 auto 10px; text-align:center;}
.owl-wrapper .owl-item .item{ margin:0 auto; text-align:center;}
.owl-wrapper .owl-item .item img{ margin:12px; width:40%;}
.synced .btn-default {background-color: #CC0000;border-color: #AA0000;color: #fff;}
#ecard2 .item img{cursor:pointer;}
#ecard2 .item img.selected{ border:5px solid #000; box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}
.hidden { display: none; }
.filter-table .quick { margin-left: 1em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt { background-color: rgba(255, 255, 0, 0.08); }
.warning{font-size: 16px;font-weight: bold; color:#CC0000; letter-spacing:0.1em; margin:10px 20px 10px; display:block;}
.slogan{font-size: 14px;font-weight: normal; color: #FF7E00; letter-spacing:0.1em; margin:10px 20px; display:block;}
.funds_select{ float:right; margin:0 10px; text-align:right;}
.table ul{ padding-left: 18px;}
.table ol:last-child, .table ul:last-child{ margin-bottom:0; line-height:1.7em;}
.report_list {background-color: #fff;display: block;padding: 5px;}
.report_list ul {margin: 0;padding: 0;}
.report_list li {font-size: 15px;list-style: outside none none;margin: 3px;padding:0 0 5px 25px;width: 100%;background: url(../../Images/icon10.gif) no-repeat 5px 4px; text-align:left; border-bottom:1px dotted #CCC;}
.report_list li:last-child { border-bottom: none;}
.report_list li a {color: #3681be;cursor: pointer;font-size: 15px;line-height: 17px;}
.report_list li a:hover {color: #cc0000; text-decoration:none;}
.report_list li a .time {color: #999;line-height: 17px; float:right; font-family:"Century Gothic","微軟正黑體"; margin:3px 0 0;}
i.time {color: #999;font-family:"Century Gothic","微軟正黑體"; font-style:normal; font-size:12px;}
.funds_menus{margin: 0 20px 10px; line-height:2.2em; letter-spacing:0.04em;}
.funds_menus a:hover{text-decoration:none; color:#CC0000; border-bottom:2px solid;}
.funds_menus a.active{ color:#FFF; border-bottom:0; background-color:#FF6600; padding:1px 5px;}
.funds_menus a.active:hover{ cursor:default;}
.d50{ width:50%; margin:0 auto;}
.d75{ width:75%; margin:0 auto;}
.panel-body{ line-height:2em;}
.responsive th{ font-size:13px;}
table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting::after, table.dataTable thead .sorting_desc::after{ font-size:12px;}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after{ color:#CC0000;}
.info_list {background-color: #F2F2F2;display: block;padding: 15px; border:1px solid #CCC; border-radius:4px;}
.info_list ul {margin: 0;padding: 0;}
.info_list li {font-size: 14px;list-style:none;margin: 3px;padding:0 0 5px 25px;width: 100%;background: url(../../Images/icon10.gif) no-repeat 5px 4px; text-align:left;}
table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before{ background-color: #0071CD; content:'▾';}
table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before{ background-color: #FF9E00; content:'▴';}
table.dataTable td.child{ padding-left:88px; background-color: #FFF8F2;}
table.dataTable > tbody > tr.child ul{ width:100%;}
table.dataTable > tbody > tr.child ul li:first-child{ padding:0;}
table.dataTable > tbody > tr.child ul li{ padding:0;border-bottom:1px solid #999;}
.table.dl-horizontal .funds_name dd{ font-weight:bold; font-size:15px;}
/*統一觀點*/
.table.center.w_auto{width: auto;}
.article .row.tablelist .table.noborder > tbody > tr > th, .article .row.tablelist .table.noborder > tbody > tr > td{ border:none; background-color:transparent;}
.list_box h3.line{ border-bottom:1px solid #DDD; line-height:1.7em; margin:0 10px 20px; padding:5px;}
.list_box .area{ border:1px solid #DDD; background-color:#F2F2F2; line-height:1.7em; margin:0 10px 10px; padding:5px;}
.list_box .listing .listing_content{ margin:0 10px 20px; line-height:2em; border-bottom:1px solid #DDD; padding:0 0 10px; position:relative;}
.list_box .listing .listing_content p{ margin:20px 0;}
.list_box .listing .listing_content .fb{ margin:20px 0; height:30px; display:block; overflow:hidden; position:absolute; bottom:0;}
.list_box .listing .listing_content img{ margin:5px auto;}
.list_box .listing .listing_content .scaleW{ display:block; width:100%; overflow-x:scroll;}
.list_box .listing:last-child .listing_content{border-bottom:none;}
.toolbar.article_info{margin: 10px; padding: 10px;}
.content_box .slide_box{ border-bottom:1px solid #EEE;}
.content_box .slide_box:hover{ border-bottom:1px solid #CCC;}
.content_box .question{ text-decoration:none;}
.content_box .question:hover h3, .content_box .question:focus h3{ color:#CC0000;}
.content_box .question h3{ background:url(../../Images/icon26.gif) no-repeat 11px 0;line-height: 20px; padding-left:54px;color: #337ab7;}
.content_box .slide_content { background:#F2F2F2 url(../../Images/icon27.gif) no-repeat 10px 10px;line-height: 32px;padding: 20px; border:1px solid #CCC; border-radius:5px; display:none; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.content_box .slide_content p:first-child{text-indent: 38px;}
.content_box .slide_content img{ margin-top:25px;}
.content_box .slide_content table{ background:#FFF; margin-top:35px;}
/*投資屬性分析*/
#Quests{ margin:0; padding:0;}
#Quests .quest{list-style:none; margin:0 auto; background:url(../../Images/img04.jpg) no-repeat right bottom; min-height:230px; display:none;}
#Quests .quest.show{display: block;}
#Quests .quest h5{ color:#CC0000; border:1px solid #FFF; border-width:1px 1px 0; background:#F2F2F2 url(../../Images/icon26.gif) no-repeat 10px 10px; border-radius:7px;padding:20px 20px 20px 55px; line-height:1.5em; position:relative; width:100%; box-shadow:0 -2px 10px 2px rgba(0,0,0,0.15); margin:0 0 20px;}
#Quests .quest h5::after{border-color: #F2F2F2 transparent transparent transparent;border-style: solid;border-width: 15px 15px 0 15px; content:" "; position:absolute; bottom:-15px; right:115px; width:5px; height:5px;}
#Quests .quest h5::before{background: url(../../Images/icon27.gif) no-repeat 10px 10px; content:" "; position:absolute; left:1px; width:50px; height:50px;bottom: -55px;}
#Quests .quest.start h5::before{background: none;}
#Quests .quest.start h5{ background:#F2F2F2 none; padding:20px;}
.panel.member #Quests .quest label{ background-color: rgba(255,255,255,0.9); padding:0 0 15px 58px; margin:0; line-height:1.5em;}
#Quests	.quest.start .space{ width:70%; margin:22px 30% 0 0;}
.btns .btn:focus{ outline:none;}
.btns .popover{ color:#cc0000; font-weight:bold;}
#Quests	.quest.start button.start{ background:url(../../Images/btn13.png) center center no-repeat; width:180px; height:75px; border:none; color:transparent;}
.progress-bars{ margin:20px 0 0;}
.progress-bars .progress{ margin:0 0 5px;}
.table td.num.no{ background-color:#EEE; text-align:center; line-height:2em;}
.report_box_title {position: relative; width:263px; margin:15px 0;}
.report_score {border: 2px solid #ddd; border-width:2px 2px 2px 0;border-radius: 0 7px 7px 0;color: #d41900;line-height: 3em;overflow: hidden;padding: 6px;position: absolute;right: 0;top: 0;width: 87px; height:58px; text-align:center;}
.report_score .score {font-size: 42px; font-family:"Century Gothic";}
.report_tip {border-radius: 7px;overflow: hidden;padding: 0;width: 100%; background-color:#CCC; margin:25px 0;}
.report_tip p{color: #333;padding:10px; margin: 0 0 0 34px; line-height:1.7em; background-color:#F2F2F2; position:relative; min-height:67px;}
.report_tip b{color: #FFF;padding:0 10px;width: 34px; margin:0; position:absolute;left: -32px; top:10px;}
/*星座理財*/
.zodiac{ margin:0 auto; text-align:center; position:relative;padding: 0;}
.zodiac li{ list-style:none;display: inline-block; *zoom: 1; *display: inline; margin:20px;}
.zodiac li a.zodiac_img{ width:142px; height:70px; display:block; float:left; font-size:0;}
.zodiac .zinfo{ position: absolute; width:502px; height:124px; border:1px solid #CCC; border-radius:7px; box-shadow:0 4px 6px rgba(0,0,0,0.3); overflow:hidden;display:none;}
.zodiac .zinfo span{ width:250px; height:123px; display:block; float:left; text-align:left; padding:40px 20px 0 18px;}
.zodiac .zinfo span.left{ background:url(../../Images/zodiac/zodiac.png) no-repeat -5px -1px;}
.zodiac .zinfo span.right{ background:url(../../Images/zodiac/zodiac.png) no-repeat -248px -1px; float:right;}
#zodiac_select{text-align: right;}
.zodiac_head{margin: 19px 0 30px; position:relative;}
.zodiac_head img{margin: 0 10px; position:absolute; top:-20px;}
.zodiac_head span{text-align: right;color: #FFF;background: #f4a306;display: block;line-height: 1.7em;padding: 2px 5px;}
.zodiac_body{display: block;line-height: 2em;padding: 13px 15px;}
.zodiac_body H4 {color: #d41900;display: block;font-size: 15px;padding: 10px 0 5px; font-weight:bold;}
.tiles-wrap > li { width:250px;padding: 3px 3px 10px; list-style:none;}
.tiles-wrap > li .title { background:url(../../Images/sitemapBox_title_bg.png) no-repeat right 0; display:block; width:100%; overflow:hidden; border-radius:5px;height: 27px; color:#FFF; font-weight:bold; font-size:15px; text-indent:10px;}
.tiles-wrap > li ol{ margin:0; padding:0 10px;}
.tiles-wrap > li li{ list-style:none; padding:2px 0;}
.tiles-wrap > li li a{ color:#333; font-size:14px;line-height: 1.8em; display:block; width:100%;}
.tiles-wrap > li li a:hover{ color:#CC0000; text-decoration:none; padding:0 0 0 5px; background-color:#FFE6E7;}
.tiles-wrap > li li ul{ margin:0; padding:0 2px; border: 1px solid #EEE; border-width:1px 0; background-color:#F9F9F9;}
.tiles-wrap > li li ul li a:before{ content:'▸ '; color:#CCC;}
.tiles-wrap > li li ul li a:hover:before{ color:#CC0000;}
.col-md-6.nopadding{ padding:0;}
.pitc_achi_table{ margin:10px auto; width:100%;}
.pitc_achi_table  th{background: rgb(251,223,147);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmJkZjkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZjhiNTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNjZDRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(251,223,147,1) 0%, rgba(248,181,0,1) 49%, rgba(252,205,77,1) 50%, rgba(252,234,187,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(251,223,147,1) 0%,rgba(248,181,0,1) 49%,rgba(252,205,77,1) 50%,rgba(252,234,187,1) 100%);
background: linear-gradient(45deg,  rgba(251,223,147,1) 0%,rgba(248,181,0,1) 49%,rgba(252,205,77,1) 50%,rgba(252,234,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdf93', endColorstr='#fceabb',GradientType=1 );
vertical-align: top; width:90px; font-weight:normal; border:2px solid transparent; box-shadow: 0 3px 5px rgba(106,72,0,0.7); border-radius:2px;}
.pitc_achi_table  td{ padding:10px; line-height:2em;}
.pitc_achi_table td ul { margin:0; padding:0;}
.pitc_achi_table td ul li {background: url("../../Images/icon46.gif") no-repeat left 5px;color: #d41900;line-height: 2em;padding: 0 0 0 21px; list-style:none;}
.pitc_achi_table td ul li li{background: none;color: #333;line-height: 2em;padding: 0;}
.pitc_achi_year {color: #FFF;display: block;font-family: Century Gothic,"Courier New",Courier,monospace;font-size: 48px;text-align: center;text-shadow: 0 2px 3px rgba(106,72,0,0.7);}
.pitc_achi_title {color: #333;font-weight: bold;padding: 3px 0;}
.btn-success{background-color: #337ab7;border-color: #2e6da4;}
.btn-success:hover{background-color: #286090;border-color: #204d74;}
.alert-success{background-color: #DCF3FF;border-color: #C5E5FF;color: #006699;}
label.sample{ color:#999; margin:0 10px; font-size:13px;}
#foot_certificate{ position:absolute; width:110px; height:110px; right:12px; top:12px;}
.cjk-ideographic > li{ list-style:cjk-ideographic; margin:7px 0;}
.alert > p, .alert > ul{ line-height:1.8em;}
.datepicker{ z-index:9999;}
/*ETF系列*/
.etf-panel-title {font-size: 20px;}
hr.underline {border-color:#e80000; margin-top: 5px; margin-bottom: 5px;}
.mt-15 {margin-top: 15px;}
.br-right {border-right: 1px solid #ddd;}
.row-list__container {border: 1px solid #ccc;}
.row-list { display: flex;}
.row-list:not(:last-child) { border-bottom: 1px solid #ccc;}
.rl-group { flex-grow: 1; display: flex; justify-content: flex-start;}
.rl-group > * { padding: 5px 5px 5px 10px;}
.rl-group:nth-child(n+2) { border-left: 1px solid #ccc;}
.rl-title { flex-shrink: 0;background-color: #eee; font-weight: bold; width: 150px; border-right: 1px solid #ccc;}
.rl-content.fixed {width: 150px;}
.readmore-block {display: block; height: 30px}
.break-all {word-break: break-all;}
.table-tight>tbody>tr>th, .table-tight>tbody>tr>td {padding:5px 3px;}
.table-tight>thead>tr>td, .table-tight>thead>tr>th {padding:6px 6px;}
.td-xs-show {border-top: 1px solid #ccc;display: block;margin-top:5px;padding-top:5px;}
.td-xs-show.up {color: #FF0000;}
.td-xs-show.down {color: #009900;}
dd.stime {font-family:"Century Gothic","微軟正黑體";font-size: 13px; word-wrap:break-word; }
.dd-black {display: block; color: black;}
.left-side_menu_member ul.quick-link li a, .left-side_menu_sub ul.quick-link li a {line-height: 32px;height: 32px;}
.etf-alert {margin-bottom:0;}
.mr10 {margin-right: 10px;}
.lh32 {line-height: 32px;}
.pos_rel {position: relative;} /* 為了讓 validationEngine 支援 JQuery 3.2.1 以上不跑掉提示框位置而建立的 css */
/* 多筆下單右側按鈕 */
/*.div_right_slideUp {border-top: 1px solid #ddd;border-right: 1px solid #ddd;height:154px;padding-top: 30px;padding-left: 30px;}
.div_right_slideDown {border-top: 1px solid #ddd;border-right: 1px solid #ddd;height:256px;padding-top: 30px;padding-left: 30px;}*/

@media (min-width: 768px) {
	body > .container {padding: 160px 15px 10px;}
	.caret {display:none;}
	ul.nav li.dropdown:hover > ul.dropdown-menu {display:block;}
    /*107A0089基金淨值看板大畫面時要出現scrollbar*/
    .board_member_clause {background: #fff none repeat scroll 0 0;border: 0px solid #a5acb2;height: 310px;margin: 0px 0px 0px;padding: 0px 0px;overflow:auto;}
    .board_member_clause::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;}
    .board_member_clause::-webkit-scrollbar-thumb {background-color: #a5acb2;}
}
@media (max-width: 1200px) {
	body > .container {padding: 160px 15px 10px;}
	.navbar-default .navbar-nav > li > a{width: 134px;text-indent:13px;}
	.navbar-default .navbar-nav > li > a.ETF{text-indent:32px;}
	.navbar-default .navbar-nav > li > a i:not(.fa){left: -3px;}
	.container > .navbar-header{width:970px;margin-left: -15px;margin-right: -15px;}
	.col-lg-3.left, .col-lg-6.center, .col-lg-9.right, .col-lg-3.right{ float:left;}
    .col-md-3.left.left-etf{ width:30%;}    
	.col-md-9.right.right-etf{ width:70%;}
	.news_list_left {width: 20%;}
	.news_list_right {width: 74%;}
	.panel.member{ width:90%;}
	.article .row.tablelist{margin:0 10px 10px;}
	.input-table.table > tbody > tr > th{ white-space: normal; min-width:10%; font-size:13px;}
	.ext{ margin-top:10px;}    
}
@media (max-width: 991px) {
	body > .container {padding: 160px 15px 10px;}
	/*.navbar-default .navbar-nav > li > a{width: 102px; padding:5px 0;text-indent: 3px;}*/
	.navbar-etf>.navbar-nav>li {margin: 0;}
	.navbar-default .navbar-nav > li > a{width: 102px; padding:15px 0;text-indent: 34px;}
		.navbar-default .navbar-nav > li > a.ETF {width: 180px;text-indent: 16px;padding: 5px 20px 3px;}
	/*.navbar-default .navbar-nav > li > a b{ font-size:8px;}*/
	.navbar-default .navbar-nav > li > a:not(.ETF) b{ font-size:8px;display:none;}
	/*.navbar-default .navbar-nav > li > a i:not(.fa){ left:-2px;background-image: none;}*/
	.navbar-default .navbar-nav > li > a i:not(.fa){ left:-2px;}
	.container > .navbar-header{width:750px; background-size:auto;margin-left: -15px;margin-right: -15px;}
	.header_slogan {left: 500px;top: 36px;}
	/*.left-side_menu_member, */#mybanner{ display:none;}
	.col-lg-9.left{ width:100%; clear:both;}
	.col-lg-6.center{ width:100%;}
	.col-lg-3.right,.col-lg-9.right,.col-md-9.right.right-etf{ width:100%; padding:0 5px;}
	.news_list_left {width: 14%;}
	.news_list_right {width: 83%;}
	.panel.member{ width:80%;}
	.panel.member .col-md-7.left{ border:none; min-height:100px;}
	.panel.member .col-md-5.right{ border-top:1px dashed #D9D9D9; margin-top:15px;float: left;}
	.panel.member select.form-control{padding: 6px 12px; width:100%;}
	.panel.member .form-group{ float: none;}
	.panel.member label.col-sm-2{ width:10%; float:left; text-align:center;}
	.panel.member label.col-sm-2:first-child{float: none; display:block;}
	.panel.member .col-sm-10{ width:90%; float:left;}
	.footer_twca {background-size:100%; width:134px; height:74px;top:80px;}
	.footer_twca .SMALL #twcad2{left:-52px;}
	.input-table.table > tbody > tr > th{ white-space: normal; width:80px;}
	.input-table.table > tbody > tr > th.nowarp{ white-space: normal; width:50%;}
	.m_s{ display:inline;}
	.m_sb{ display: block;}
	.m_st{ display: table-row;}
	/*第三層MENU*/
	.col-lg-3.left,.col-md-3.left.left-etf{ position:relative; width:100%;margin-top:-13px; height:55px; padding:0;}
	.col-lg-3.left.open{ overflow:visible;}
	.sub-menus{position: fixed;width: 750px;z-index: 999;height: auto;  cursor:pointer;-webkit-transition: margin-top 0.5s, -webkit-transform 0.5s;transition: margin-top 0.5s, transform 0.5s; box-shadow:0 5px 7px rgba(0,0,0,0.2);margin-top:-2000px;}
	.sub-menus > div{background-color: #fff;border: 1px solid #C00; border-width:0 0 1px;}
	.sub-menus > div:first-child{ border-width:0;}
	.sub-menus ul li a{ height:35px;line-height:35px;}
	.sub-menus.open{position: relative;}
	.sub-menus .left-side_menu_sub .left-side_title{height:28px; line-height:15px;bottom: -28px;position: absolute;right: 56px; background-color:#A00; box-shadow:0 2px 2px rgba(0,0,0,0.2);}
	.sub-menus .left-side_menu_sub .left-side_title i{ display:none;}
	.sub-menus .left-side_menu_sub .left-side_title:hover{background-color:#CC0000;}
	.sub-menus.open .left-side_menu_sub .left-side_title{position: relative;right: 0; top:0; line-height:28px;height:35px; background-color:#CC0000;}
	.sub-menus.open .left-side_menu_sub .left-side_title i{ display:inline;}
	.sub-menus > .openM, .sub-menus > .closeM{background-color: #C00;bottom: 0;color: #fff;display: block;float: right;font-size: 28px;height: 45px;margin: -1px auto -44px;padding:9px;width: 45px; border-radius: 0 0 24px 24px;right: 13px; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
	.sub-menus.open > .closeM, .sub-menus > .openM:hover{ display:block;background-color: #CC0000;}
	.sub-menus.open > .openM, .sub-menus > .closeM{ display:none;}
	.col-md-6.nopadding .pull-left, .col-md-6.nopadding .pull-right{ float:none !important; text-align:center;}
	.pitc_achi_table{ margin:10px 0; width:100%;}
	.pitc_achi_table th{ width:60px;}
	.pitc_achi_table img.pull-right{ display:block; float: none !important;}
	.pitc_achi_year {font-size: 32px; font-weight:bold;}
	/* ETF */
	.etf-alert{margin-bottom: 10px;margin-top: 20px;}
    /* 多筆下單右側按鈕 */
    /*.div_right_slideUp {border-top: 1px solid #ddd;border-right: 1px solid #ddd;height:158px;padding-top: 30px;padding-left: 30px;}
    .div_right_slideDown {border-top: 1px solid #ddd;border-right: 1px solid #ddd;height:258px;padding-top: 30px;padding-left: 30px;}*/
}
@media (max-width: 767px) {
	body > .container {padding: 67px 15px 10px;}
	.navbar-fixed-top{ top:0;}
	.navbar-etf {text-align: left;}
	.navbar-etf>.navbar-nav {display: block;}
	.container > .navbar-header{ background:none; top:0; height:50px; width:100%;}
	.navbar-default .navbar-nav > li > a i:not(.fa){ background-image: url(../../Images/bg-m.png); }
	.navbar-default > .container{ background:none;}
	.navbar-brand{ background-size:70%;left: 10px;top: 5px;}
	.header_slogan, .mini_menu_top_right { display:none;}
	.navbar-default{
		background: #d61800;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDYxODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5OTYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg,  #d61800 0%, #f99600 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d61800), color-stop(100%,#f99600));
		background: -webkit-linear-gradient(-45deg,  #d61800 0%,#f99600 100%);
		background: -o-linear-gradient(-45deg,  #d61800 0%,#f99600 100%);
		background: -ms-linear-gradient(-45deg,  #d61800 0%,#f99600 100%);
		background: linear-gradient(135deg,  #d61800 0%,#f99600 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61800', endColorstr='#f99600',GradientType=1 );
	}
	.navbar-nav {margin: 7.5px -15px;}
	.navbar-default .navbar-toggle{ border:none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#990707;}
	.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a.ETF{ width:100%; background:#EEE;height: 45px;line-height: 40px; padding:5px 22px;text-indent: 32px;}
	.navbar-default .navbar-nav > li > a b{ display: inline; margin: 0 0 0 10px; font-size:12px;}
	.navbar-default .navbar-nav > li > a i{ display: block;}
	.navbar-collapse.in{ background:#EEE;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
	.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: #f19c30;}
	.navbar-nav .dropdown-menu, .navbar-nav .open .dropdown-menu{padding: 0;position: static; width:100%;float: none;}
	.navbar-nav .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a{ height:35px; line-height:25px;border-bottom: 1px solid #ccc;border-top: 1px solid #fefefe;color: #777;background:#EEE;padding: 5px 15px 5px 25px;}
	.navbar-default .navbar-nav .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {background: #EEE url(../../Images/bg.png) -462px -13px no-repeat; text-indent:30px;}
	.dropdown-submenu > a::after{ top:7px;}
	.navbar-default .navbar-nav .dropdown-submenu .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {background: #FFF url(../../Images/bg.png) -434px -13px no-repeat; text-indent:60px;border-bottom: 1px solid #EEE;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {background: #ff8400 url(../../Images/bg.png) -462px -51px no-repeat; color:#FFF;}
	.navbar-default .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a:focus {background: #ff8400 url(../../Images/bg.png) -434px -51px no-repeat; color:#FFF;}
	.navbar-default .navbar-nav .open .dropdown-menu>.dropdown-submenu.open>a{color:#FFF;background: #ff8400 url(../../Images/bg.png) -462px -51px no-repeat;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:340px;margin-top: 50px;}
	.member-menu{ display: block;}
	.mstock{display: block;text-indent: 73px;}
	.footer_logo{ display:none;}
	.footer_right {border-left: none;float: left;padding-left: 0;width: 100%; margin:0;}
	br.m{ display: inline;}
	.hello { width:83%; display:block;}
	.news_list_left { display:none;}
	.news_list_right {width: 98%; float:left; margin-left:10px;}
	.col-lg-3.right{ margin: 0;}
	.glyphicon-member {background: url(../../Images/bg.png) -18px -80px no-repeat;display: block;height: 26px;width: 26px;margin: -5px 0;}
    .glyphicon-line {background: url(../../Images/bg.png) -18px -228px no-repeat;display: block;height: 26px;width: 26px;margin: -5px 0;}
	.glyphicon-fb {background: url(../../Images/bg.png) -18px -154px no-repeat;display: block;height: 26px;width: 26px;margin: -5px 0;}
	.glyphicon-IT {background: url(../../Images/bg.png) -403px -80px no-repeat;display: block;height: 28px;width: 28px;margin: -5px 0;}
	.glyphicon-ETF {background: url(../../Images/bg-m.png) -153px -153px no-repeat;display: block;height: 28px;width: 28px;margin: -5px 0;}
	.panel.member{ width:100%;}
	.gray_gradient_bg .titleimg{ width:100%; overflow:hidden; border-radius:5px; border:1px solid #FFF;}
	.gray_gradient_bg .titleimg img{ width:auto; border-radius:0; border: none;}
	.gray_gradient_bg .titleimg b{font-size:18px; text-shadow:0 0 8px rgba(255,255,255,0.8); color:#000;}
	.gray_gradient_bg .titleimg i{font-size:10px; right:100px; display:none;}
	.reciprocal{ float: none; display:block; margin:0;}
	.article .row.tablelist .table.m50 th, .article .row.tablelist .table.m50 td{ display: block; width:50%; float:left; border:none;border-top: 1px solid #ddd; font-size:14px;}
	.article .row.tablelist .table.m100 tr{ border-bottom:1px solid #ccc; border-top:2px solid #ccc;}
	.article .row.tablelist .table.m100 th{ display:none;}
	.article .row.tablelist .table.m100.showth tr{ border:none;}
	.article .row.tablelist .table.m100.showth th{ display: block; width:100%; background-color:#ddd;}
	.article .row.tablelist .table.m100 td{ display: block; width:100%; float:left; border:none; padding:0;}
	.article .row.tablelist .table.m100 td.m_h{ display: none;}
	.article .row.tablelist .table.m100.showth td{ padding:15px; float:none; position:relative;}
	.article .row.tablelist .table.m50.showth td.line, .article .row.tablelist .table.m100.showth td.line{ border-top:1px solid #CCC; width:100%;}
	.table.dl-horizontal dt { clear: left;float: left;overflow: hidden;text-align: right;width: 30%; display:block; border-right:1px solid #ccc; padding:5px 10px; background-color:#F5F5F5;border-bottom: 1px solid #F5F5F5;}
	.article .row.tablelist .table.dl-horizontal.hr_Slash hr{ border-right: 16px solid;display: inline-block;margin: 5px;transform:rotate(114deg);-o-transform:rotate(114deg);-moz-transform:rotate(114deg);-webkit-transform:rotate(114deg);}
	.article .row.tablelist .table.dl-horizontal.hr_Slash hr.block{ border: none;display: block;transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	.table.dl-horizontal td.num dt {font-size:13px;border-bottom: 1px solid #F5F5F5;}
	.table.dl-horizontal dd { clear: right;float: left;overflow: hidden;text-align: left;text-overflow: ellipsis;width: 70%; padding:5px 10px;border-bottom: 1px solid #DDD;}
	.table.dl-horizontal td:last-child dd {border-bottom: none;}
	.table.dl-horizontal dt.m_h { display:none;}
	.table.dl-horizontal dd.w100 { text-align: center;text-overflow: ellipsis;width: 100%; padding:5px 10px; border-bottom:1px solid #ccc; background-color:#DDD;}
	.article .row.tablelist .table.m100.dl-horizontal .bstyle{float: right;margin: 0 10px 0 0;text-align: right;width: 40%;}
	.table.dl-horizontal .bstyle > dl > dt{background:none;border: none;margin: 7px 0;width: 70%; padding:0 5px 0 0;}
	.table.dl-horizontal .nodt > dt{ display:none;}
	.table.dl-horizontal .nodt.funds_name > dd{ font-size:18px; font-weight:bold; margin:5px 0;}
	.table.dl-horizontal .nodt.type > dd{ width:100%;}
	.table.dl-horizontal .bstyle > dl > dd{clear: none;margin: 7px 0;width: 30%; padding:0;}
	.article .row.tablelist .table.m100.dl-horizontal .manager{float: right;margin: -42px 10px 0 0;text-align: right;width: 50%;}
	.table.dl-horizontal .manager > dt{background:none;border: none;margin: 7px 0;width: 70%; padding:0 5px 0 0; vertical-align:middle;}
	.table.dl-horizontal .manager > dd{clear: none;margin: 7px 0;width: 30%; padding:0;}
	.table.dl-horizontal .manager > dd hr{ margin:0 -8px; border-color:transparent;}
	.btn-register{font-size:18px; width:auto;margin:20px auto; height: auto; min-height:90px; max-width:334px;display: inline-block;}
	.btn-register b{width: 72%; padding:7px 0; height: auto;}
	.btn-register img{ width:70px; height:70px; margin:0 10px 0 0;}
	.form-inline i{ display:none;}
	.m_h{ display:none;}
	.m_m{ display:inline;}
	.gap{display: block; margin:0 5px; width:100%;}
	.center .btn.w50.mh20{ width:100%; margin:20px auto;}
	.m_rc{ text-align:center;}
	.thickbox{ text-align:center; margin:0 auto; display:block;}
	.center dd .btn:last-child{margin-bottom:10px;}
	.col-lg-3.left,.col-md-3.left.left-etf{margin-top: -16px;}
	.sub-menus{width: 100%; right:0;}
	.dropdown-submenu:hover>.dropdown-menu{display:none;}
	.form-control.zipcode {width: 100%;}
	.toolbar.pull-right{ float:left !important;clear: left;}
	.btn-w40 .btn{ width:40%; line-height:1.8;}
	.d50, .d75{ width:100%;}
	#showimage img, #preview .showimage img{ width:100%;}
	.filter-table input{margin-bottom: 10px;width: 84%;}
	.report_list li a .time {float: none; display:block; text-align:right;}
	.funds_select{ float: none;}
	.list_box .listing h3{ margin:0;}
	.list_box .listing h3.line{ margin:0 10px 20px;}
	.list_box .listing .time.pull-right{ display:block; float:none !important; text-align:right;}
	table.dataTable>tbody>tr.child span.dtr-title{ min-width:auto; margin-right:10px; font-size:13px;}
	#Quests	.quest.start .space{ width:50%; margin:50px 50% 0 0;}
	.ttext {position: absolute;right: 45px;top: 22px;}
	.zodiac li{ margin:5px;}
	.zodiac .zinfo{ width:252px; height:245px;}
	.zodiac .zinfo span{float: none;}
	.zodiac .zinfo span.right{float:none;}
	.article_info .zodiac_head {margin: 20px 0;}
	.zodiac_head img {margin: 0;top: -10px;}
	.content_box .slide_content img{width:100%;}
	#foot_certificate{ display:none;}
	/* ETF 新增style */
	.br-right {border-right:0;}
	.row-list { flex-direction: column;}
	.row-list:not(:last-child) {border-bottom: 0;}
	.rl-group {border-bottom: 1px solid #ccc;}
	.rl-group:nth-child(n+2) {border-left: 0;}
	.rl-title { width: 40%;}
	/* 多筆下單右側按鈕 */
    /*.div_right_slideUp {border: 1px solid #ddd;height:110px;vertical-align:middle;}
	.div_right_slideDown {border: 1px solid #ddd;height:110px;vertical-align:middle;}*/
	.select_fit_size {
		width: 100%;
		width: -moz-available; /* WebKit-based browsers will ignore this. */
		width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
		width: fill-available;
		margin: 10px;
	}
	.table td dl dd.up { text-align: left; }
	.table td dl dd.down { text-align: left; }
}

@media (max-width: 544px) {
	body > .container {
		padding: 67px 15px 10px;
	}
	.container > .navbar-header {
		background: none;
		top: 0;
		height: 50px;
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.navbar-brand {
		position: relative;
		background-size: contain;
		left: 5px;
		top: 5px;
		display: inline-block;
		width: 140px;
		height: 50px;
		margin-right: 20px;
	}

	.navbar-default .navbar-toggle {
		border: none;
		margin-right: 0;
	}

	.member-menu .dropdown-menu {
		position: absolute;
		width: 50%;
		top: 48px;
		left: auto;
		right: -90%;
	}
}


@media (max-width: 450px) {
	.article_info .pull-right img, .article_info img.pull-right{max-width: 170px; height:auto;}
}

@media print {
	body {font-size: 13pt;line-height: 1.3;color: #000;}
	body > .container {padding: 0;}
	h1 {font-size: 24pt}h2 {font-size: 14pt; margin-top: 25px}
	aside h2 {font-size: 18pt}
	header .print {display: block}
	img {border: 0}
	header {margin-bottom: 40px}
	header:after {display: block;}
	blockquote {font-size: 13pt;font-style: italic;}
	p a {color: #000}
	p a:after {font-size: 80%;word-wrap: break-word;}
	p a[href^="http://"]:after, p a[href^="https://"]:after {content: " (" attr(href) ")";}
	q:after {content: " (" attr(cite) ")"}
	aside {border-top: 1px solid #bbb;margin-top: 30px;display: block;}
	.col-lg-9.right{ width:90%;}
	.footer{ position:relative;}
	.footer_right { width:100%;margin: 0;}
	.footer_right h3 {color: #999;font-size: 12px;}
	.footer_right p {color: #999;font-size: 9px;line-height: 13px;}
	.sub-menus{ display:none;}
	br.m{ display:none;}
}
.scroll-top-wrapper {
	font-size: 22px;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: #ff9933;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #ffcc99;
}
.scroll-top-wrapper.show {
	visibility:visible;
	cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* 三步驟進度條區塊起始 */
.progress-bar li {
    padding: 0px 20px;
    line-height: 24px;
    background: #C8C8C8;
    display: inline-block;
    color: #FFFFFF;
    position: relative;
    width: 270px;
    text-align: center;
    font-size: 15px;
}

    .progress-bar li:after {
        content: '';
        display: block;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid #C8C8C8;
        position: absolute;
        right: -12px;
        top: 0;
        z-index: 10;
    }

    .progress-bar li:before {
        content: '';
        display: block;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid #FFFFFF;
        position: absolute;
        left: 0px;
        top: 0;
    }

.progress-bar li {
    padding-left: 25px;
}

    .progress-bar li:first-child {
        border-radius: 4px 0 0 4px;
    }

        .progress-bar li:first-child:before {
            display: none;
        }

    .progress-bar li.active {
        background-color: #CC0000;
    }

        .progress-bar li.active:after {
            border-left-color: #CC0000;
        }

    .progress-bar li:last-child {
        border-radius: 0 4px 4px 0;
    }

        .progress-bar li:last-child:after {
            display: none;
        }

.progress-bar {
    white-space: nowrap;
    margin-top: -10px;
    margin-bottom: -30px;
}

@media (max-width: 1200px) {
    .progress-bar {
        white-space: nowrap;
        margin: -10px;
    }
    .progress-bar li {width:225px;}
}
@media (max-width: 767px) {
    .progress-bar {
        white-space: normal;
    }
        .progress-bar li {
            width: 75vw;
            margin-top: 2px;
        }
}
/* 三步驟進度條區塊結束 */

/* 四步驟進度條區塊起始 */
.progress-bar4 li {
	padding: 0px 20px;
	line-height: 24px;
	background: #C8C8C8;
	display: inline-block;
	color: #FFFFFF;
	position: relative;
	width: 200px;
	text-align: center;
	font-size: 15px;
}

	.progress-bar4 li:after {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #C8C8C8;
		position: absolute;
		right: -12px;
		top: 0;
		z-index: 10;
	}

	.progress-bar4 li:before {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #FFFFFF;
		position: absolute;
		left: 0px;
		top: 0;
	}

.progress-bar4 li {
	padding-left: 25px;
}

	.progress-bar4 li:first-child {
		border-radius: 4px 0 0 4px;
	}

		.progress-bar4 li:first-child:before {
			display: none;
		}

	.progress-bar4 li.active {
		background-color: #CC0000;
	}

		.progress-bar4 li.active:after {
			border-left-color: #CC0000;
		}

	.progress-bar4 li:last-child {
		border-radius: 0 4px 4px 0;
	}

		.progress-bar4 li:last-child:after {
			display: none;
		}

.progress-bar4 {
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: -30px;
}

@media (max-width: 1200px) {
	.progress-bar4 {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar4 li {
			width: 162px;
		}
}

@media (max-width: 767px) {
	.progress-bar4 {
		white-space: normal;
	}

		.progress-bar4 li {
			width: 75vw;
			margin-top: 2px;
		}
}
/* 四步驟進度條區塊結束 */

/* 五步驟進度條區塊起始 */
.progress-bar5 ol {
	padding-inline-start: 30px;
}

.progress-bar5 li {
	padding: 0px 20px;
	line-height: 24px;
	background: #C8C8C8;
	display: inline-block;
	color: #FFFFFF;
	position: relative;
	width: 160px;
	text-align: center;
	font-size: 15px;
}

	.progress-bar5 li:after {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #C8C8C8;
		position: absolute;
		right: -12px;
		top: 0;
		z-index: 10;
	}

	.progress-bar5 li:before {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #FFFFFF;
		position: absolute;
		left: 0px;
		top: 0;
	}

.progress-bar5 li {
	padding-left: 25px;
}

	.progress-bar5 li:first-child {
		border-radius: 4px 0 0 4px;
	}

		.progress-bar5 li:first-child:before {
			display: none;
		}

	.progress-bar5 li.active {
		background-color: #CC0000;
	}

		.progress-bar5 li.active:after {
			border-left-color: #CC0000;
		}

	.progress-bar5 li:last-child {
		border-radius: 0 4px 4px 0;
	}

		.progress-bar5 li:last-child:after {
			display: none;
		}

.progress-bar5 {
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: -30px;
}

@media (max-width: 1200px) {
	.progress-bar5 {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar5 li {
			width: 135px;
		}
}

@media (max-width: 767px) {
	.progress-bar5 {
		white-space: normal;
	}

		.progress-bar5 li {
			width: 75vw;
			margin-top: 2px;
		}
}
/* 五步驟進度條區塊結束 */

/* 五步驟進度條區塊起始 ETF */
.progress-bar5-etf ol {
	padding-inline-start: 5px;
}

.progress-bar5-etf li {
	padding: 0px 20px;
	line-height: 24px;
	background: #C8C8C8;
	display: inline-block;
	color: #FFFFFF;
	position: relative;
	width: 160px;
	text-align: center;
	font-size: 15px;
}

	.progress-bar5-etf li:after {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #C8C8C8;
		position: absolute;
		right: -12px;
		top: 0;
		z-index: 10;
	}

	.progress-bar5-etf li:before {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #FFFFFF;
		position: absolute;
		left: 0px;
		top: 0;
	}

.progress-bar5-etf li {
	padding-left: 25px;
}

	.progress-bar5-etf li:first-child {
		border-radius: 4px 0 0 4px;
	}

		.progress-bar5-etf li:first-child:before {
			display: none;
		}

	.progress-bar5-etf li.active {
		background-color: #CC0000;
	}

		.progress-bar5-etf li.active:after {
			border-left-color: #CC0000;
		}

	.progress-bar5-etf li:last-child {
		border-radius: 0 4px 4px 0;
	}

		.progress-bar5-etf li:last-child:after {
			display: none;
		}

.progress-bar5-etf {
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: -30px;
}

@media (max-width: 1200px) {
	.progress-bar5-etf ol {
		padding-inline-start: 15px;
	}

	.progress-bar5-etf {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar5-etf li {
			width: 120px;
		}
}
@media (max-width: 991px) {
	.progress-bar5-etf ol {
		padding-inline-start: 25px;
	}

	.progress-bar5-etf {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar5-etf li {
			width: 135px;
		}
}

@media (max-width: 767px) {
    .progress-bar5-etf {
        white-space: normal;
    }

        .progress-bar5-etf li {
            width: 75vw;
            margin-top: 2px;
        }
}
/* 五步驟進度條區塊結束 ETF */

/* 二步驟進度條區塊起始 ETF */
.progress-bar2-etf ol {
	padding-inline-start: 5px;
	margin-left: 100px;
}

.progress-bar2-etf li {
	padding: 0px 20px;
	line-height: 24px;
	background: #C8C8C8;
	display: inline-block;
	color: #FFFFFF;
	position: relative;
	width: 300px;
	text-align: center;
	font-size: 15px;
}

	.progress-bar2-etf li:after {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #C8C8C8;
		position: absolute;
		right: -12px;
		top: 0;
		z-index: 10;
	}

	.progress-bar2-etf li:before {
		content: '';
		display: block;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #FFFFFF;
		position: absolute;
		left: 0px;
		top: 0;
	}

.progress-bar2-etf li {
	padding-left: 25px;
}

	.progress-bar2-etf li:first-child {
		border-radius: 4px 0 0 4px;
	}

		.progress-bar2-etf li:first-child:before {
			display: none;
		}

	.progress-bar2-etf li.active {
		background-color: #CC0000;
	}

		.progress-bar2-etf li.active:after {
			border-left-color: #CC0000;
		}

	.progress-bar2-etf li:last-child {
		border-radius: 0 4px 4px 0;
	}

		.progress-bar2-etf li:last-child:after {
			display: none;
		}

.progress-bar2-etf {
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: -30px;
}

@media (max-width: 1200px) {
	.progress-bar2-etf ol {
		padding-inline-start: 15px;
		margin-left: 5px;
	}

	.progress-bar2-etf {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar2-etf li {
			width: 300px;
		}
}

@media (max-width: 991px) {
	.progress-bar2-etf ol {
		padding-inline-start: 25px;
		margin-left: 35px;
	}

	.progress-bar2-etf {
		white-space: nowrap;
		margin: -10px;
	}

		.progress-bar2-etf li {
			width: 300px;
		}
}

@media (max-width: 767px) {
	.progress-bar2-etf ol {
		margin-left: 35px;
	}
	.progress-bar2-etf {
		white-space: normal;
	}

		.progress-bar2-etf li {
			width: 75vw;
			margin-top: 2px;
		}
}

@media (max-width: 544px) {
	.progress-bar2-etf ol {
		margin-left: 15px;
	}

	.progress-bar2-etf {
		white-space: normal;
	}

		.progress-bar2-etf li {
			width: 75vw;
			margin-top: 2px;
		}
}
/* 二步驟進度條區塊結束 ETF */