/*Header區塊樣式*/
.navbar-nav a {
	color: #fff
}

.navbar-brand {
	float: left;
	height: 70px;
	padding: 0px;
}

.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}

.navbar-nav {
	float: right;
	margin-top: 5px;
	line-height: 50px;
	margin: 5px 20px 0px 20px
}

.navbar-nav>li {
	float: left;
}

.navbar-nav>li a {
	text-decoration: none
}

.navbar-nav li+li {
	margin-left: 15px
}

header {
	background-color: rgb(0, 124, 125);
	height: 70px;
	font-family: '微軟正黑體', 'Microsoft JhengHei', 'Arial', 'tcav';
	/* color: #7a7676;
    */
	color: #000;
	line-height: 1.42857143;
	font-size: 16px;
}

footer {
	padding: 30px 0 10px 0;
	background-color: rgb(0, 124, 125);
	color: #fff;
	font-family: '微軟正黑體', 'Microsoft JhengHei', 'Arial', 'tcav';
	/* color: #7a7676;
    */
	color: #000;
	line-height: 1.42857143;
	font-size: 16px;
}

footer a {
	color: #fff;
	text-decoration: none;
}



/*表格多頁跳頁選單*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 8px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #007d7d;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    font-weight: bold;
    background-color: rgba(106,204,199,0.3);
    border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: rgba(106,204,199,0.3);
  border-color: #337ab7;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 10px;
  line-height: 1.3333333
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}
.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}



.declaration {
	text-align: center;
	margin: 200px 20px 0px 20px
}

.login-btn a {
	color: #fff
}

ul {
	list-style: none;
	padding: 0;
}

.login-btn {
	height: 24px;
	font-weight: bolder;
	background-color: transparent;
	float: right;
	margin-top: 11px;
	border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
	padding: 6px 10px;
}

.login-btn+.login-btn {
	margin-right: 10px
}

.contact>li+li {
	margin-top: 2px;
}













.tab-buttom-line {
    background-color: white;
    padding: 5px 12px 0px 12px;
    border-top: 8px solid #4CA7A7;
}
/*行事曆格式*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	color: #000000;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background-color:#45A19A;	
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	color: #333333;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
	border-radius:4px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-prev-action {
	left: 2px;
	border-radius:5px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-next-action {
	right: 2px;
	border-radius:5px;
	background-color: #ffffff;
	margin-top: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	color: #000000;
	left: 60%;
	margin-left: -8px;
	top: 75%;
	margin-top: -9px;
	border-radius: 4px;

	
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;	
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: '微軟正黑體', 'Microsoft JhengHei', 'Arial';
	font-size: 1em;
	border: 1px solid #cc0000;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget textarea,
.ui-widget button {
	font-family: '微軟正黑體', 'Microsoft JhengHei', 'Arial';
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #DDD;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #c7c7c7;
	font-weight: normal;
	color: #333333;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
	border: 1px solid #DDD;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #dedede;
	background: #dedede;
	font-weight:bold;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #dedede;
	background-color: #333333;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #45A19A;
    background: #007c7c;
    color: #ffffff;
}
.ui-state-checked {
	border: 2px solid #d26a0da;
	background: #26a0da;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #333333;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 36px;
	height: 36px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}
.ui-button .ui-icon {
	background-image: url("../images/ddl-down-arrow.svg");
}



/*投資型專區歷史交易紀錄明細資料表*/
.table-detail1-wrap {
    padding: 0px 0px;
    background-color: #CCF3F3;
}

.table-detail1-wrap .table-form-detail1-top, .table-detail1-wrap .table-form-detail1-bottom
	{
	width: 100%;
	font-size: 12px;
	color: #393939;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	/*padding: 10px;*/
	background-color: #FFF;
	border: none;
}

.table-detail1-wrap .table-form-detail1-top tr th {
	background-color: #8ADEDE;
	color: #000000;
	/*padding: 4px 0;*/
	padding: 0px 0;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
}

