/* 列表/明細/Table/Tab共同設定 in all pages */

/*區塊共用設定*/
.word-info {
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.8em;
	/*color:#0962ad;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.word-info .btn-bar {
	margin: 0 0 0 10px;
	/*margin:10px 0 0 0px;*/
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.word-info .item {
	line-height: 1.5em;
	margin-bottom: 10px;
	font-size: 18px;
	/*display: inline-block;*/
}

.word-info .item:last-child {
	margin-bottom: 0px !important;
}

.word-info .item h4 {
	font-weight: 500;
	color: #ed701c;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-bottom: 0px;
}

.word-info .item .words {
	display: inline-block;
	vertical-align: top;
}

.word-info .item .words-wide {
	max-width: calc(100% - 95px);
}

.word-info .item .words-wide .form-control {
	width: 100%;
}

.cblock-all {
	
}

.cblock-title {
	/*font-size: 36px;*/
	font-size: 26px;
	margin: 30px 10px 20px;
	color: #0962ad;
	font-weight: 500;
	vertical-align: middle;
	padding-left: 28px;
	background: url(../../images/icon/item_title01.png) no-repeat left 5px;
	background-size: 20px 24px;
	line-height: 30px;
}

.cblock-title:before {
	/*font-family: FontAwesome;
    padding-left:0px;
    margin-right:5px;
    content: "\f129";
    color:#3c8aca;*/
	
}
/*.cblock-title:nth-child(1){
    margin-top:0px;
}*/
.cblock-title.open {
	
}

.cblock-title.open:hover {
	cursor: pointer;
}

.cblock-title.close {
	
}

.cblock-title .fa {
	font-size: 24px;
	float: right;
	/* margin-top: 5px;*/
}

.expand-icon {
	float: right;
	cursor: pointer;
}

.expand-icon:hover {
	cursor: pointer;
}

.cblock-conts {
	margin: 0px 0px 40px;
}

.cblock-conts.close {
	/*margin:0px 0px 0px;*/
	display: none;
}

.close {
	display: none;
}

.word-wrap {
	display: block;
}

.word-break {
	word-break: break-all;
}

/*子區塊共用設定*/
.cblock-suball {
	
}

.cblock-suball:first-child {
	margin-top: 40px;
}

.cblock-subtitle {
	/*height: 24px;*/
	color: #555555;
	font-size: 22px;
	/*margin: 10px 30px 30px;*/
	margin: 10px 30px 20px;
}

.cblock-subtitle:before {
	content: '';
	margin-top: -5px;
	margin-right: 10px;
	display: inline-block;
	width: 5px;
	height: 24px;
	border-radius: 3px;
	background: #777;
	vertical-align: middle;
}

.cblock-subtitle.open:hover {
	cursor: pointer;
}

.cblock-subtitle.close {
	
}

.cblock-subtitle .fa {
	/*font-size: 24px;*/
	float: right;
	/* margin-top: 5px;*/
}

.cblock-subconts {
	margin: 0px 0px 40px;
}

.cblock-subconts:last-child {
	margin: 0px 0px 0px;
}

.cblock-subconts.close {
	/*margin:0px 0px 0px;*/
	display: none;
}

/*cblock變化-for checkbox標題*/
.checkbox-all {
	
}

.checkbox-all .cblock-title {
	font-size: 24px;
	/*color:inherit;*/
	background: none;
	margin: 30px 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #0962ad;
}

.checkbox-all .cblock-title .pretty {
	/*position: absolute;
    z-index: 10;
    top:0px;
    left:0px;*/
	/*width:300px;*/
	margin-bottom: 10px;
}

.checkbox-all .cblock-title.open:hover {
	/*cursor: auto;*/
	
}

.checkbox-all .cblock-title.close {
	
}

.checkbox-all .cblock-title .pretty i {
	margin-right: 10px;
}

.checkbox-all .fa, .expand-icon .fa {
	float: none;
}

.checkbox-all .cblock-conts {
	background: #fff;
}

.checkbox-all .cblock-conts.conts-space {
	padding: 20px 20px;
}

/*主分類nav*/
.cate-title {
	font-size: 22px;
	font-weight: 400;
}

.category-navbar {
	width: 100%;
	margin: 0px auto 40px;
	text-align: center;
}

.trad .cg-nav li {
	width: calc(100%/ 7 - 10px);
}

.invest .cg-nav li {
	width: calc(100%/ 8 - 10px);
}

.cg-nav li {
	/*float:left;*/
	display: inline-block;
	background-color: #fff;
	color: #555;
	margin-right: 5px;
	width: calc(100%/ 8 - 10px);
	box-sizing: border-box;
	border-radius: 5px;
}

.cg-nav li:last-child {
	margin-right: 0px;
}

.cg-nav img {
	height: 34px;
}

.cg-nav i.icon {
	display: block;
	width: 50px;
	height: 34px;
	margin: 0px auto 5px;
}

.cg-nav-title, .cg-subnav-title, .cg-disable-title {
	width: 100%;
	display: none;
	background: none;
	font-size: 18px;
	letter-spacing: 0.05em;
}

.cg-nav-title, .cg-subnav-title, .cg-disable-title {
	margin-bottom: 0px;
}

.cg-nav .active a {
	background-color: #f18030;
	color: #fff;
	position: relative;
}

.cg-nav a {
	color: #555;
	text-decoration: none;
	padding: 15px 0px;
	line-height: normal;
	box-sizing: border-box;
	display: block;
	text-align: center;
	border-radius: 5px;
}

.cg-nav a:hover, .cg-nav.active a {
	background: #f18030;
	transition: background-color .3s;
	color: #fff;
}

.cg-nav .active a:after {
	display: block;
	content: "";
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 20px solid #f18030;
	position: absolute;
	bottom: -12px;
	left: 40%;
}

i.nav01 {
	background: url(../images/icon/category01.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav01, .cg-nav li:hover i.nav01 {
	background: url(../images/icon/category01_on.png) no-repeat center top;
}

i.nav02 {
	background: url(../images/icon/category02.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav02, .cg-nav li:hover i.nav02 {
	background: url(../images/icon/category02_on.png) no-repeat center top;
}

i.nav03 {
	background: url(../images/icon/category03.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav03, .cg-nav li:hover i.nav03 {
	background: url(../images/icon/category03_on.png) no-repeat center top;
}

i.nav04 {
	background: url(../images/icon/category04.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav04, .cg-nav li:hover i.nav04 {
	background: url(../images/icon/category04_on.png) no-repeat center top;
}

i.nav05 {
	background: url(../images/icon/category05.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav05, .cg-nav li:hover i.nav05 {
	background: url(../images/icon/category05_on.png) no-repeat center top;
}

i.nav06 {
	background: url(../images/icon/category06.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav06, .cg-nav li:hover i.nav06 {
	background: url(../images/icon/category06_on.png) no-repeat center top;
}

i.nav07 {
	background: url(../images/icon/category07.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav07, .cg-nav li:hover i.nav07 {
	background: url(../images/icon/category07_on.png) no-repeat center top;
}

i.nav08 {
	background: url(../images/icon/category08.png) no-repeat center top;
	background-size: 100% 100%;
}

.active i.nav08, .cg-nav li:hover i.nav08 {
	background: url(../images/icon/category08_on.png) no-repeat center top;
}

/*countdown-info*/
.countdown-info {
	font-size: 16px;
}

.count-sec {
	color: #FF4E00;
}

.btn-subnav {
	display: inline-block;
	background-color: transparent !important;
	border: 1px solid #717171 !important;
	border-radius: 4px;
	color: #717171;
	font-size: 16px;
	padding: 1px 6px;
	height: 22px;
}

/*子分類nav*/
.category-subnavbar {
	margin-bottom: 10px;
	border-bottom: 1px #ddd solid;
}

.cg-subnav {
	width: 100%;
	margin: 0px auto;
	padding-bottom: 15px;
	text-align: left;
	/*border-bottom:1px #ddd solid;*/
}

.cg-subnav li {
	display: inline-block;
	margin-right: 10px;
}

.cg-subnav li:last-child {
	margin-right: 0px;
}

.cg-subnav li a {
	color: #555;
	text-decoration: none;
	border-radius: 2px;
	padding: 8px 14px;
	display: block;
}

.cg-subnav li a:hover, .cg-subnav .active a {
	background: #f18030;
	/*transition: background-color .3s;*/
	color: #fff;
}

/*請款狀態-Tab形態*/
/*預設數量4個*/
.tab-navbar {
	clear: both;
	margin-bottom: 25px;
}

.tab-title {
	font-size: 22px;
	font-weight: 400;
}

.tab-nav-title {
	width: 100%;
	display: none;
	background: none;
	font-size: 18px;
	letter-spacing: 0.05em;
	margin-bottom: 0px;
}

.tab-nav {
	width: 50%;
	margin: 0px auto;
	/*padding-bottom:15px;*/
	text-align: left;
}

.tab-nav li {
	display: inline-block;
	margin-right: 20px;
	width: calc(100%/ 4 - 20px);
	text-align: center;
	font-size: 20px;
}

.tab-nav li:last-child {
	margin-right: 0px;
}

.tab-nav li a {
	color: #777;
	text-decoration: none;
	/*border-radius: 2px;*/
	padding: 7px 0px;
	display: block;
	border-bottom: 4px #eee solid;
}

.tab-nav li a:hover, .tab-nav .active a {
	color: #f18030;
	border-color: #f18030;
	/*-webkit-transition: border-color .5s ease-in-out;*/
	/* Safari 3.1 to 6.0 */
	/*transition: border-color .5s ease-in-out;*/
}

.tab-nav .active {
	color: #f18030;
	border-bottom: 4px #f18030 solid;
	/*padding:7px 0px;*/
}

.tab-nav .active a {
	border-bottom: 0px #f18030 solid;
}

/*tab-nav disabled狀態*/
.tab-nav li.dis-active, .tab-nav li.dis-active a, .tab-nav li .dis-active
	{
	color: #bbb;
	text-decoration: none;
	padding: 7px 0px;
	/*display: inline-block;*/
	border-bottom: 4px transparent solid;
	cursor: default;
}

.tab-nav li.dis-active:hover, .tab-nav li.dis-active a:hover, .tab-nav li .dis-active:hover
	{
	color: #bbb;
	background-color: transparent;
	/*border-color:transparent;*/
}

/*數量2個*/
.tab-nav.tab-num-2 {
	width: 30%;
}

.tab-nav.tab-num-2 li {
	width: calc(100%/ 2 - 20px);
}

/*數量3個*/
.tab-nav.tab-num-3 {
	width: 40%;
}

.tab-nav.tab-num-3 li {
	width: calc(100%/ 3 - 20px);
}

/*數量4個-預設值*/
.tab-nav.tab-num-4 {
	width: 50%;
}

.tab-nav.tab-num-4 li {
	width: calc(100%/ 4 - 20px);
}

/*數量5個*/
.tab-nav.tab-num-5 {
	width: 60%;
}

.tab-nav.tab-num-5 li {
	width: calc(100%/ 5 - 20px);
}

/*數量6個*/
.tab-nav.tab-num-6 {
	width: 70%;
}

.tab-nav.tab-num-6 li {
	width: calc(100%/ 6 - 20px);
}

/*數量7個*/
.tab-nav.tab-num-7 {
	width: 80%;
}

.tab-nav.tab-num-7 li {
	width: calc(100%/ 7 - 20px);
}

/*數量8個*/
.tab-nav.tab-num-8 {
	width: 90%;
}

.tab-nav.tab-num-8 li {
	width: calc(100%/ 8 - 20px);
}

/*for checkbox/radio-navbar*/
.checkbox-navbar {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
}

.checkbox-navbar .pretty {
	margin-right: 45px;
}

.checkbox-navbar .pretty:last-child {
	margin-right: 0px;
}

.checkbox-navbar .pretty label {
	
}

.checkbox-navbar .pretty label .fa {
	margin-right: 3px;
	vertical-align: middle;
}

.checkbox-navbar .pretty .fa-circle, .checkbox-navbar .pretty .state .icon.fa-circle
	{
	/*font-size: 0.6em !important;
    min-width: 1.4em;
    line-height: 1.4em;*/
	top: calc(( 0% - ( 100% - 1em))- 4%);
}

.pretty .state label:before, .pretty .state label:after {
	/*border: 1px solid transparent;*/
	
}

.pretty .state label:before {
	/*border-color: #0962ad;*/
	background-color: #fff;
}

/*checked狀態*/
.pretty.p-icon input:checked ~ .state .icon {
	/*border: 1px solid transparent;*/
	border-color: #bdc3c7;
}

.pretty input:checked .fa-circle, .pretty.p-icon input:checked ~ .state .icon.fa-circle
	{
	border-color: transparent;
}

.pretty.p-default input:checked ~ .state label:before {
	border-color: #666;
}

.pretty.p-default input:checked ~ .state label:after {
	background-color: #666 !important;
}

/*disabled狀態*/
/*.pretty.p-default input:disabled ~ .state label:before,
.pretty.p-icon input:disabled ~ .state label:before,*/
.pretty input:disabled ~ .state label:before {
	border-color: #666;
	-moz-box-shadow: inset 0px 0px 6px #000;
	-webkit-box-shadow: inset 0px 0px 6px #000;
	box-shadow: inset 0px 0px 6px #000;
}
/*.pretty.p-default input:disabled ~ .state label:after,*/
.pretty input:disabled ~ .state label:after {
	background-color: #aaa !important;
}

.pretty.p-icon input:disabled ~ .state .icon {
	/*border: 1px solid transparent;*/
	border-color: #666;
}

/*表格共同樣式設定*/
table {
	table-layout: fixed;
	background: #fff
}

.tb-title {
	background: #d0eaf5;
	font-size: 18px;
	color: #044984;
	/*  text-align: left;*/
	/*border-top:1px #ddd solid;
    border-left:1px #ddd solid;*/
	box-sizing: border-box;
}

.tb-conts, .tb-score-conts {
	/*font-size:18px;*/
	font-size: 16px;
	/*line-height: 1.58em;*/
	color: #444444;
	box-sizing: border-box;
	background: #fff;
	/*border-bottom:0px #ddd solid;*/
}

/*日期*/
.tb-nums {
	/*font-size:0.9375em;*/
	font-size: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.tb-date {
	/*font-size:0.9375em;*/
	font-size: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

/*隱藏*/
.tb-hide {
	display: none!imprtant;
}

/*pretty套件顏色*/
.tb-title .pretty>input[type='checkbox']:checked+label>i:before,
	.tb-title .pretty>input[type='radio']:checked+label>i:before, .tb-title .pretty i:before,
	.tb-title .pretty i:after {
	color: #666;
}

.col {
	
}

.col-clear {
	clear: both;
	padding: 0px;
}
/* clearfix */
.col-clear:before, .col-clear:after {
	content: "";
	display: table;
}

.col-clear:after {
	clear: both;
}

/*多行使用*/
.col-multi {
	min-height: calc(18px * 2 * 1.8); /*2行,60px*/
}

.col-multi02 {
	min-height: calc(18px * 3 * 1.8); /*3行,80px*/
}

/*對齊*/
.alg-right {
	text-align: right !important;
}

.alg-left {
	text-align: left !important;
}

.alg-center {
	text-align: center !important;
}

/*for單筆使用*/
.tb-single {
	background: #fff;
}

.tb-single .row {
	margin-left: 0px;
	margin-right: 0px;
}

.tb-single .row:first-child .col {
	border-top: 1px #ddd solid;
}

.tb-single .tb-title {
	/*text-align: right;*/
	
}

.tb-single .col {
	padding-top: 8px;
	padding-bottom: 8px;
	display: table-cell;
	/*border-collapse: collapse;*/
	box-sizing: border-box;
	border-bottom: 1px #ddd solid;
	border-top: 0px #ddd solid;
	min-height: 44px;
}

.tb-single .col.tb-conts {
	padding-top: 10px;
	/*padding-bottom: 10px;*/
}

.tb-single table tr {
	display: table-row;
}

.tb-single table th {
	/*font-size:18px;*/
	font-weight: 500;
}

.tb-single table th, .tb-single table td {
	word-break: break-all;
	word-wrap: word-break;
	min-height: 50px;
	border-collapse: collapse;
}

.tb-single table td[class*="col-"], .tb-single table th[class*="col-"] {
	/*float: left;*/
	
}

.tb-single table tr:first-child {
	border-top: 1px #ddd solid;
}

.tb-single table tr.more-detail td, .tb-single table tr.more-detail th {
	/*float: left;*/
	width: 100%;
	clear: both;
	border-top: 0px #ddd solid;
	border-bottom: 1px #ddd solid;
	/*為了移除間距而撐高*/
	padding-bottom: 1px;
	margin-bottom: -1px;
}

/*.tb-single .col-multi{
    min-height: 60px;
}
.tb-single .col-multi02{
    min-height: 80px;
}*/
.form-control.input-nums, input.input-nums, .form-control.input-percent
	{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

/*for input內縮使用，
需與form-inline搭配並用*/
.form-control.input-wrap {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.input-inline, .form-control.input-inline {
	display: inline-block;
}

/*單筆-詳細內容*/
.tb-single-detail {
	
}

.tb-single-detail table {
	/*background: #eeeeee;*/
	
}

.tb-single-detail .tb-title {
	background: #eeeeee;
	color: #555555;
}
/*藍色*/
.color-blue .tb-title {
	background: #d0eaf5;
	color: #044984;
}

.color-blue .tb-conts {
	
}

/*for多筆使用*/
.tb-multiple {
	clear: both;
}

.tb-multiple table {
	text-align: center;
	margin-bottom: 0;
}

.tb-multiple table thead, .tb-multiple table th {
	text-align: center;
}

.tb-multiple table th {
	font-weight: 500;
}

.tb-multiple table>thead>tr>th {
	border-bottom: 0px solid #ddd;
}

.tb-multiple table>thead>tr>th, .tb-multiple table>tbody>tr>th,
	.tb-multiple table>tfoot>tr>th, .tb-multiple table>thead>tr>td,
	.tb-multiple table>tbody>tr>td, .tb-multiple table>tfoot>tr>td {
	padding: 12px 5px;
	border-top: 0px solid #ddd;
	/*word-wrap: break-word;*/
	word-break: break-all;
}

.tb-multiple .tb-title {
	background: #009ae3; /*3cbb37*/ /*e5fce4*/ /*0a5307*/
	color: #fff;
}

.tb-multiple table td {
	min-height: 28.8px;
}

.tb-multiple table thead tr th {
	border-radius: 0px;
	/*border-right:1px #a5dbf5 solid;*/
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	min-width: 50px;
	/*width:auto;*/
}

.tb-multiple table thead tr th:first-child {
	border-radius: 5px 0px 0px 0px;
}

.tb-multiple table thead tr th:last-child {
	border-radius: 0px 5px 0px 0px;
	/*border-right:0px #a5dbf5 solid;*/
	border-right: 0px solid rgba(255, 255, 255, 0.3);
}
/* table框線*/
/*有框線*/
.tb-border td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.tb-border tbody {
	border-left: 1px solid #999;
}

.tb-border {
	width: calc(100% - 2px);
}

.tb-multiple .tb-border thead tr th:last-child {
	border-right: 1px solid #009ae3;
	border-radius: 0px 0px 0px 0px;
}

.tb-multiple .tb-border thead tr th:first-child {
	border-radius: 0px 0px 0px 0px;
	border-left: 1px solid #009ae3;
}

/*沒框線*/
.tb-non-border td {
	border: none;
}

.tb-non-border tbody {
	border-bottom: none;
}
/*多筆-詳細內容*/
.tb-multiple-detail {
	
}

/*多筆-checkbox td 折行*/
.tb-check.tb-check-td .pretty, .tb-multiple .table th.tb-title.tb-check-center .pretty
	{
	margin-right: 0;
	text-align: center;
}

.tb-multiple .table th.tb-title.tb-check-center .pretty {
	margin-top: 15px;
	margin-left: 6px;
}

.tb-multiple .table th.tb-title.tb-check-center .pretty input {
	height: calc(100% + 0.8em);
	top: -0.8em;
}

.tb-multiple .table th.tb-title.tb-check-center .pretty .state label {
	margin-top: 11px;
	text-indent: -0.4em;
}

/*for多選/問卷使用*/
/*投資風險合適度*/
.tb-options  tbody>tr {
	
}

.tb-options  tbody>tr>td {
	/*text-align:center;*/
	vertical-align: middle;
	border: 0;
	border-bottom: 1px solid #ddd;
}

.tb-options .tb-title {
	text-align: center;
	background: transparent;
}

.tb-options .tb-title, .multi-options .tb-title, .tb-score-conts {
	/*color:#0962ad;*/
	color: #004098;
	font-size: 20px;
}

.tb-options .tb-conts {
	padding: 12px 8px;
}

.tb-score-conts {
	/*background:#f3ffff;*/
	background: #fafafa;
	font-size: 18px;
	text-align: center;
}

.multi-options .tb-title {
	margin: 0px 0 5px;
	text-align: left;
}

.tb-options .subtotal .tb-title {
	text-align: right;
}

/*pretty-checkbox 套件文字折行*/
.multi-options .pretty {
	margin-bottom: 6px;
	white-space: normal;
	margin-right: 0em;
}

.multi-options .pretty .state {
	position: relative;
}

.multi-options .pretty .state label:before, .multi-options .pretty .state label:after
	{
	top: calc(0% + 0.25em);
}

.multi-options .pretty .state label {
	/*width: calc(100% - 2em);*/
	text-indent: 0em;
	margin-left: 1.5em;
	margin-right: 0.5em;
	/*float: right;*/
	/*line-height: 1.42857143;*/
	line-height: 1.5em;
	/*white-space:nowrap;*/
}

/*for 風險適合度計分表使用*/
.tb-score {
	background: #fff;
	padding: 15px;
}

.tb-score .table {
	margin-bottom: 0;
}

.tb-score .table>tbody>tr>td {
	border: 0;
}

.tb-score .table>tbody>tr>td:first-child {
	border-right: 1px #bbb solid !important;
}

.tb-score .tb-title {
	font-size: 20px;
	background-color: transparent;
}

/*子表格*/
.subtable {
	width: 100%;
	margin: 0px auto;
}

.subtable tr th, .tb-multiple .subtable thead tr th:first-child,
	.tb-multiple .subtable thead tr th:last-child, .subtable .tb-title {
	background: #e5f3f9;
	color: #0962ad;
	border-radius: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.subtable tbody tr td, .subtable .tb-conts, .subtable .tb-score-conts {
	border-bottom: 1px #e3e3e3 solid;
}

/*表格底色*/
/*.tb-multiple table tr:nth-child(even),
.tb-multiple table tr:nth-child(even) td{
    background: #fafafa;
}*/

/*.tb-multiple table tr:not(.more-detail),
.tb-multiple table tr:nth-of-type(even) td{
    background: #fafafa;
}*/
.tb-bgcolor-wt, .tb-bgcolor-wt td { /*白*/
	background: #fff;
}

.tb-bgcolor01, .tb-bgcolor01 td { /*灰*/
	background: #f3f3f3; /*fafafa org*/
}

.tb-bgcolor02, .tb-bgcolor02 td { /*淺藍*/
	background: #e5f3f9;
}

.tb-bgcolor03, .tb-bgcolor03 td { /*淺綠*/
	background: #e5fce4;
}

/*更多詳細TR-*/
.more-detail {
	
}

/*更多詳細欄位*/
.tb-more {
	
}

.tb-more .btn-more {
	margin-left: 5px;
}

/*更多詳細TR-內容*/
.more-detail-info {
	width: 80%;
	/*margin:20px auto 50px;*/
	margin: 15px auto 40px;
	text-align: left;
}

.tb-single .more-detail-info {
	margin: 20px auto 10px;
}

.subtb-title {
	color: #1169b3;
	letter-spacing: 0.05em;
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 10px;
}

.subtb-info {
	margin: 10px 0px 20px;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.subtb-info:after {
	
}

.subtb-info li {
	width: calc(100%/ 3);
	float: left;
	line-height: 1.5em;
	margin-bottom: 5px;
	/*display: inline-block;*/
}

.subtb-info li h4 {
	font-weight: 500;
	color: #ed701c;
	/*font-size:18px;*/
	display: inline-block;
}

.subtb-info li p {
	display: inline-block;
}

.subtb-info li.li-wide {
	width: calc(100%);
}

/*小計TR*/
.subtotal {
	
}

.subtotal, .subtotal td {
	/*background: #d9ecf4;
    background: #f18030;
    background: #fdede2;*/
	background: #ebf2fc;
	font-weight: 600;
	/*color:#fff;
    color:#f18030;*/
	color: #004098;
}

.subtotal td:first-child {
	/*color:#fff;
    color:#f18030;*/
	color: #004098;
}

.fa-red, .fa-green {
	font-size: 28px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.fa-red {
	color: #d30717;
}

.fa-green {
	color: #20a936;
}

/*for有input的table使用*/
.table-input {
	
}

.tb-single .table-input .col {
	min-height: 55px;
}

.tb-single .table-input th[class*="col-"] {
	vertical-align: middle;
}

.tb-single span, .table-input span {
	vertical-align: -webkit-baseline-middle;
}

.form-control {
	font-size: 16px;
	padding: 4px 12px;
}

.select-inline {
	display: inline-block;
	width: auto;
}

input::placeholder, .form-control::placeholder {
	color: #bbb;
}
/*for有scrollbar的table使用*/
.tb-overflow {
	width: 100%;
	/*overflow-x: scroll;*/
	margin-bottom: 50px;
}

.tb-overflow table {
	/*width: 100%;*/ /*暫註解，scrollbar會被影響*/
	width: auto;
}

.tb-multiple table th.td-nowrap, .tb-multiple table td.td-nowrap {
	white-space: nowrap;
}

.mobileTB .table tr {
	overflow-x: scroll;
}


/*圖表區塊共用設定*/
.chart-block {
	width: 100%;
	margin: 10px auto 60px;
}

.ch-title {
	width: 80%;
	margin: 0px auto 0px;
}

.ch-conts {
	width: 80%;
	margin: 0px auto 0px;
}

.chart-block .series-item {
	margin-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	vertical-align: top;
	word-break: break-all;
}

.chart-block .series-item i {
	margin-right: 5px;
}

.chart-block .series-name {
	display: inline-block;
	width: calc(100% - 20px);
	vertical-align: top;
}

/*按鈕控制bar-放罝於保單內容*/
.btn-smaller {
	margin-bottom: 15px;
}

/*步驟條*/
.step-bar {
	/*display:inline-block;*/
	width: 720px;
	text-align: center;
	margin: 0px auto 40px;
	overflow: hidden;
}

.step-bar .word-wrap {
	display: inline-block;
}

.step-box {
	float: left;
	text-align: center;
	position: relative;
}

.step-arrow {
	position: absolute;
	right: 0px;
	top: 24px;
	z-index: 10;
}

.step-bar .step-box:last-child .step-arrow {
	display: none !important;
	visibility: hidden !important;
}

.step-arrow i {
	/*margin-top:24px;*/
	font-size: 24px;
}

.step-num {
	display: inline-block;
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 50%;
	background: #eeeeee;
	font-size: 24px;
	font-weight: bold;
}

.step-conts {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.2em;
}

/*數量3個*/
.step-bar.step-num-3 {
	
}

.step-bar.step-num-3 .step-box {
	width: calc(100%/ 3);
}
/*數量4個*/
.step-bar.step-num-4 {
	
}

.step-bar.step-num-4 .step-box {
	width: calc(100%/ 4);
}
/*數量5個*/
.step-bar.step-num-5 {
	
}

.step-bar.step-num-5 .step-box {
	width: calc(100%/ 5);
}
/*數量6個*/
.step-bar.step-num-6 {
	
}

.step-bar.step-num-6 .step-box {
	width: calc(100%/ 6);
}

/*在此步驟狀態-active*/
.active-0 .step-box .step-num {
	
}

.active-1 .step-box:nth-child(1) .step-num {
	background: #0962ad;
	color: #fff;
}

.active-1 .step-box:nth-child(1) {
	color: #1169b3;
}

.active-2 .step-box:nth-child(1) .step-num, .active-2 .step-box:nth-child(2) .step-num
	{
	background: #0962ad;
	color: #fff;
}

.active-2 .step-box:nth-child(1), .active-2 .step-box:nth-child(2) {
	color: #1169b3;
}

.active-3 .step-box:nth-child(1) .step-num, .active-3 .step-box:nth-child(2) .step-num,
	.active-3 .step-box:nth-child(3) .step-num {
	background: #0962ad;
	color: #fff;
}

.active-3 .step-box:nth-child(1), .active-3 .step-box:nth-child(2),
	.active-3 .step-box:nth-child(3) {
	color: #1169b3;
}

.active-4 .step-box:nth-child(1) .step-num, .active-4 .step-box:nth-child(2) .step-num,
	.active-4 .step-box:nth-child(3) .step-num, .active-4 .step-box:nth-child(4) .step-num
	{
	background: #0962ad;
	color: #fff;
}

.active-4 .step-box:nth-child(1), .active-4 .step-box:nth-child(2),
	.active-4 .step-box:nth-child(3), .active-4 .step-box:nth-child(4) {
	color: #1169b3;
}

.active-5 .step-box:nth-child(1) .step-num, .active-5 .step-box:nth-child(2) .step-num,
	.active-5 .step-box:nth-child(3) .step-num, .active-5 .step-box:nth-child(4) .step-num,
	.active-5 .step-box:nth-child(5) .step-num {
	background: #0962ad;
	color: #fff;
}

.active-5 .step-box:nth-child(1), .active-5 .step-box:nth-child(2),
	.active-5 .step-box:nth-child(3), .active-5 .step-box:nth-child(4),
	.active-5 .step-box:nth-child(5) {
	color: #1169b3;
}

.active-6 .step-box:nth-child(1) .step-num, .active-6 .step-box:nth-child(2) .step-num,
	.active-6 .step-box:nth-child(3) .step-num, .active-6 .step-box:nth-child(4) .step-num,
	.active-6 .step-box:nth-child(5) .step-num, .active-6 .step-box:nth-child(6) .step-num
	{
	background: #0962ad;
	color: #fff;
}

.active-6 .step-box:nth-child(1), .active-6 .step-box:nth-child(2),
	.active-6 .step-box:nth-child(3), .active-6 .step-box:nth-child(4),
	.active-6 .step-box:nth-child(5), .active-6 .step-box:nth-child(6) {
	color: #1169b3;
}

/*注意事項切換內容*/
.note-info {
	
}

.note-tab-bar {
	width: 100%;
	height: 60px;
	background: #009ae3;
	border-radius: 5px 5px 0 0;
	text-align: left;
	font-size: 18px;
}

.note-tab-bar .tab-item {
	display: inline-block;
	position: relative;
	/*margin: 0;*/
	border-right: 1px solid #fff;
	color: #fff;
	line-height: 60px;
	height: 60px;
	padding: 0 20px;
	/*width:calc(100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 10;*/
}

.note-tab-bar .pretty label {
	margin-bottom: 0px;
}

.note-tab-bar .pretty i {
	color: #555;
}

.note-tab-bar .pretty>input[type='checkbox'], .note-tab-bar .pretty>input[type='radio']
	{
	/*z-index: 10;*/
	
}

.note-conts {
	height: 500px;
	word-break: break-all;
}

/*scrollbar*/
.note-info .cblock-scroll {
	margin: 0;
}

/*check-bar*/
.note-check-bar {
	padding: 30px 0;
	text-align: center;
}

.note-check-bar .pretty {
	font-size: 18px;
	/*line-height: 1.5em;
    display: block;*/
}

.note-check-bar .pretty i {
	margin-right: 5px;
}

/*checkbox全選設定*/
.rwd-checkall {
	padding: 8px 15px;
	background: #b5b5b5;
	color: #fff;
	border-radius: 3px;
	display: none;
}

.rwd-checkall .pretty, .rwd-checkall .pretty label {
	margin: 0;
}

.rwd-checkall .pretty i {
	color: #666;
	margin-right: 5px;
}

/*Scrollbar區塊*/
.cblock-scroll {
	width: calc(100% - 30px); /*30px預留給scrollbar*/
	height: 300px;
	margin: 10px 0px 20px 0px;
	padding: 30px;
	box-sizing: border-box;
	/*border:1px #ddd solid;*/
	background: #fff;
	word-break: break-all;
}

.cblock-scroll p {
	line-height: 1.5em;
	margin-bottom: 8px;
}

.cblock-scroll-lg {
	/*width:100%;*/
	height: auto;
	max-height: 300px;
}

/*list-style-mark代表※專用的樣式 */
ol.list-style-mark {
	margin-left: 0;
	list-style-type: none;
}

ol.list-style-mark li {
	margin: 4px 0;
}

ol.list-style-mark li p {
	margin: -1.5em 0 0 1em;
}

ol.list-style-mark li:before {
	content: "※";
	margin-right: 5px;
}
/*※內包含其他階層的縮排*/
ol.list-style-mark li ol.list-style-type01, ol.list-style-mark li ol.list-style-type02
	{
	margin-left: 2.2em;
}

ol.list-style-mark li ol.list-style-type01 li:before, ol.list-style-mark li ol.list-style-type02 li:before,
	ol.list-style-mark li ol.list-style-type03 li:before, ol.list-style-mark li ol.list-style-type04 li:before
	{
	content: "";
	margin-right: 0;
}

/*四個list-style階層的共用設定*/
ol.list-style-type01, ol.list-style-type02, ol.list-style-type03, ol.list-style-type04
	{
	margin-left: 1.8em;
	margin-bottom: 4px;
}

ol.list-style-type03, ol.list-style-type04 {
	margin-left: 1em;
}

ol.list-style-type01 li, ol.list-style-type02 li, ol.list-style-type03 li,
	ol.list-style-type04 li {
	margin: 4px 0;
}
/*list階層內包含※的縮排*/
ol.list-style-type01 li ol.list-style-mark li, ol.list-style-type02 li ol.list-style-mark li,
	ol.list-style-type03 li ol.list-style-mark li, ol.list-style-type04 li ol.list-style-mark li
	{
	list-style-type: none;
}

/*list-style-type01代表阿拉伯數字專用的樣式*/ /*decimal*/
ol.list-style-type01 li {
	list-style-type: decimal; /*阿拉伯數字*/
}

/*list-style-type02代表數字前加0專用的樣式*/ /*decimal-leading-zero*/
ol.list-style-type02 li {
	list-style-type: decimal-leading-zero;
}

/*list-style-type03代表英文專用的樣式*/ /*lower-alpha*/
ol.list-style-type03 li {
	list-style-type: lower-alpha;
}

/*list-style-type04代表羅馬數字專用的樣式*/ /*lower-roman*/
ol.list-style-type04 li {
	list-style-type: lower-roman;
}

/*提示/備註文字*/
.remark {
	color: #e50909;
	font-size: 0.9375em;
}

.tool-tips {
	color: #e50909;
	color: #b90a0a;
	font-weight: bold;
	margin: 10px 15px 40px;
}

.tool-tips p {
	margin: 0px 0px 10px;
}

/*頁數*/
.pagination {
	width: 100%;
	margin: 10px auto;
	text-align: center;
	clear: both;
	display: block;
}

.pagination ul {
	width: 100%;
}

.pagination ul li {
	/*float:left;*/
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	width: 45px;
	height: 40px;
	line-height: 40px;
	margin: 0 3px;
}

.pagination a {
	display: block;
	/*padding: 8px 16px;*/
	text-align: center;
	color: #555;
	background: #fff;
	text-decoration: none;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	/*margin: 0 3px;*/
	/*-webkit-transition: background-color .2s;*/ /* Safari 3.1 to 6.0 */
	/*transition: background-color .2s;*/
}

.pagination li.active a {
	background-color: #b5b5b5;
	color: #fff;
	border: 1px solid #b5b5b5;
	font-weight: 600;
}

.pagination li:not (.active ) a:hover {
	background-color: #b5b5b5;
	color: #fff;
	border: 1px solid #b5b5b5;
	font-weight: 600;
}

.pagination .active a {
	
}

.pagination .pg-nums {
	color: #333;
	margin: 0px 16px;
	display: none;
}

.pagination .pg-nums em {
	font-style: normal;
	/*color:#009ae3;
    font-weight: 600;*/
}

.pagination .pg-prev, .pagination .pg-next {
	width: 100px;
}

.pagination .pg-prev a:before {
	content: "\f100";
	padding-right: 5px;
	font-family: FontAwesome;
}

.pagination .pg-next a:after {
	content: "\f101";
	padding-left: 5px;
	font-family: FontAwesome;
}

/*otp驗證區塊*/
.word-info.otp-info {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.otp-info .item {
	font-size: 20px;
	margin-bottom: 5px;
}

.otp-info .item h4 {
	color: #666;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: inherit;
}

.otp-info .tool-tips {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.otp-validation {
	margin: 20px auto 20px;
	vertical-align: top;
	width: 600px;
}

.otp-radio-block {
	/*padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #bbb; */
	
}

.otp-data-block {
	width: 100%;
	margin: 0px auto;
	border-top: 1px solid #ddd;
}

.otp-btn-bar {
	margin-top: 10px;
	margin-bottom: 40px;
}

.radio-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	width: calc(50% - 34px);
	word-break: break-all;
	text-align: center;
}

.radio-item .pretty {
	margin-right: 0px;
}

.radio-item .pretty .state {
	position: relative;
	font-size: 20px;
}

.radio-item .pretty .state label:before, .radio-item .pretty .state label:after
	{
	left: auto;
}

.radio-item p {
	display: inline-block;
	word-break: break-all;
	margin-top: 15px;
	margin: 15px auto 0px;
}

.pretty .item-icon {
	margin-bottom: 20px;
}

.radio-item p, .pretty .item-icon {
	width: 100%;
	max-width: 190px;
}

/*錯誤訊息*/
/*20220720-增加:成功送認證碼狀態*/
.error-msg,
.success-msg {
	margin: 10px 0 20px;
	/*padding:10px;*/
	padding: 10px 10px 5px;
	position: relative;
}

.error-msg p,
.success-msg p {
	margin-bottom: 5px;
	margin-left: 1em; 
	/*org 1.5em*/
	margin-right: 2em;
}

.error-msg {
	background: #fff0f1;
	color: #9b0404;
}

.error-msg .error-close {
  color: #9b0404;
}

.success-msg {
  background: #d8fcdb;
  color: #13887B;
}

.success-msg .error-close {
  color: #13887B;
}

.error-close {
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 10;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 20px;
	color: #9b0404;
	text-align: center;
}

.error-close:hover {
	color: #444;
}

.error-close i {
	vertical-align: middle;
	line-height: 40px;
}

.otp-data-block h4 {
	display: block;
	text-align: left;
	margin: 10px 0px 5px;
}

.otp-data-block-msg {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #9b0404;
	margin: 10px 0px 5px;
}

.otp-data-block .form-control {
	/*display:inline-block;*/
	/*width:calc(100% - 130px);*/
	width: calc(100%);
}

.otp-data-block .button {
	margin-right: 0;
	margin-left: 10px;
}

.otp-data-block .tool-tips {
	margin-left: 0;
}

/*scrollBar樣式覆寫調整*/
/*.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:10px;
}*/
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.25);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.7);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: rgba(0, 0, 0, 0.75);
}

.tb-overflow.mCustomScrollbar .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
	{
	width: 100%;
}
/*顏色調整*/
.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail
	{
	height: 6px;
	margin: 5px 0;
}

.cblock-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar
	{
	background: rgba(0, 0, 0, 0.25);
}

.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.cblock-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
	{
	background-color: rgba(0, 0, 0, 0.4);
}

.tb-overflow.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.cblock-scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
	{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
}

/*右側快捷鍵*/
#pg-control-bar {
	position: fixed;
	z-index: 120;
	right: 0px;
	bottom: 280px;
	display: none;
}

#pg-control-bar .item {
	display: block;
	background: #777;
	color: #fff;
	width: 56px;
	height: 56px;
	border-radius: 5px 0px 0px 5px;
}

#pg-control-bar .item:hover, #pg-control-bar .item.active {
	background: #014199;
}

#pg-control-bar .item.active {
	/*-webkit-transition: background-color .2s;*/ /* Safari 3.1 to 6.0 */
	/*transition: background-color .2s;*/
	border-radius: 0px 0px 0px 0px;
}

#pg-control-bar .item h4 {
	text-align: center;
	vertical-align: middle;
	line-height: 56px;
}

.switch-hd {
	
}

i.switch {
	width: 30px;
	height: 30px;
	background: url(../images/icon/switch.png) no-repeat left top;
	background-size: 100% 100%;
	margin-right: 0px;
	display: inline-block;
	vertical-align: middle;
}

.switch-cate {
	position: absolute;
	right: 56px;
	top: 0px;
	width: 350px;
	background: #014199;
	padding: 8px;
	display: none;
	border-radius: 3px 0px 3px 3px;
}

.switch-cate.open {
	display: block;
}

.switch-cate li {
	width: calc(100%/ 4);
	/*height:auto;*/
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-weight: 300;
	float: left;
	text-align: center;
	/*margin-bottom:5px;*/
}

.switch-cate li a {
	color: #fff;
	text-decoration: none;
	padding: 20px 0px 15px 0px;
	display: block;
}

.switch-cate li a:hover, .switch-cate li.active {
	background: #009ae4;
}

.switch-cate i.icon {
	display: block;
	/*width:50px;
    height: 34px;*/
	width: 44px;
	height: 30px;
	margin: 0px auto 8px;
}

.switch-cate i.nav01 {
	background: url(../images/icon/category01_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav02 {
	background: url(../images/icon/category02_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav03 {
	background: url(../images/icon/category03_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav04 {
	background: url(../images/icon/category04_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav05 {
	background: url(../images/icon/category05_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav06 {
	background: url(../images/icon/category06_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav07 {
	background: url(../images/icon/category07_on.png) no-repeat center top;
	background-size: 100% 100%;
}

.switch-cate i.nav08 {
	background: url(../images/icon/category08_on.png) no-repeat center top;
	background-size: 100% 100%;
}

/*for datepicker*/
.date-picker-box {
	vertical-align: middle;
}

/*datepicker樣式覆寫調整*/
.uib-datepicker-popup {
	
}

.uib-yearpicker table thead th, .uib-monthpicker table thead th,
	.uib-daypicker table thead th {
	/*width:calc(100% / 3);*/
	
}

.date-picker-box .input-group-btn .btn-default {
	font-size: 15px;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
}

.uib-datepicker-popup .btn-default {
	background: inherit;
	color: inherit;
	font-size: inherit;
}

.uib-datepicker-popup .pull-left, .uib-datepicker-popup .pull-right {
	border-color: #ccc;
	border: 0px solid transparent;
	border-color: transparent;
}

.uib-datepicker-popup .pull-left:focus, .uib-datepicker-popup .pull-right:focus
	{
	outline: none;
}

.uib-datepicker-popup th, .uib-datepicker-popup td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

.uib-datepicker-popup .btn-group-sm>.btn, .uib-datepicker-popup .btn-sm
	{
	padding: 5px 10px;
	font-size: 15px;
}

.uib-datepicker-popup .btn-info {
	padding: 5px 10px;
	/*padding: 3px 7px;*/
	/*font-size: 13px;*/
}

.uib-datepicker-popup h6, .uib-datepicker-popup .h6 {
	/*font-size: 13px;*/
	font-size: 95%;
	vertical-align: middle;
}

.uib-datepicker-popup .small, .uib-datepicker-popup small {
	font-size: 95%;
}

.uib-datepicker-popup.dropdown-menu>li {
	border-bottom: 0px #36a8dc solid !important;
}

.uib-datepicker-popup .btn-default.active.focus, .uib-datepicker-popup .btn-default.active:focus,
	.uib-datepicker-popup .btn-default.active:hover, .uib-datepicker-popup .btn-default:active.focus,
	.uib-datepicker-popup .btn-default:active:focus, .uib-datepicker-popup .btn-default:active:hover,
	.uib-datepicker-popup .open>.dropdown-toggle.btn-default.focus,
	.uib-datepicker-popup .open>.dropdown-toggle.btn-default:focus,
	.uib-datepicker-popup .open>.dropdown-toggle.btn-default:hover {
	border-color: #8c8c8c;
	border-color: transparent;
	/*border-width: 0px !important;*/
	outline: none;
}

.uib-datepicker-popup .btn-default.active, .uib-datepicker-popup .btn-default:active
	{
	color: #fff !important;
	background-color: #8c8c8c;
}

.uib-title {
	border-width: 0px;
}

.uib-month .btn {
	border-width: 0px;
}

.uib-year .btn {
	border-width: 0px;
}

.uib-datepicker-popup .text-info {
	font-weight: 600;
	color: #ed701c;
}

.uib-day .btn-info:hover {
	border-color: #ed701c;
}
/*.uib-day .btn-info{
    background-color: #ed701c !important;                                        
}*/
.uib-datepicker-popup .btn-default.active .text-info,
	.uib-datepicker-popup .btn-default:active .text-info {
	color: #fff;
}

.uib-datepicker-popup .btn.active, .uib-datepicker-popup .btn:active {
	box-shadow: inset 0 0px 8px rgba(0, 0, 0, .125);
}

.uib-months td {
	padding: 3px 6px;
}

.uib-datepicker-current {
	
}

.uib-button-bar {
	margin-top: 10px;
}

/*for拖曳欄位*/
.tb-dragged, td.tb-dragged {
	min-height: 22px;
}

.tb-dragged i, td.tb-dragged i {
	/*text-align: right;
    float: right;*/
	
}

/*sortable拖曳套件樣式*/
.sorted_table tr {
	cursor: pointer;
}

.sorted-items {
	position: relative;
}

.ui-sortable-helper {
	width: 100%;
}

.ui-sortable-helper td {
	background-color: transparent;
	/*width:calc(100% / 4);*/
}

.ui-sortable-helper td:nth-child(2) {
	/*width:calc(100% / 3);*/
	/*white-space:nowrap;*/
	
}
/*.ui-sortable-helper td.tb-dragged{
    display: none;
}*/
/*.ui-sortable-placeholder{
    background-color: #555;
    visibility: visible !important;
}*/
.item-highlight {
	/*background-color: #f9fbfe;*/
	background-color: #fff;
	border: 2px #009ae3 dashed;
	color: #444444 !important;
}

.item-highlight td {
	color: #444444 !important;
}

.sorted-items .highlight {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*================Responsive相關設定================*/
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:1199px) {
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*.standard{
        clear:both;
        margin-top: 10px;
        margin-bottom: 5px;
        text-align: center;
    }*/
	.tb-multiple table th, .tb-multiple table td, .tb-multiple .tb-title,
		.tb-multiple .tb-conts {
		font-size: 16px;
	}
	.tb-conts.tb-nums {
		/*font-size:0.9375em;*/
		font-size: 15px;
	}
	.tb-conts.tb-date {
		/*font-size:0.9375em;*/
		font-size: 15px;
	}
	.tb-single-detail .col-multi {
		min-height: 72px !important;
	}
	.tb-single-detail .col-multi02 {
		min-height: 82px !important;
	}
	.tb-multiple-detail .col-multi, .tb-multiple-detail .tb-title.col-multi
		{
		min-height: 72px !important;
	}
	.tb-multiple-detail .col-multi02, .tb-multiple-detail .tb-title.col-multi02
		{
		min-height: 82px !important;
	}
}

@media screen and (min-width: 768px) {
	.category-navbar .left, .category-subnavbar .left {
		float: none;
		width: 100%;
	}
	.category-navbar .right, .category-subnavbar .right {
		float: none;
		width: 100%;
	}
	.tb-single .col-multi {
		min-height: 44px;
	}
	.tb-single .col-multi02 {
		min-height: 44px;
	}

	/*Tabnav*/
	.tab-navbar .left, .tab-navbar .right {
		float: none;
		width: 100%;
	}

	/*多筆表格*/
	.tb-multiple table>thead>tr>th {
		vertical-align: middle;
	}
	.tb-multiple .col-multi, .tb-multiple .tb-title.col-multi {
		min-height: 44px;
	}
	.tb-multiple .col-multi02, .tb-multiple .tb-title.col-multi02 {
		min-height: 44px;
	}

	/*區塊共用設定*/
	.word-info .words .form-group, .word-info .words .form-control {
		display: inline-block;
		width: auto;
	}

	/*table 欄位英數字數設定*/
	.tb-multiple table thead tr th.tb-word-limit05 {
		width: 6em;
		min-width: 6em;
	}
	.tb-multiple table thead tr th.tb-word-limit12 {
		width: 13em;
		min-width: 13em;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.tb-single .col-multi02 {
		min-height: 72px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	/*.main-navbar .navbar-collapse.collapse {
        display: none !important;
    }*/
	.cg-nav li {
		font-size: 14px;
	}
	.cg-subnav {
		padding-bottom: 8px;
	}
	.cg-subnav li {
		margin-bottom: 8px;
	}
	.trad .cg-nav li {
		width: calc(100%/ 7 - 6px);
	}
	.invest .cg-nav li {
		width: calc(100%/ 8 - 6px);
	}
	.cg-nav li {
		margin-right: 2px;
		width: calc(100%/ 8 - 6px);
	}
	.cg-nav li:last-child {
		margin-right: 0px;
	}
	.cg-nav i.icon {
		width: 44px;
		height: 30px;
	}
	.active i.nav01, .cg-nav li:hover i.nav01, .active i.nav02, .cg-nav li:hover i.nav02,
		.active i.nav03, .cg-nav li:hover i.nav03, .active i.nav04, .cg-nav li:hover i.nav04,
		.active i.nav05, .cg-nav li:hover i.nav05, .active i.nav06, .cg-nav li:hover i.nav06,
		.active i.nav07, .cg-nav li:hover i.nav07, .active i.nav08, .cg-nav li:hover i.nav08
		{
		background-size: 100% 100%;
	}
	.tab-nav {
		width: 70%;
		/*padding-bottom: 0px;*/
	}
	/*數量2個*/
	.tab-nav.tab-num-2 {
		width: 40%;
	}
	/*數量3個*/
	.tab-nav.tab-num-3 {
		width: 50%;
	}

	/*保單基本資料*/
	.tb-single .row:first-child .col:nth-child(1), .tb-single .row:first-child .col:nth-child(2)
		{
		border-bottom-width: 0px;
	}
	.tb-single-detail .col-multi {
		min-height: 60px !important;
	}
	.tb-single-detail .col-multi02 {
		min-height: 72px !important;
	}
	.tb-single-detail .tb-title, .tb-single-detail .tb-conts {
		font-size: 16px;
	}
	.tb-multiple-detail .col-multi, .tb-multiple-detail .tb-title.col-multi
		{
		min-height: 60px;
	}
	.tb-multiple-detail .col-multi02, .tb-multiple-detail .tb-title.col-multi02
		{
		min-height: 72px;
	}
	.tb-multiple-detail .tb-title, .tb-multiple-detail .tb-conts {
		font-size: 16px;
	}

	/*6個字元折行*/
	.tb-wordwrap-06 th {
		width: 7em;
	}

	/*更多詳細TR*/
	.tb-more, .tb-multiple .tb-more {
		padding-left: 0px;
		padding-right: 0px;
	}
	.tb-single .tb-more, .tb-single-detail .tb-more {
		padding-left: 8px;
		padding-right: 8px;
	}
	.tb-more .btn-more {
		/*display: block;*/
		margin-left: 0px;
		margin-top: 3px;
	}
	.tb-single .tb-more .btn-more {
		margin-top: 0px;
	}
	.more-detail-info {
		width: 90%;
	}
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width:767px) {
	
	.word-info .item .words .form-group {
		margin-bottom: 0px;
	}
	/*.word-info .item .words .form-group:last-child{
        margin-bottom: 15px;
    }*/
	.word-info .btn-bar {
		margin: 10px 0 15px 0px;
		display: block;
	}
	.word-info .form-inline .form-group {
		/*width:50%;*/
		/*display: inline-block;*/
		
	}
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.word-info .form-inline .input-group {
		display: inline-table;
		vertical-align: middle;
	}
	.word-info .form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.word-info .date-group .form-group {
		width: 47%;
	}
	.word-info .date-group .mid-word {
		width: 6%;
	}
	.word-info .button a, .word-info a.button {
		margin-bottom: 0px;
	}
	.word-wrap {
		display: inline-block;
	}

	/*.btn-smaller{
        margin-bottom:15px;
    }*/
	.cblock-subconts {
		margin: 0px 0px 20px;
	}
	.category-navbar, .category-subnavbar {
		text-align: left;
		/*position: relative;*/
	}
	.category-navbar {
		z-index: 20;
	}
	.category-subnavbar {
		margin-top: 20px;
		z-index: 10;
		border: 0px #ddd solid;
	}
	.category-navbar .left, .category-subnavbar .left {
		float: left;
		width: 30%;
		text-align: center;
	}
	.category-navbar .right, .category-subnavbar .right {
		float: left;
		width: calc(100% - 31%);
		position: relative;
	}
	.category-navbar .right {
		z-index: 25;
	}
	.cg-nav-title, .cg-subnav-title, .cg-disable-title {
		font-weight: 500;
	}
	.cg-nav-title a, .cg-subnav-title a, .cg-disable-title a {
		display: block;
		margin: 0px;
		padding: 8px 12px;
		text-align: left;
		border-radius: 3px;
		color: #fff;
		text-decoration: none;
	}
	.cg-nav-title a {
		background: #f18030;
	}
	.cg-nav-title a:hover {
		background: #d75f09;
		color: #fff;
	}
	.cg-subnav-title a {
		background: #909090;
	}
	.cg-subnav-title a:hover {
		background: #555;
		color: #fff;
	}

	/*disabled狀態*/
	.cg-disable-title a {
		background: #ccc;
	}
	.cg-disable-title a:hover {
		background: #ccc;
		cursor: default;
	}
	.cg-nav-title a i, .cg-subnav-title a i, .cg-disable-title a i {
		float: right;
		margin-top: 2px;
	}
	.cg-nav, .cg-subnav {
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		/*border:0px #ddd solid;*/
		border-radius: 0px 0px 5px 5px;
		padding-bottom: 0px;
		margin: 0px auto;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		position: absolute;
		top: auto;
		right: 0px;
		z-index: 20;
	}
	.cg-nav i.icon, .cg-nav-title i.icon, .cg-subnav i.icon,
		.cg-subnav-title i.icon, .cg-disable i.icon, .cg-disable-title i.icon
		{
		display: none;
	}
	.cg-nav li, .cg-subnav li {
		/*padding: 8px 12px;*/
		text-align: left; /*center org*/
		border-radius: 0px;
		width: 100% !important;
		float: none;
		width: 100%;
		display: none;
		background: transparent;
		box-sizing: border-box;
	}
	.cg-nav li a, .cg-subnav li a {
		padding: 8px 24px;
		/*text-align: center;*/
		text-align: left;
		border-radius: 0px;
	}
	.cg-nav li:last-child a, .cg-subnav li:last-child a {
		border-radius: 0px 0px 3px 3px;
	}
	.cg-nav .active a:after {
		display: none;
	}
	.cg-nav li a:hover {
		background: #ffe1cb;
		color: #555;
	}
	.cg-subnav li a:hover {
		background: #eee;
		color: #555;
	}
	.cg-nav .active a, .cg-subnav .active a {
		/*background: #ccc;*/
		background: transparent;
		color: #555;
	}

	/*.pretty .state label:before,
    .pretty .state label:after,
    .pretty.p-icon .state .icon{
        top: calc((100% - (100% - 1em)) - 20px);
    }*/

	/*改變預設值大小*/
	/*.pretty.p-default .state label:after {
	    -webkit-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	}*/

	/*Tabnav*/
	.tab-navbar {
		text-align: left;
		/*position: relative;*/
		z-index: 20;
		min-height: 20px;
	}
	.tab-navbar .left {
		float: left;
		width: 30%;
		text-align: center;
	}
	.tab-navbar .right {
		float: left;
		width: calc(100% - 31%);
		position: relative;
	}
	.tab-nav-title {
		font-weight: 500;
	}
	.tab-nav-title a, .tab-nav-title span, .tab-nav-title .dis-active {
		display: block;
		margin: 0px;
		padding: 8px 12px;
		text-align: left;
		border-radius: 3px;
		color: #fff;
		text-decoration: none;
		background: #f6a800;
		color: #fff;
	}
	.tab-nav-title a:hover, .tab-nav-title span:hover, .tab-nav-title .dis-active:hover
		{
		background: #e79f05;
		color: #fff;
	}
	.tab-nav-title a i {
		float: right;
		margin-top: 4px;
	}
	.tab-nav {
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		border: 0px #ddd solid;
		border-radius: 0px 0px 5px 5px;
		padding-bottom: 0px;
		margin: 0px auto;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		position: absolute;
		top: auto;
		right: 0px;
		z-index: 20;
	}
	.tab-nav.tab-num-2, .tab-nav.tab-num-3, .tab-nav.tab-num-4, .tab-nav.tab-num-5,
		.tab-nav.tab-num-6, .tab-nav.tab-num-7, .tab-nav.tab-num-8 {
		width: 100%;
	}
	.tab-nav li {
		/*padding: 8px 12px;*/
		box-sizing: border-box;
		text-align: left; /*center*/
		border-radius: 0px;
		width: 100% !important;
		float: none;
		width: 100%;
		display: none;
		background: transparent;
		font-size: 16px;
	}
	.tab-nav .active {
		border-bottom: 0px;
	}
	.tab-nav li a {
		padding: 8px 24px;
		/*text-align: center;*/
		text-align: left;
		border-radius: 0px;
		border-bottom: 0px;
	}
	.tab-nav li:last-child a {
		border-radius: 0px 0px 3px 3px;
	}
	.tab-nav li a:hover {
		background: #fff7e6;
		color: #555;
	}
	.tab-nav .active a {
		/*background: #ccc;*/
		background: transparent;
		color: #555;
	}
	.tab-nav li.dis-active, .tab-nav li.dis-active a, .tab-nav li .dis-active
		{
		padding: 8px 24px;
		text-align: left;
		/*display: none !important;*/
	}
	.tab-nav li .dis-active {
		float: left;
		width: 100%;
	}
	.tab-nav li.dis-active:hover, .tab-nav li.dis-active a:hover, .tab-nav li .dis-active:hover
		{
		/*background: transparent;*/
		background: #f0f0f0;
		color: #bbb;
	}
	.tab-nav.tab-num-2, .tab-nav.tab-num-3, .tab-nav.tab-num-5, .tab-nav.tab-num-6,
		.tab-nav.tab-num-7, .tab-nav.tab-num-8 {
		width: 100%;
	}
	/*.tab-nav li .fa{
        display: none;
    }*/
	.checkbox-navbar {
		font-size: 18px;
	}
	.checkbox-navbar .pretty {
		margin-right: 20px;
	}

	/*表格共用設定*/
	.tb-title, .tb-conts, .tb-nums, .tb-date, .tb-check {
		font-size: 16px;
		/*position: relative;
        padding:4px 15px;*/
	}
	.tb-check .pretty {
		/*display: block;*/
		/*width:50%;*/
		
	}

	/*保單基本資料*/
	.tb-single .row:first-child .col:nth-child(1), .tb-single .row:first-child .col:nth-child(2)
		{
		border-bottom-width: 0px;
	}
	.tb-single table th, .tb-single table td {
		/*width:50%;*/
		box-sizing: border-box;
	}
	.tb-single table th, .tb-single table td {
		float: left;
	}
	.tb-single table td {
		
	}
	.tb-single table td[class*="col-"], .tb-single table th[class*="col-"] {
		border-bottom-width: 0px;
	}
	.tb-single table tr:first-child {
		border-top-width: 0px;
	}
	.tb-single .col.col-multi {
		min-height: 60px;
	}
	.tb-single .col.col-multi02 {
		min-height: 86px;
	}

	/*6個字元折行*/
	.tb-single .tb-wordwrap-06 .col {
		min-height: 60px;
	}

	/*轉帳扣款記錄*/
	.tb-multiple {
		margin-top: 20px;
	}
	.tb-multiple table {
		background: transparent;
	}
	.tb-multiple table tr, .tb-multiple .tb-title, .tb-multiple .tb-conts,
		.tb-options table tr, .tb-options .tb-title, .tb-options .tb-conts {
		background: #ebf2fc;
		border-radius: 3px;
	}

	/*.tb-multiple table tr:nth-child(even),
    .tb-multiple table tr:nth-child(even) td{
        background: #ebf2fc;
    }*/
	.tb-multiple table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tb-multiple tbody td:before {
		position: absolute;
		top: 6px; /*org 4px*/
		left: 15px;
		width: 6em; /*33.33333333%*/
		/*padding-right: 10px;*/
		/*white-space: nowrap;*/
		text-align: left;
		font-weight: 500;
		color: #333;
		content: attr(data-title);
		line-height: 1.2em;
	}

	/*.tb-multiple td {
        position:relative;
        line-height:1.5em; 
        height:3em;
        overflow:hidden;
    }*/ /* 高度需要顯示的行數*行高*/
	/*.tb-multiple td:after {
        content:"...";
        position:absolute;
        bottom:0;
        right:0;
        padding: 0 5px;
        background-color: #fff;
    }*/
	.tb-multiple tr, .tb-options tr {
		margin-bottom: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.tb-multiple td {
		position: relative;
		border: none !important;
		/*border-bottom: 1px solid #eee !important;*/
		padding-left: 8em !important;
		/*padding-left: 35.66666667% !important;*/
		white-space: normal;
		text-align: left;
		color: #004098;
	}
	/*跨全部欄位*/
	.tb-multiple td.colspanAll, .tb-multiple th.colspanAll {
		padding-left: 8px !important;
	}
	.tb-multiple table td[class*="col-"], .tb-multiple table th[class*="col-"],
		.tb-multiple table th[class*="tb-"], .tb-multiple table td[class*="tb-"],
		.tb-options table td[class*="col-"], .tb-options table th[class*="col-"],
		.tb-options table th[class*="tb-"], .tb-options table td[class*="tb-"]
		{
		position: relative;
		padding: 4px 15px;
	}
	.tb-multiple table, .tb-multiple table thead, .tb-multiple table tbody,
		.tb-multiple table tr, .tb-multiple table th, .tb-multiple table td {
		display: block;
		text-align: left;
	}
	.tb-multiple .col-multi {
		/*min-height:auto;*/
		min-height: calc(16px * 1.5 * 1.8); /*org 2-->1.5*/
	}
	.tb-multiple .col-multi02 {
		min-height: calc(16px * 2.2 * 1.8);
	}
	.tb-multiple .col-multi03 {
		min-height: calc(16px * 3 * 1.8);
	}

	/*checkbox不需data-title*/
	.tb-multiple tbody td.tb-check:before {
		content: '';
		width: 0;
	}
	.tb-multiple td.tb-check {
		padding-left: 15px !important;
		padding-top: 0px !important;
		padding-bottom: 8px !important;
		border-bottom: 1px #ccc solid !important;
		margin-bottom: 5px;
		background: #ebf2fc;
	}
	.tb-multiple td.tb-check .pretty i {
		margin-right: 5px;
	}
	.tb-multiple td.tb-check .pretty label, .tb-multiple td .pretty input:checked 
		~ .state {
		color: #666;
	}
	.tb-multiple td.tb-check .pretty label:after {
		color: #666;
	}
	.tb-multiple td.tb-check .pretty:not ("p-round") label:after {
		/*content:'勾選';*/
		
	}
	.tb-multiple td.tb-check .pretty.p-round label:after {
		/*content:'勾選';*/
		/*font-size:20px;
        margin-top: -6px;
        margin-left: -2px;*/
		
	}

	/*checkbox 向左對齊*/
	.tb-check.tb-check-td .pretty {
		text-align: left;
	}
	.form-control.input-nums, input.input-nums, .form-control.input-percent,
		.form-control.input-wrap {
		/*width:70%;*/
		margin-right: 0px;
		margin-left: 0px;
	}
	.form-control.input-percent, .form-control.input-wrap {
		display: inline-block;
	}

	/*投資風險適合度*/
	.tb-options table {
		background: transparent;
	}
	.tb-options table tr {
		display: inline-block;
		width: 100%;
	}
	.tb-options table>tbody>tr>td {
		border: 0;
		display: block;
	}
	.word-info .word-wrap {
		display: inline;
	}
	.tb-options tbody td:before {
		text-align: left;
		font-weight: 500;
		/*color: #333;*/
		content: attr(data-title);
		line-height: 1.2em;
		font-size: 18px;
	}
	.tb-options .tb-title, .tb-options .tb-score-conts {
		text-align: left;
		border-radius: 0px;
		font-size: 18px;
	}
	.tb-options .subtotal {
		background: #eee;
	}
	.tb-score {
		padding: 0px;
	}
	.tb-score .tb-title {
		font-size: 18px;
	}
	.tb-score .table>tbody>tr>td {
		display: block;
		padding: 12px 15px;
	}
	.tb-score .table>tbody>tr>td:first-child {
		border-right: 0 !important;
		border-bottom: 1px #bbb solid !important;
	}

	/*詳細更多TR*/
	.more-detail {
		margin-top: -20px;
		padding-top: 0px;
	}
	.more-detail td:first-child {
		padding-left: 15px !important;
		padding-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.more-detail td td:first-child {
		padding-left: 8em !important; /*35.66666667%*/
		padding-right: 15px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.more-detail-info {
		width: 100%;
		margin: -10px auto 0px;
		padding-top: 15px;
		border-top: 1px #b2cfe8 solid;
	}
	.tb-single .more-detail-info {
		margin: 0px auto 0px;
		border-top: 0px #b2cfe8 solid;
	}
	.subtb-title {
		font-size: 16px;
	}
	.subtb-info li {
		width: calc(100%/ 2);
	}
	li.account-nums {
		width: 100%;
	}
	.subtable, .table .subtable {
		background: transparent;
	}
	.tb-multiple tr .subtable tr, .subtable .tb-title, .subtable .tb-conts,
		.subtable .tb-score-conts {
		background: #fff;
	}

	/*小計TR*/
	.tb-multiple tr.subtotal, .subtotal, .subtotal td, .subtotal .tb-title,
		.subtotal .tb-conts, .subtotal .tb-score-conts {
		background: #eee;
		/*font-weight: 400;*/
	}
	.subtotal td:first-child:before {
		width: 0%;
		padding-right: 0;
		content: "";
	}

	/*.tb-multiple tr.subtotal{
        padding-top:0px;
    }*/
	.subtotal td:first-child {
		padding-left: 15px !important;
		font-size: 18px;
		color: #333;
		/*background: #bbb;
        padding-top:10px !important;
        color:#fff;*/
		padding-bottom: 8px !important;
		margin-bottom: 8px;
		border-bottom: 1px #bbb solid !important;
		border-radius: 0px;
		/*font-weight: 600;*/
	}
	/*.subtotal td:first-child:after{
        border-bottom: 2px #333 solid !important;
        padding-bottom:10px !important;
        margin-bottom:10px !important;
       content: "";
    }*/
	.tb-options .subtotal td:first-child {
		text-align: left;
		padding-right: 15px !important;
		padding-top: 8px !important;
	}

	/*步驟條*/
	.step-bar {
		width: 100%;
		margin: 0px auto 10px;
	}
	/*.step-conts span {
        display:block;
    }*/
	.step-bar .word-wrap {
		display: block;
	}

	/*tab*/
	.note-info .pretty {
		white-space: normal;
	}
	.note-tab-bar {
		height: auto;
		min-height: 100px;
		/*border-radius:0;*/
	}
	.note-tab-bar .tab-item {
		width: calc(100%);
		display: block;
		border: 0;
		/*line-height: 50px;
        height: 50px;   */
		line-height: 50px;
		min-height: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
		height: auto;
	}
	.note-tab-bar .pretty {
		white-space: normal;
		line-height: 1.4em;
		min-height: 20px;
		vertical-align: middle;
	}
	.note-tab-bar .pretty .state label:before, .note-tab-bar .pretty .state label:after,
		.note-tab-bar .pretty.p-icon .state .icon {
		top: calc(( 100% - ( 100% - 1em))- 16px);
	}
	.note-tab-bar .tab-item:last-child {
		border-top: 1px solid #fff;
	}
	.note-check-bar {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	/*checkbox全選設定*/
	.rwd-checkall {
		display: block;
	}

	/*Scrollbar區塊*/
	.cblock-scroll {
		padding: 20px;
	}
	tr.mCustomScrollbar {
		margin-bottom: 40px;
		padding-bottom: 10px;
	}
	/*頁數*/
	.pagination ul li {
		display: none;
		height: 42px;
		line-height: 42px;
	}
	.pagination ul li.pg-prev {
		display: inline-block;
		font-size: 18px;
	}
	.pagination ul li.pg-next {
		display: inline-block;
		font-size: 18px;
	}
	.pagination ul li.pg-nums {
		display: inline-block;
		margin: 0px 40px;
		font-size: 18px;
	}
	.pagination .pg-prev, .pagination .pg-next {
		width: calc(80%/ 3);
	}

	/*.pagination .pg-prev,
    .pagination .pg-next{
        width:180px;
    }*/
	.otp-data-block .form-control {
		display: inline-block;
	}

	/*子項目*/
	.cblock-subtitle {
		margin-top: 30px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.cblock-subtitle:before {
		width: 5px;
		height: 20px;
	}
	.tb-single-detail {
		margin-top: 20px;
	}
	.tb-single .table-input td[class*="col-"], .tb-single .table-input th[class*="col-"],
		.tb-single-detail table td[class*="col-"], .tb-single-detail table th[class*="col-"]
		{
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		border-bottom-width: 0px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.tb-single-detail table tr:first-child {
		border-top-width: 0px;
	}

	/*.tb-single .table-input td[class*="col-"],*/
	.tb-single-detail table td[class*="col-"] {
		margin-bottom: 10px;
	}
	.tb-single-detail .col.col-multi {
		min-height: 44px;
	}
	.tb-single-detail .col.col-multi02 {
		min-height: 44px;
	}
	.tb-single .table-input td[class*="col-"], .tb-single .table-input th[class*="col-"]
		{
		min-height: 44px;
		border-bottom-width: 1px;
	}
	.tb-single span, .table-input span {
		vertical-align: top;
	}
	/*.tb-single .table-input tr:first-child{
        border-top-width:1px;
    }*/

	/*圖表*/
	.chart-block .series-item {
		/*margin-top:30px;
        margin-bottom:10px;*/
		
	}

	/*拖曳欄位*/
	.tb-dragged, .tb-single td.tb-dragged, .tb-single-detail td.tb-dragged,
		.tb-multiple td.tb-dragged {
		text-align: right;
	}
	.tb-dragged i {
		font-size: 1.4em;
	}
	.ui-sortable-helper {
		width: 100%;
		/*background: #ebf2fc;*/
		background: #d0eaf5 !important;
	}
	.ui-sortable-helper td {
		background: #d0eaf5 !important;
		color: #004098;
		width: 100%;
		display: block;
	}
	.ui-sortable-helper td:nth-child(2) {
		width: auto;
	}

	/*.ui-sortable-placeholder{
        background-color: inherit;
        background-color: #f9fbfe;
        border:2px #bbb dashed;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:0px;
    }*/
	.item-highlight {
		background-color: transparent;
		/*border:2px #009ae3 dashed;
        background: #d0eaf5 !important;*/
	}
	.item-highlight td {
		color: #004098 !important;
	}

	/*.sorted-items tr.highlight{  
        padding-top:0px !important;
        padding-bottom:0px !important;        
    }*/

	/*.ui-sortable-placeholder td{
        background-color: #f9fbfe;   
        padding-top:0px;
        padding-bottom:0px; 
    }*/

	/*.sorted-items .tb-dragged{
        display: none;
    }*/
}

@media screen and (max-width:640px) {
	.otp-validation {
		width: 100%;
	}
}

@media screen and (max-width:590px) {
	.word-info {
		margin-bottom: 0px;
	}
	.word-info .btn-bar {
		margin: 10px 0px 0px;
	}
	.word-info .button {
		/*min-width:auto;*/
		
	}
	.word-info .btn-bar .button {
		margin-bottom: 10px;
	}
	.word-info .item {
		margin-bottom: 15px;
	}
	.word-info .item:last-child {
		margin-bottom: 0px;
	}

	/*多筆表格*/
	.tb-multiple table th, .tb-multiple table td {
		font-size: 16px;
	}
	.tb-multiple tbody td:before {
		width: 6em; /*29%*/
		/*padding-right: calc(33.33333333% - 29%);*/
	}
	/*.tb-multiple .col-multi{
        min-height:calc(16px * 1.5 * 1.8);    
    }
    .tb-multiple .col-multi02{
        min-height:calc(16px * 2.2 * 1.8);
    }
    .tb-multiple .col-multi03{
        min-height:calc(16px * 3 * 1.8);
    }*/
	.form-control.input-nums, input.input-nums {
		width: 80%;
	}
	.form-control.input-percent {
		width: 68%;
	}

	/*小計TR*/
	/*.subtotal td:first-child{
        border-bottom: 2px #bbb solid !important;
    }*/

	/*右側快捷鍵*/
	.switch-cate {
		width: 320px;
	}
	.switch-cate li {
		width: calc(100%/ 4);
	}
	.switch-cate li a {
		height: 100px;
		padding: 20px 0px 0px 0px;
		/*line-height: 50px;*/
	}

	/*圖表*/
	.ch-title {
		margin-bottom: 15px;
	}
	.ch-conts {
		width: 100%;
	}

	/*步驟條*/
	.step-box {
		width: calc(100%/ 5 - 28px);
	}
	.step-num {
		/*padding: 45% 20%;
        width: 90%;*/
		/*padding: 40% 20%;
        width: 80%;*/
		padding: 30% 20%;
		width: 60%;
		height: 0;
		line-height: 0;
		font-size: 18px;
	}
	.step-arrow {
		/*width: 35px;*/
		right: -10px;
	}
	.step-conts {
		margin-top: 6px;
	}

	/*OTP驗證流程*/
	.otp-data-block .form-control {
		/*width:calc(100% - 135px);*/
		width: calc(100%);
	}
}

@media screen and (max-width:480px) {
	.btn-smaller {
		margin-bottom: 0px;
	}
	.cg-nav-title a, .cg-subnav-title a, .cg-disable-title a, .tab-nav-title a
		{
		text-align: center;
	}
	.category-navbar, .category-subnavbar {
		/*min-height:70px;*/
		
	}
	.category-navbar {
		margin-bottom: 20px;
	}
	.category-subnavbar {
		margin-bottom: 20px;
	}
	.category-navbar .left, .category-subnavbar .left {
		float: none;
		width: 100%;
		text-align: left;
	}
	.category-navbar .right, .category-subnavbar .right {
		float: none;
		width: 100%;
	}
	.category-subnavbar {
		margin-top: 0px;
	}
	.cate-title {
		margin-bottom: 3px;
		font-size: 20px;
	}
	.cg-nav {
		z-index: 25;
	}

	/*Tabnav*/
	.tab-navbar {
		margin-bottom: 0px;
	}
	.tab-navbar .left, .tab-navbar .right {
		float: none;
		width: 100%;
		text-align: left;
	}
	.tab-title {
		margin-bottom: 3px;
		font-size: 20px;
	}
	.tab-nav-title span, .tab-nav-title .dis-active {
		text-align: center;
	}

	/*單筆表格*/
	.tb-single table th, .tb-single table td {
		/*float:none;*/ /**/
		font-size: 16px;
	}
	.tb-single table td[class*="col-"], .tb-single table th[class*="col-"] {
		display: inline-block;
		float: none;
	}
	/*for firefox*/
	@
	-moz-document url-prefix () { .tb-single table td[class*="col-"],
		.tb-single table th[class*="col-"]{ float:left;
		
	}
}

.tb-single table tr.more-detail th, .tb-single table tr.more-detail td {
	float: left;
}

.tb-single-detail .col.tb-conts {
	/*padding-bottom:9px;*/
	
}

/*更多詳細TR*/
.subtb-info {
	margin: 10px auto 30px;
}

.subtb-info li {
	width: 100%;
}

/*步驟條*/
.step-box {
	width: calc(100%/ 5 - 16px);
}

.step-conts {
	font-size: 13px;
	/*line-height: 1.2em;*/
}

.step-num {
	font-size: 16px;
}

.step-arrow {
	width: 20px;
}

/*頁數*/
.pagination {
	margin: 0px auto 10px;
}

.pagination ul li {
	width: calc(90%/ 3);
	margin: 0px;
	/*float: left;*/
}

.pagination ul li.pg-nums {
	margin: 8px 0px 0px;
}

.pagination .pg-prev, .pagination .pg-next {
	width: calc(96%/ 3);
}

/*右側快捷鍵*/
.switch-cate {
	width: 220px;
}

.switch-cate li {
	width: calc(100%/ 2);
}

.switch-cate li a {
	height: 78px;
	padding: 12px 0px 0px 0px;
	/*line-height: 50px;*/
}

/*OTP驗證流程*/
.otp-info .item {
	font-size: 16px;
}

.otp-info .tool-tips p {
	line-height: 1.5em;
}

.radio-item .pretty .state {
	font-size: 16px;
}

.radio-item p {
	font-size: 15px;
}

.otp-data-block {
	width: 100%;
}

.otp-data-block .form-control {
	/*width:calc(100% - 125px);*/ /*org 115px*/
	width: calc(100%);
}

.otp-btn-bar {
	margin-bottom: 25px;
}

}
@media screen and (max-width:425px) {
	/*步驟條*/
	.step-arrow {
		top: 16px;
	}
	/*.step-arrow i {
        margin-top: 16px;
    }*/
}

@media screen and (max-width:400px) { /*.tb-multiple tbody td:before{
       width: 34%;/*31%*/
	/*
       padding-right: calc(33.33333333% - 34%);
    }*/
}

@media screen and (max-width:375px) {
	.word-info .button a, .word-info a.button {
		/*min-width:100%;*/
		/*margin-right: 0px;*/
		margin-bottom: 10px;
	}
	.word-info .date-group .form-group {
		width: 100%;
	}
	.word-info .date-group .mid-word {
		width: auto;
	}
	.tb-single .col {
		padding-left: 8px;
		padding-right: 8px;
	}

	/*6個字元折行*/
	.tb-wordwrap-06 th {
		width: 7em;
	}
	.tb-wordwrap-06 td {
		width: calc(100% - 7em);
	}

	/*多筆*/
	.tb-multiple table th {
		font-size: 15px;
	}
	.cblock-conts.close {
		margin-bottom: 10px;
	}
	.cblock-subconts.close {
		margin-bottom: 10px;
	}
	.form-control.input-nums, input.input-nums {
		width: 90%;
	}
	.form-control.input-percent {
		width: 78%;
	}

	/*步驟條*/
	.step-arrow {
		top: 16px;
	}
	/*tep-arrow i {
        margin-top: 10px;
    }*/
}

@media screen and (max-width:320px) {
	/*多筆*/
	/*.tb-multiple tbody td:before{
       width: 35%;/*33.33333333%*/
	/*padding-right: calc(33.33333333% - 33%);*/ /*
    }
    */
	.tb-multiple table th, .tb-multiple table td {
		font-size: 15px;
	}
}
/*獨立站台*/
html, body {
	font-size: 100%;
	/*default size=16px*/
}

.btn-default {
	background: #1169b3 !important;
	color: #fff;
	/*ace.css蓋*/
}

.btn-default:hover {
	background: #009ae3 !important;
	color: #fff;
	/*ace.css蓋*/
}

.mb-20px {
	margin-bottom: 20px;
}

/*pretty.css 漏*/
@media screen and (max-width: 1024px) {
	.pretty .state label:after, .pretty .state label:before {
		top: 0;
	}
}

@media screen and (max-width: 1024px) {
	.pretty.p-icon .state .icon {
		top: 0;
	}
}

.pt-5px {
	padding-top: 5px;
}

@media screen and (min-width: 576px) {
	.min-login-box {
		min-width: 550px;
	}
	.min-ver-box {
		min-width: 400px;
	}
	.flex-center-box {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 576px) {
	.countdown-info-sm {
		font-size: 14px;
	}
	.btn-subnav {
		font-size: 14px;
	}
}

input[type=email], input[type=url], input[type=search], input[type=tel],
	input[type=color], input[type=text], input[type=password], input[type=datetime],
	input[type=datetime-local], input[type=date], input[type=month], input[type=time],
	input[type=week], input[type=number], textarea {
	border-radius: 3px !important;
	/*ace.style*/
}

.min-login-box .row, .min-ver-box .row {
	margin-bottom: 10px;
}

.align-title {
	text-align: left;
}

.lite-content {
	min-height: calc(100vh - 338.78px - 54.47px);
	/*screen height 100% - header - footer*/
}

.t-single .table-w {
	max-width: 650px;
}

.t-single table tr {
	border: 1px #ddd solid;
}

@media screen and (max-width: 767px) {
	.t-line .tb-single-detail table td[class*="col-"] {
		margin-bottom: 0px !important;
		/*for confirm page*/
	}
}
/*mantis 4273*/
.step-s .step-conts {
	display: block;
	font-size: 0px;
	line-height: 20px;
}

.step-s .step-conts span {
	font-size: 18px
}

@media screen and (max-width: 480px) {
	.step-s .step-conts span {
		font-size: 13px;
	}
}
/*0315*/
/*type.less*/
h4 {
	font-size: 18px;
}
h3 {
    font-size: 20px;
}
/*b.css*/
.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;

}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.h5, h5 {
    font-size: 14px;
}
/*grid.css*/
@media (min-width: 768px){
.container {
    width: 750px;
}
}
@media (min-width: 992px){
.container {
    width: 970px;
}
}
@media (min-width: 768px){
.container, .container-md, .container-sm {
    max-width: unset;
}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: unset;
}
}
@media ( min-width : 1200px) {
	.container {
		width: 1170px;
	}
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    width: auto;
    display: flex;
    justify-content: space-between;
}
.line-h-0 {
	line-height: 0;
}
.h-34px{
	height:34px;
}
/*modal*/

.fade:not(.show) {
    opacity: 1;
}

.modal-backdrop.fade {
	opacity: 0.5;
}

.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
}
/*small-modal*/
.small-modal .modal-content {
    border-radius: 10px 10px 12px 12px;
}

.small-modal .modal-body {
    padding: 30px 74px;
}
/*large-modal*/
.large-modal .modal-dialog {
	margin: 2rem !important;
}
@media (min-width: 576px){
.large-modal .modal-dialog {
    max-width: 704px;
    margin: 2rem !important;
}
}
@media (min-width: 769px){
.large-modal .modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto !important;
}
}
@media (min-width: 576px) and (max-width: 991.98px){
.large-modal .modal-dialog {
    margin: 2rem !important;
}
}

@media (max-width: 425px){
.large-modal .modal-dialog {
    max-width: 361px !important;
    margin: 2rem !important;
}
}
.large-modal .modal-content {
    border-radius: 10px 10px 12px 12px !important;
}
.large-modal .modal-body {
    padding: 30px 74px !important;
}
@media (max-width: 1199px){
.large-modal .modal-body {
    padding: 30px 96px !important;
}
}
@media (max-width: 767px){
.large-modal .modal-body {
    padding: 18px 25px 36px !important;
}
}
.large-modal .modal-footer {
    background-color: unset;
    border-top:none;
}
@media (min-width: 1025px){
.large-modal .modal-footer {
    padding: 0 0 37px !important;
}
}
.large-modal .btn-modal-one{
	max-width: 325px;
    width: 100%;
}
@media (max-width: 1199px){
.large-modal .btn-modal-one {
    max-width: 303px;
}
}
.large-modal .mb-title {
    margin-bottom: 15px;
}

.b-refresh .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
        display: flex;
    justify-content: center;
    flex-direction: column;
}
.b-refresh .input-group-addon:last-child {
    border-left: 0;
}
.b-refresh .fa {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.mb-title003-modal {
    text-align: center;
    color: #005BAC;
}
.modal-content003 {
    color: #005BAC;
}

/*.center-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.center-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
.center-modal.modal {
  text-align: center;
}
.center-modal.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}
.center-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media(max-width:768px){
	.modal-dialog {
    position: relative;
    width: auto;
    margin: 2rem !important;
    pointer-events: none;
	}
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
html, html body {
    height: 100%;
    scroll-behavior: unset;
}

.center-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}*/







.btn-close-modal003{
	border-radius: 6px !important;
}

@media (min-width: 576px){
	.modal-dialog {
    	/*max-width: 550px;*/
    	margin: 1.75rem auto;
	}
}


@media (max-width:767px){
	.modal-footer003{
		padding: 18px 25px;
	}
	.layout-v2 .modal .btn-modal-one003 {
     	max-width: 303px; 
    	border-radius: 0 0 10px 10px;
	}
	.layout-v2 .modal .modal-footer003 {
    	padding: 18px 25px !important;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) { 
	.modal-dialog {
		max-width: unset !important;
		width: unset !important;
		margin: 2rem !important;
	}
	
}

@media (max-width: 500px){
	.layout-v2 .modal {
    	z-index: 99999 !important;
	}
	
}

.layout-v2 .btn-primary {
    background-color: #005BAC !important;
    border:none;
}

.layout-v2 .modal-open .modal {
  z-index: 3000 !important;
}

.layout-v2 .modal-header {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 75px;
}

.layout-v2 .modal .modal-title img {
  height: 45px;
}

.layout-v2 .modal .modal-footer {
  border-top: none;
  padding: 0 0 37px;
  background:transparent;
}

.layout-v2 .modal .modal-body {
  padding: 30px 74px;
}

.layout-v2 .modal .modal-content {
  border-radius: 10px 10px 12px 12px;
}

.layout-v2 .modal-backdrop.fade {
  opacity: 1;
}

.layout-v2 .modal-backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.layout-v2 .modal .mb-title {
  margin-bottom: 15px;
}

.layout-v2 .modal .btn-modal-one {
  max-width: 325px;
  width: 100%;
  margin: 0;
  border-radius: 10px;
  padding: 8px;
}

.layout-v2 .modal-backdrop.in {
  z-index: 2500;
}

@media (max-width: 1199px) {
  .layout-v2 .modal {
    /*****modal按鈕*****/
  }
  .layout-v2 .modal-xl {
    margin: 0.65em auto 60px;
  }
  .layout-v2 .modal .modal-body {
    padding: 30px 96px;
  }
  .layout-v2 .modal .modal-header {
    padding: 30px 74px;
  }
  .layout-v2 .modal .btn-modal-one {
    max-width: 303px;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .layout-v2 .modal .modal-footer {
    padding: 18px 25px;    
  }
  .layout-v2 .layout-v2 .btn-modal-one {
    width: 100%;
    border-radius: 0 0 10px 10px;
  }
}

@media (max-width: 767px) {
  .layout-v2 .modal {
    /*****modal按鈕*****/
  }
  .layout-v2 .modal .modal-footer {
    padding: 0;
  }
  .layout-v2 .modal .modal-body {
    padding: 18px 25px 36px;
  }
  .layout-v2 .modal .modal-header {
    padding: 18px 25px;
  }
  .layout-v2 .modal .btn-modal-one {
    max-width: 100%;
    border-radius: 0 0 10px 10px;
  }
}

/* modal-content */
.w-25per .modal-content {
    border-radius: 10px 10px 12px 12px !important;
}

/* modal-footers */
.w-25per .modal-footer{
	padding: 18px 25px;
}
@media (min-width: 1025px) {
	.w-25per .modal-footer{
	padding: 0 0 37px !important;
	}
}
@media (max-width: 767px){
	.w-25per .modal-footer {
    padding: 18px 25px !important;
}
}
/* modal-body */

@media (max-width: 1023px){
.w-25per .modal-body {
    padding: 30px 74px !important;
}
}
@media (max-width: 1199px){
.w-25per .modal-body {
    padding: 30px 96px !important;
}
.w-25per .modal-body {
    padding: 30px 74px !important;
}
}
@media (max-width: 767px){
.w-25per .modal-body {
    padding: 18px 25px 36px !important;
}
}
@media (min-width: 576px){
.w-25per .modal-dialog {
    max-width: 1000px !important;
}
}
@media (max-width: 425px){
.w-25per .modal-dialog {
    max-width: 361px !important;
}
}
@media (max-width: 375px){
.w-25per .modal-dialog {
    max-width: 311px !important;
}
}

.center-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
.modal-dialog .mb-title003-modal{
	margin-top:0;
}
.center-modal.modal {
    text-align: center;
}
.center-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-dialog label {
    font-size: 16px;
}
.modal-dialog {
    font-family: Arial, Helvetica, sans-serif, "PingFang TC";
    line-height: 1.4;
}
@media (max-width: 768px){
.modal-dialog {
    position: relative;
    width: auto;
    margin: 2rem !important;
    pointer-events: none;
}
}
.modal-body p {
    line-height: 1.5em;
}
.layout-v2 .modal-dialog{
	min-width:360px;
}
@media (max-width: 767px){
.modal-dialog {
    margin: 20px 0 !important;
}
}


/* 2022/03/28 新版公告 */
.bulltein-img {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 375px;
}

@media screen and (max-width: 576px) {
    .bulltein-img {
        width: 300px;
    }
}

.bulletin-title {
    color: #005BAC;
    font-size: 32px;
    margin-bottom: 30px;
	text-align: center;
}

@media screen and (max-width: 576px) {
    .bulletin-title {
        font-size: 28px;
    }
}

.flex-center>div {
    display: flex;
    justify-content: center;
}

.bulletin-content {
    color: #005BAC;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    margin-bottom: 30px;
    padding: 0 10px;
    white-space: pre-wrap;
}

@media screen and (max-width: 576px) {
    .bulletin-content {
        font-size: 16px;
    }
}

.bulletin-official {
    color: #005BAC;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 576px) {
    .bulletin-official {
        font-size: 16px;
        margin-bottom: 32px;
    }
}

.btn-leave {
    width: 200px;
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0px 20px 25px rgb(0 91 172 / 16%);
    margin-bottom: 20px;
}

.bulletin-hint {
    color: #005BAC;
    font-size: 16px;
    text-align: center;
}

@media screen and (max-width: 576px) {
    .bulletin-hint {
        font-size: 14px;
    }
}

.icon-up {
    margin-bottom: 12px;
}

/* 2022/03/29 新版公告 type2 */
.bulltein-img-2 {
    margin-top: 100px;
    margin-bottom: 50px;
    width: 300px;
}

@media screen and (max-width: 576px) {
    .bulltein-img-2 {
        width: 236px;
    }
}
@media screen and (min-width: 1200px) {
	.bulletin-fuild {
		margin-top : 50px;
	}
}
.bulletin-fuild{
	margin-left:360px;
	margin-right:360px;
}
@media screen and (max-width: 1025px) {
	.bulletin-fuild{
		margin-left:160px;
		margin-right:160px;
	}
}
@media screen and (max-width: 576px) {
	.bulletin-fuild{
		margin-left:33px;
		margin-right:33px;
	}
}

/* 2022/07/20 電子化授權補發簡訊流程優化 */
.btn-default-outline {
	background-color: #fff !important;
	color : #1169b3;
	border: 1px solid #1169b3
}
.btn-default-outline:hover , .btn-default-selected , .btn-default-selected:focus {
	background-color: #1169b3 !important;
	color : #fff;
	border: 1px solid #1169b3
}

/* 2023/02/20 KYC問卷 */
.card-body-box {
  border-radius: 8px;
  background-color: white;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.card-body-content {
  padding: 0 20px;
  margin: auto;
}
.policy-item-area .item-group-title {
  background-color: #F2F8FF;
  border-radius: 7px;
  color: #005BAC;
  font-size: 18px;
  padding: 5px;
  text-align: center;
  word-break: break-word;
}
.policy-item-area .item-group-title.no-bgcolor {
  background-color: transparent;
  text-align: left;
  padding: 0px 0px;
}
.policy-item-area .item-group-title.no-bgcolor + .item-group-content {
  padding-top: 8px;
}
.policy-item-area .item-group-content {
  font-size: 16px;
  padding: 20px 0px 0px;
}
.policy-item-area .item-group-content .data-group {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.policy-item-area .item-group-content .data-group.row {
  margin-left: 0px;
  margin-right: 0px;
}
.policy-item-area .item-group-content .data-group:not(:last-child).mb-5px {
  margin-bottom: 5px;
}
.policy-item-area .item-group-content .data-group .flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 60% !important;
          flex: 1 1 60% !important;
}
.policy-item-area .item-group-content .data-group .group-label {
  word-break: break-word;
}
.policy-item-area .item-group-content .data-group .group-conts,
.policy-item-area .item-group-content .data-group .group-conts-wide {
  word-break: break-word;
}
.policy-item-area .item-group-content .data-group .group-conts .d-flex:not(:last-child),
.policy-item-area .item-group-content .data-group .group-conts-wide .d-flex:not(:last-child) {
  margin-bottom: 6px;
}
.policy-item-area .item-group-content .data-group .group-conts:not(:last-child) {
  margin-bottom: 6px;
}
.policy-item-area .item-group-content .data-group .group-conts .d-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.policy-item-area .item-group-content .data-group .group-conts .d-flex > div:not(:last-child) {
  margin-bottom: 6px;
}

.policy-item-area .item-group-content .data-group .group-conts .qa-options input,
.policy-item-area .item-group-content .data-group .group-conts .qa-options span {
	cursor: pointer;
}

/*2023/03/20 風險評估表格 */
/*flex共用樣式*/
.flex-single{
}
.flex-single.table-w{
	max-width: 720px;
}
.flex-single .col-block {
}
.col-block{
	box-sizing: border-box;
    border: 1px #ddd solid;
	width: calc(100% / 3);
}
.col-block.col-block-mid{
    border-left: 0px #ddd solid;
    border-right: 0px #ddd solid;
}
.col-block .col-bk-title,
.col-block .col-bk-conts{
	padding: 0.75rem;
}
.col-block .col-bk-title{
	font-size: 18px;
}
.color-blue .col-block .col-bk-title{
	background: #d0eaf5;
    color: #044984;
}
.col-block .col-bk-conts{
	color: #444444;
	text-align: left;
}

/*flex-column的設定調整*/
.col-block.flex-column{
}
.flex-single .col-block.flex-column{
	min-height: 380px;
}
.col-block.flex-column .col-bk-title{
	/* flex-grow: 0; */
}
.col-block.flex-column .col-bk-conts{
	min-height: 66%;
	flex-grow: 2;
}
.col-block.flex-column .col-bk-conts:last-child{
	min-height: auto;
	/* flex-grow: 0; */
}

/*邊框線*/
.col-block .border-top{
    border-top: 1px #ddd solid;
}
.col-block .border-bottom{
    border-bottom: 1px #ddd solid;
}
.col-block .border-left{
    border-left: 1px #ddd solid;
}
.col-block .border-right{
    border-right: 1px #ddd solid;
}

@media screen and (max-width: 767px) {

	.flex-single .col-block{
		margin-bottom: 20px;
		width: 100%;
	}
	.col-block.col-block-mid{
		border-left: 1px #ddd solid;
		border-right: 1px #ddd solid;
	}
	.col-block.flex-column .col-bk-conts{
		min-height: auto;
	}
	.flex-single{
		flex-flow: column;
	}
	.flex-single .col-block.flex-column{
		min-height: auto !important;
	}
}