.table-detail1-wrap .table-form-detail1-bottom tr th {
	background-color: #FFF8D1;
	/*padding: 4px 0;*/
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.table-detail1-wrap .table-form-detail1-top tr:nth-child(odd) td,
	.table-detail1-wrap .table-form-detail1-bottom tr:nth-child(odd) td {
	background-color: #F2FBFB;
	/*padding: 4px 0;*/
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.table-detail1-wrap .table-form-detail1-top tr td {
	border-bottom: 1px solid #CCF3F3;
	/*padding: 4px 0;*/
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.table-detail1-wrap .table-form-detail1-bottom tr td {
	/*padding: 4px 0;*/
	padding: 0px 0;
	text-align: center;
	vertical-align: middle;
}


   /*我的帳戶第二層標題---------------------------------------------*/
    h3 .backslash {
        display: inline-block;
        width: 5px;
        height: 18px;
        -webkit-transform: skew(30deg);
        -moz-transform: skew(30deg);
        -o-transform: skew(30deg);
        transform: skew(30deg);
    }

    h3 .text {
        display: inline-block;
        padding: 2px 2px 2px 15px;
        /*background-color: #FFF;*/
        text-align: left;
        vertical-align: top;
    }

    h3 .progress-text {
        display: inline-block;
        padding: 8px 2px 2px 12px;
        /*background-color: #FFF;*/
        text-align: left;
        vertical-align: top;
    }

    h3#blue .backslash {
        background-color: #1D6499;
    }

    h3#blue .text {
        color: #1D6499;
    }

    h3#pink .backslash {
        background-color: #FF9292;
    }

    h3#pink .text, h3#pink .progress-text {
        color: #FF9292;
    }

    h3#skyblue .backslash {
        background-color: #0295C1;
    }

    h3#skyblue .text, h3#skyblue .progress-text {
        color: #0295C1;
    }

    h3#grass .backslash {
        background-color: #5CBC96;
    }

    h3#grass .text, h3#grass .progress-text {
        color: #5CBC96;
    }

    h3#gray .backslash {
        background-color: #848484;
    }

    h3#gray .text {
        color: #848484;
    }

    h3#greendark .backslash {
        background-color: #007C7C;
    }

    h3#greendark .text {
        color: #007C7C;
        line-height: 15px;
    }




/*tab【財富帳戶】新版1018內容頁--------------------------------------------------------*/
.wealth-wrapA1 {
	width: 95%;
	padding-top: 20px;
	/*用來對div容器進行inline平均排列*/
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}
/*容器inline平均排列*/
.wealth-wrapA1 .stretch {
	width: 100%;
	display: inline-block;
}
.wealth-wrapA1 a:link, .wealth-wrapA1 a:visited {
	color: #FFF;
	text-decoration: none;
}
/*大圓容器*/
.wealth-wrapA1 .main-circleA1 {
	display: inline-block;
	width: 100%;
}
.wealth-wrapA1 .main-circleA1 hr.circle-split {
	width: 80%;
	border: 0;
	height: 0;
	/*用有透明感的線條視覺效果比較細*/
	border-top: 1px solid rgba(255,255,255,0.5);
}
.wealth-wrapA1 .main-circleA1 .main-circleA1-group {
	width:96px;
	margin:0 10px;
	/*margin: 0;
            margin-left: calc((100% - 616px) / 4);
            margin-right: calc((100% - 616px) / 4);*/
	display: inline-block;
}
/*奇數圈*/
.wealth-wrapA1 .main-circleA1 #wealth-circle1 {
	cursor: pointer;
	float: left;
	display: table;
	width: 120px;
	height: 120px;
	-webkit-border-radius:120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	background: #0d91bc;
}
.wealth-wrapA1 .main-circleA1 #wealth-circle1-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
/*偶數圈*/
.wealth-wrapA1 .main-circleA1 #wealth-circle2 {
	cursor: pointer;
	float: left;
	display: table;
	width: 120px;
	height: 120px;
	-webkit-border-radius:120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	background: #52b0cf;
}
.wealth-wrapA1 .main-circleA1 #wealth-circle2-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
/*小圓容器*/
.wealth-wrap .sub-circle {
	position: relative;
	display: inline-block;
	width: 100%;
	/*控制小圓容器重疊在大園容器之上的高度*/
	margin: -43px 0 0 0;/*margin: -28px 0 0 0;*/
}
.wealth-wrapA1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapA1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapA1 .sub-circle a:link, .wealth-wrapA1 .sub-circle a:visited {
	text-decoration: none;
}
.wealth-wrapA1 .sub-circle .wealth-circle1-left {
	float: left;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #FFB400;
}
.wealth-wrapA1 .sub-circle .wealth-circle1-left-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
.wealth-wrapA1 .sub-circle .wealth-circle-right {
	float: right;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #E70112;
}
.wealth-wrapA1 .sub-circle .wealth-circle-right-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}


/*tab【負債帳戶】新版1018內容頁--------------------------------------------------------*/
.wealth-wrapC1 {
	width: 100%;
	padding-top: 20px;
	/*用來對div容器進行inline平均排列*/
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}
/*容器inline平均排列*/
.wealth-wrapC1 .stretch {
	width: 100%;
	display: inline-block;
}
.wealth-wrapC1 a:link, .wealth-wrapC1 a:visited {
	color: #FFF;
	text-decoration: none;
}
/*大圓容器*/
.wealth-wrapC1 .main-circleC1 {
	display: inline-block;
	width: 100%;
}
.wealth-wrapC1 .main-circleC1 hr.circle-split {
	width: 80%;
	border: 0;
	height: 0;
	/*用有透明感的線條視覺效果比較細*/
	border-top: 1px solid rgba(255,255,255,0.5);
}
.wealth-wrapC1 .main-circleC1 .main-circleC1-group {
	width: 128px;
	margin: 0 22px;
	/*margin: 0;
            margin-left: calc((100% - 616px) / 4);
            margin-right: calc((100% - 616px) / 4);*/
	display: inline-block;
}
/*奇數圈*/
.wealth-wrapC1 .main-circleC1 #wealth-circle1 {
	cursor: pointer;
	float: left;
	display: table;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	background: #fd9394;
}
.wealth-wrapC1 .main-circleC1 #wealth-circle1-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
}
/*偶數圈*/
.wealth-wrapC1 .main-circleC1 #wealth-circle2 {
	cursor: pointer;
	float: left;
	display: table;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	background: #feaeaf;
}
.wealth-wrapC1 .main-circleC1 #wealth-circle2-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
/*小圓容器*/
.wealth-wrap .sub-circle {
	position: relative;
	display: inline-block;
	width: 100%;
	/*控制小圓容器重疊在大園容器之上的高度*/
	margin: -43px 0 0 0;/*margin: -28px 0 0 0;*/
}
.wealth-wrapC1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapC1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapC1 .sub-circle a:link, .wealth-wrapC1 .sub-circle a:visited {
	text-decoration: none;
}
.wealth-wrapC1 .sub-circle .wealth-circle1-left {
	float: left;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #FFB400;
}
.wealth-wrapC1 .sub-circle .wealth-circle1-left-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
.wealth-wrapC1 .sub-circle .wealth-circle-right {
	float: right;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #E70112;
}
.wealth-wrapC1 .sub-circle .wealth-circle-right-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}


/*tab【保障帳戶】新版1018內容頁--------------------------------------------------------*/
.wealth-wrapB1 {
	width: 100%;
	padding-top: 20px;
	/*用來對div容器進行inline平均排列*/
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	overflow:hidden;
	float:left;	
	height:160px;
	width:705px;
	position:relative;
}
/*容器inline平均排列*/
.wealth-wrapB1 .stretch {
	width: 100%;	
}
.wealth-wrapB1 a:link, .wealth-wrapB1 a:visited {
	color: #FFF;
	text-decoration: none;
}
/*大圓容器*/

.wealth-wrapB1 .main-circleB1 hr.circle-split {
	width: 80%;
	border: 0;
	height: 0;
	/*用有透明感的線條視覺效果比較細*/
	border-top: 1px solid rgba(255,255,255,0.5);
}
.main-circleB1{ 	
	left:18px;
 	width:4096px; 
 	position:absolute;
 	overflow:hidden;
 	
}
.main-circleB1-group {
	float:left;
	width: 128px;
	margin: 0 20px;
	/*margin: 0;
            margin-left: calc((100% - 616px) / 4);
            margin-right: calc((100% - 616px) / 4);*/	
}
/*奇數圈*/
.wealth-wrapB1 .main-circleB1 #wealth-circle1 {
	cursor: pointer;
	float: left;
	display: table;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	background: #60bc97;
}
.wealth-wrapB1 .main-circleB1 #wealth-circle1-text {	
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
    padding: 14px;	
	letter-spacing:-1px;
	
}
/*偶數圈*/
.wealth-wrapB1 .main-circleB1 #wealth-circle2 {
	cursor: pointer;
	float: left;
	display: table;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	background: #8acf99;
}
.wealth-wrapB1 .main-circleB1 #wealth-circle2-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
    padding: 14px;	
	letter-spacing:-1px;
}
/*灰階圈*/
.wealth-wrapB1 .main-circleB1 #wealth-circle3 {
	float: left;
	display: table;
	width: 128px;
	height: 128px;
	-webkit-border-radius: 128px;
	-moz-border-radius: 128px;
	border-radius: 128px;
	background: #bebebe;
}
.wealth-wrapB1 .main-circleB1 #wealth-circle3-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
    padding: 14px;	
	letter-spacing:-1px;
}
/*小圓容器*/
.wealth-wrap .sub-circle {
	position: relative;
	display: inline-block;
	width: 100%;
	/*控制小圓容器重疊在大園容器之上的高度*/
	margin: -43px 0 0 0;/*margin: -28px 0 0 0;*/
}
.wealth-wrapB1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapB1 .sub-circle .sub-circle-group {
	width: 128px;
	margin: 0 22px;
	display: inline-block;
}
.wealth-wrapB1 .sub-circle a:link, .wealth-wrapB1 .sub-circle a:visited {
	text-decoration: none;
}
.wealth-wrapB1 .sub-circle .wealth-circle1-left {
	float: left;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #FFB400;
}
.wealth-wrapB1 .sub-circle .wealth-circle1-left-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
.wealth-wrapB1 .sub-circle .wealth-circle-right {
	float: right;
	display: table;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #E70112;
}
.wealth-wrapB1 .sub-circle .wealth-circle-right-text {
	display: table-cell;
	width: 100%;
	min-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}


/* 輪播設定部份 */

* {
	box-sizing: border-box;
}
.slider {
	width: 50%;
	margin: 100px auto;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,  .slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }




/* 輪播設定部份Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; 
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
      border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;}
 .slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "‧";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

/*tab【保障帳戶】內容說明紀錄表--------------------------------------------------------*/
.table-msafe-wrap {
    padding: 13px 10px;
    background-color: #ccf3f3;
}

.table-msafe-wrap .table-form-msafe-top, .table-msafe-wrap .table-form-msafe-bottom{
	width: 100%;
	font-size: 12px;
	color: #393939;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	/*padding: 10px;*/
	background-color: #FFF;
	border: none;
}

.table-msafe-wrap .table-form-msafe-top tr th  {
	background-color: #8ADEDE;
	/*padding: 4px 0;*/
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.table-msafe-wrap .table-form-msafe-bottom tr th  {
	background-color: #FFF8D1;
	/*padding: 4px 0;*/
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.table-msafe-wrap .table-form-msafe-top tr:nth-child(odd) td,
        .table-msafe-wrap .table-form-msafe-bottom tr:nth-child(odd) td  {
	background-color: #F2FBFB;
	/*padding: 4px 0;*/
	padding: 0 -5px 0 0;
	vertical-align: middle;
}

.table-msafe-wrap .table-form-msafe-top tr td  {
	border-bottom: 1px solid #CCF3F3;
	/*padding: 4px 0;*/
	padding: 0;
	vertical-align: middle;
}

.table-msafe-wrap .table-form-msafe-bottom tr td  {
	/*padding: 4px 0;*/
	padding: 0;
	vertical-align: middle;
}

/*小型下拉清單*/
.ddl-s-srapL {
	display: block;
	font-size: 13px;
	color: #848484;
	float: left;
	clear: left;
	margin: 0px 0;
}

.ddl-s-srapL select  {
	/*下拉清單的向下箭頭*/
	background: url('../images/ddl-down-arrow-gray.svg') no-repeat 95% 50%;
	padding: 3px 20px 3px 5px;
	border: 1px solid #BEBEBE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFF;
	/*移除瀏覽器中設定的下拉清單箭頭*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.side-list { list-style:none; margin:0 ; padding:0; }
.side-status{ padding-left:284px; margin-top:5px; position:absolute;}
.side-status li{margin-top:100px;margin-right:13px;cursor:pointer; background:#FFF; display:inline-block; text-indent:-9999px; border:2px solid #CCC; width:10px; height:10px; border-radius:100%;  *float:left; }
.side-status li.now{ background:#60bc97; border-color:#999;}

.side-dIcon{ text-indent:9999px; position:absolute; top:64px; display:block; background:url(/images/all.png) no-repeat; width:38px; height:47px;}
.side-next{right:-9px; background-position:-44px -2px;}
.side-prev{ left:-5px; background-position:0 -2px;}
.side-next:hover{ background-position:-44px -55px;}
.side-prev:hover{ background-position:0 -55px;}


/*龍e賠 檔案上傳*/
.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 15px
}

.ajax-file-upload-filename {
width: 300px;
height: auto;
margin: 0 5px 5px 0px;

}

.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 5px 10px 5px 0px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
color:#FFFFFF;

}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;

}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload {
	
    
    display: inline-block;    
    /*min-width: 20%;*/
    min-width: 120px;
    padding: 12px 0;
   text-align:center;
    margin: 5px 0% 5px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    /*background-color: #848484;*/
    background: linear-gradient(180deg, #848484 0%, #848484 0%);
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
  
  }

.ajax-file-upload:hover {     
      
}

.ajax-upload-dragdrop
{

	border:2px dotted #A5A5C7;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}

.state-hover
{
		border:2px solid #A5A5C7;
}
.ajax-file-upload-container
{
	margin:20px 0px 20px 0px;
}
/**
 * jQuery Editable Select
 */
input.es-input {
	padding-right: 20px!important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat
}

input.es-input:focus {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0
}

.es-list {
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	border: 1px solid #d1d1d1;
	display: none;
	z-index: 1000;
	background: #fff;
	max-height: 160px;
	overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc;
	-webkit-box-shadow: 0 2px 3px #ccc;
	box-shadow: 0 2px 3px #ccc
}

.es-list li {
	display: block;
	padding: 5px 10px;
	margin: 0
}

.es-list li.selected {
	background: #f3f3f3
}
/*龍e賠 檔案上傳_END*/

#holder{width: 100%;}
#holder > div{clear: both;padding: 2%;margin-bottom: 20px;border-bottom: 1px solid #eee;float: left;width: 96%;}
.regular-label{display: inline;}
.regular-checkbox{display: none;}
.regular-checkbox + label{background-color: #fafafa;border: 1px solid #007c7c;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 9px;border-radius: 3px;display: inline-block;position: relative;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label{border: 1px solid #007c7c;color: #007c7c;}
.regular-checkbox:checked + label:after{content: '\2714';font-size: 14px;position: absolute;top: 0px;left: 3px;color: #E70112;}
.big-checkbox + label{padding: 12px;}
.big-checkbox:checked + label:after{font-size: 28px;left: 6px;}



/*業務員系統九宮格icon設定*/

	.menuContent{
    background-color: #F5F5F5;
    width: 320px;
    margin-top: auto;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: auto;
    padding-left: 30px;
    padding-right: 0px;
    float: left;
	}


	.menu1Btn{
    display: inherit;
    margin-left: 10px;
    margin-bottom: 40px;
    width: 260px;
    height: 70px;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
    text-decoration: none;
	color:#ffffff;
	font-size: 24px;
	padding-top: 22px;
	font-weight: 700;
    background-color: #007d7d;
    list-style: none;
	text-align: center;
    /*float: left;*/
    border-radius:100px;
    transition: 0.3s;
    opacity: 0.8;
	}


	.menuGroup{
    text-decoration: none;
    display: inherit;
    position: static;
    text-align: center;
	}
	.menuBtn{
    display: inherit;
    margin-right: 19px;
    margin-bottom: 20px;
    width: 270px;
    height: 110px;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
    text-decoration: none;
    background-color: #fff;
    list-style: none;
    float: left;
    border-radius:20px;
    transition: 0.3s;
    opacity: 0.8;
    cursor: pointer;
	}
	.menuBtn:hover{
    box-shadow: 0px 0px 0px rgba(51,51,51,0);
    opacity: 1;
    background-color: rgba(0,124,124,0.17);
    width: auto;
	}

	.btnImg{
    clear: both;
    width: 80px;
    height: 110px;
    text-align: center;
    float: left;
    margin-left: 5px;
		
	}
	.btnTitle{
    display: inherit;
    width: 270px;
    height: 65px;
    line-height: 65px;
    text-align: left;
    font-family: '微軟正黑體';
    font-size: 22px;
    font-weight: 600;
    line-height: inherit;
    padding-top: 42px;
		
	}
		.btnSubtitle{
		display: inline-block;
		width: 200px;
		height: 20px;
		font-family: '微軟正黑體';
		text-align: left;
		font-size: 12pt;
		color: #45A19A;
	}