body {
	/*background-color: #f7f7f7;*/
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 1.5em;
}
.none {
	display: none;
}
/*形象大圖*/

/*.bn_inpage{ height: 170px; background-position: center top; background-size: cover;}*/

/*0099 胡睿涵反詐騙專區 輪播*/

ul {
	padding: 0;
	list-style: none;
}
ul:after {
	content: "";
	display: block;
	clear: both;
}
#container {
	position: relative;
	margin: auto auto;
	width: 99.90%;
}
#container .badge {
	text-align: center;
	padding: 4px 8px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	border-radius: 4px;
	width: 50px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #FFFFFF;
	background: rgba(82, 82, 82, 0.90);
	z-index: 99;
}
#slider-container {
	width: 100%;
	position: relative;
	overflow: hidden;
  }
  
  #slider-container ul {
	padding: 0;
	margin: 0;
	/* Center the images horizontally within the container */
	display: flex;
	justify-content: center;
  }
  
  #slider-container ul li {
	/* Center the image horizontally and vertically */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px; /* Add some space between images (optional) */
  }
  
  .image-container {
	/* Set a fixed height for each image container */
	height: 300px; /* Adjust the height as per your design */
  }
  
  .image-container img {
	max-width: 100%;
	max-height: 100%;
	/* Center the image horizontally and vertically within the container */
	object-fit: contain;
  }
#slider-container .arrow {
	display: block;
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	cursor: pointer;
	background-color: #F6F6F6;
}
#slider-container .arrow.a-left {
	background-image: url("../images/arrow_slider_left.png");
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
}
#slider-container .arrow.a-right {
	background-image: url("../images/arrow_slider_right.png");
	background-repeat: no-repeat;
	background-position: center;
	right: 0px;
}
#slider-container .bullets-container {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
}
#slider-container .bullets-container .bullet {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid grey;
	cursor: pointer;
	margin: 0 8px;
}
#slider-container .bullets-container .bullet.active {
	background: grey;
}
@media (max-width: 768px) {
	#slider-container .arrow {
		display: block;
		position: absolute;
		top: 0;
		width: 60px;
		height: 100%;
		cursor: pointer;
		background-color: #F6F6F6;
	}
	#slider-container .arrow.a-left {
		background-image: url("../images/arrow_slider_left.png");
		background-size: 20px 35px;
		background-repeat: no-repeat;
		background-position: center;
		left: 0;
	}
	#slider-container .arrow.a-right {
		background-image: url("../images/arrow_slider_right.png");
		background-size: 20px 35px;
		background-repeat: no-repeat;
		background-position: center;
		right: 0px;
	}
	#slider-container ul li {
		/* Center the image horizontally and vertically */
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 65px; /* Add some space between images (optional) */
	  }
}
@media (max-width: 500px) {
	#slider-container .arrow {
		display: block;
		position: absolute;
		top: 0;
		width: 40px;
		height: 100%;
		cursor: pointer;
		background-color: #F6F6F6;
	}
	#slider-container .arrow.a-left {
		background-image: url("../images/arrow_slider_left.png");
		background-size: 10px 17px;
		background-repeat: no-repeat;
		background-position: center;
		left: 0;
	}
	#slider-container .arrow.a-right {
		background-image: url("../images/arrow_slider_right.png");
		background-size: 10px 17px;
		background-repeat: no-repeat;
		background-position: center;
		right: 0px;
	}
}
/* /0099 胡睿涵反詐騙專區 輪播*/

/** QA **/

div.QA {
	counter-reset: my-sec-counter;
}
details.accordion {
	transition: all 0.3s ease-in-out;
	border-bottom: 1px solid #EEEEEE;
}
details.accordion+details.accordion {
	margin-top: 0.25rem;
}
details.accordion summary.accordion__title {
	list-style-type: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	color: #0E171F;
	padding: 32px 0;
	background-image: url("../images/icon_side_arrow_down.png");
	background-repeat: no-repeat;
	background-position: right 0 top 50%;
	background-size: 12px;
}
details.accordion summary.accordion__title:before {
	counter-increment: my-sec-counter;
	content: "Q" counter(my-sec-counter) " ";
	padding-right: 1em;
	color: #F26F28;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}
details.accordion summary.accordion__title::marker, details.accordion summary.accordion__title::-webkit-details-marker {
	display: none;
}
details.accordion .accordion__content {
	padding: 24px;
	border: solid 1px #f5f5f5;
	font-size: 16px;
	border-radius: 8px;
	text-align: justify;
}
details.accordion .accordion__content p {
	margin: 0;
	color: #0E171F;
	padding: 0;
	font-weight: 400;
}
details.accordion .accordion__content p+p {
	margin-top: 0.5em;
}
details.accordion[open] {
	border-color: transparent;
}
details.accordion[open] summary.accordion__title {
	background-image: url("../images/icon_side_arrow_up.png");
	font-weight: 600;
}
/*內容*/

.main_block {
	max-width: 1132px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: auto;
	/*background-color: #EEEEEE;*/
	padding: 10px 0 0;
}
/*搜尋研究報告*/

/* join_加入加入元大投顧會員 */

.join {
	display: flex;
	width: 100%;
	padding: 100px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: linear-gradient(180deg, #022B4F 0%, #005BAC 100%);
	color: #FFFFFF;
}
.join .title {
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
.join .title::after {
	border-bottom: 1px solid #FFF;
	width: 100px;
	padding-top: 12px;
	content: "";
	display: block;
	margin: 0 auto;
}
.join .content {
	margin: 32px auto 0 auto;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	align-self: stretch;
	line-height: 160%;
	max-width: 47em;
}
.join .block {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	margin-top: 64px;
}
.join .join_block {
	display: flex;
	padding: 40px 40px 20px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
	border-radius: 12px;
	background: #FFF;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}
.join .join_block .button {
	text-align: center;
	border: 1px solid #719EC7;
	cursor: pointer;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	width: 200px;
	display: flex;
	padding: 8px 0px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 4px;
	background: #005BAC;
	color: #FFFFFF;
}
.join .join_block .button:hover {
	background-color: #00529B;
	color: #FFFFFF;
	transition: all 0.3s;
}
.join_step_block {
	width: 100%;
	padding: 64px 0;
	background-color: #F6F6F6;
}
.join_step_block .title {
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	color: #005BAC;
}
.join_step_block .title::after {
	border-bottom: 1px solid #005BAC;
	width: 100px;
	padding-top: 12px;
	content: "";
	display: block;
	margin: 0 auto;
}
.join_container {
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	font-size: 18px;
	background-color: #F6F6F6;
}
.step_demo {
	display: flex;
	align-content: flex-start;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.step_demo_img {
	padding-right: 60px;
	flex-shrink: 0;
}
.step_demo_step {}
.swiper-slide .step_icon {
	width: 68px;
	padding: 4px 12px;
	border-radius: 5px;
	background: #439AF8;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 1px;
}
.swiper-slide .step_tit {
	color: #005BAC;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
	letter-spacing: 1px;
	margin-top: 12px;
	margin-bottom: 16px;
	text-align: left;
}
.swiper-slide .step_APP {
	margin-top: 36px;
	max-width: 388px;
}
.swiper-slide .step_APP .APP_center {
	display: flex;
}
.swiper-slide .step_APP .APP_center .app_btn {
	width: 208px;
}
.swiper-slide .step_APP .APP_center .img {
	padding-right: 14px;
	background-repeat: no-repeat;
	width: 138px;
}
.swiper-slide .step_APP .APP_center .between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.swiper-slide .step_content {
	color: #323232;
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: 1px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-next {
	background-image: url("../images/../images/angle-up.svg");
	right: 10px;
	left: auto;
	transform: rotate(180deg);
}
.swiper-button-prev {
	background-image: url("../images/angle-up.svg");
	left: 10px;
	right: auto;
}
/*  / join_加入加入元大投顧會員 */

.main_block_search {
	width: 950px;
	min-height: 100%;
	margin: 1px auto;
	position: relative;
	overflow: auto;
	padding: 0;
}
/*側邊選單*/

.side_menu {
	width: 200px;
	float: left;
	padding: 10px 20px 0 0;
	border-top: solid 2px #0081cc;
}
.side_menu li {
	border-bottom: 1px solid #e6e6e6;
	display: block;
	background: url(../images/icon_side_arrow_down.png) right 14px no-repeat;
	background-size: 14px auto;
}
.side_menu li.open {
	background-image: url(../images/icon_side_arrow_up.png);
}
.side_menu li.noSub {
	background: none;
}
.side_menu li.noSub.open {
	background: none;
}
.side_menu.noSub li {
	background: none;
}
.side_menu>li:first-child {
	border-top: none;
}
.side_menu li li {
	border-bottom: none;
	background: none;
}
.side_menu li a {
	padding: 10px 14px;
	color: #333333;
	font-size: 16px;
	position: relative;
	display: inline-block;
	font-weight: bold;
}
.side_menu li a span {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #bb9157;
	transition: all 300ms ease-in-out;
}
.side_menu li:hover a span, .side_menu li.open a span {
	width: 100%;
}
.side_menu li.open>ul.sub_menu {
	border-top: 1px solid #e6e6e6;
}
.side_menu ul.sub_menu {
	display: none;
}
.side_menu ul.sub_menu li a {
	color: #434343;
	font-size: 14px;
	padding: 14px;
	display: block;
	line-height: 1.5;
}
.side_menu ul.sub_menu li a:hover {
	color: #bb9157;
}
.side_menu ul.sub_menu li a.on {
	color: #bb9157;
}
.side_menu li.open>ul.sub_menu {
	display: block;
}
/*內容 - 右邊區塊*/

h5.tit {
	display: flex;
	flex-wrap: wrap;
	font-size: 24px;
	margin: 20px 0 28px;
	color: #171717;
	justify-content: space-between;
	align-items: center;
}
h5.tit_2 {
	display: flex;
    line-height: 32px;
	font-size: 24px;
	margin: 32px 0px 32px 24px;
	color: #171717;
	position: relative;
	justify-content: space-between;
}
h6.tit {
	display: flex;
	font-size: 16px;
	margin: 20px 0 20px;
	color: #0E171F;
	position: relative;
	justify-content: flex-start;
	line-height: 2em;
}
h6.tit div.nw_button a {
	height: 32px;
	line-height: 32px;
	color: #005BAC;
	border: 1px solid #005BAC;
	padding: 6px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
h5.tit div.nw_button {
	flex-shrink: 0;
}
h5.tit div.nw_button a {
	height: 32px;
	line-height: 32px;
	color: #005BAC;
	border: 1px solid #005BAC;
	padding: 6px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
h5.tit div.nw_button a:hover {
	background-color: #F2F9FF;
	color: #005BAC;
	transition: all 300ms ease-in-out;
}
h5.tit span {
	flex: 1;
	padding: 0;
	line-height: 32px;
}
h6 {
	margin-bottom: 5px;
}
.main_block .bg {
	background-color: #F5F5F5;
}
.main_block .main_box {
	width: 730px;
	float: left;
}
.main_block.single .main_box {
	width: 100%;
	float: none;
	padding-bottom: 1em;
}
.main_block.single .login_pw_box {
	max-width: calc(100% - 40px);
}
.bt_warnings {
	display: none;
	/*padding:20px;*/
}
.main_box .inner_box {
	/*background-color: #fff;*/
	/*margin-bottom: 20px;*/
	padding: 0px;
	overflow: hidden;
	/*border-top:solid 2px #0081cc;*/
	height: 100%;
}
.main_box .inner_box.list {
	background-color: #fff;
	/*margin-bottom: 2em;*/
	padding: 0;
	border-top: solid 2px #0081cc;
	height: auto;
}
.main_box .inner_box div.tit-padding {}
.main_box .inner_box.list h5.tit {
	padding-left: 1em;
}
.main_box .inner_box.list ul {}
.main_box .inner_box.list li {
	border-top: 1px solid #EEEEEE;
	padding: 32px 24px;
}

.main_box .inner_box.list ul.Rule_list li {
    list-style-type:cjk-ideographic;
    list-style-position: inside;
    text-align: justify;
    background-color: #fff;
    border: none;
    padding: 0 0 16px 36px;
    text-indent: -37px;
} 
.main_box .inner_box.list li.ellipsis a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
 
}
.main_box .inner_box.list li.ellipsis span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #737373;
    padding-right: 16px;
}
.main_box .inner_box.list li.ellipsis:last-child {
	border-bottom: 1px solid #EEEEEE;
}
.main_box .inner_box.list li a {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	position: relative;
}
.main_box .inner_box.list li a span {
	font-weight: 400;
	font-size: 16px;
	color: #737373;
	line-height: 1.5em;
	padding-right: 1em;
	display: inline-block;
	padding-left: 0;
}
.main_box .inner_box.list li:last-child {
	border-bottom: 1px solid #EEEEEE;
}
.main_box .inner_box.list li a.pdf::after {
	background-image: url("../images/pdf.png");
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 15px;
	position: absolute;
	top: calc( (100% - 20px) / 2);
	content: "";
	width: 20px;
	height: 20px;
}
.main_box .inner_box.list li:nth-child(odd) {
	background-color: #f9fbfd;
}
.main_box .inner_box.list li span {
	color: #737373;
	padding: 0 15px 0 0;
}
.main_box .inner_box.list li span b {
	font-weight: 600;
}
.main_box .inner_box.video {
	width: 100%;
	margin-bottom: 20px;
	padding: 0px;
}
/*反詐騙專區*/

.fraud_box {
	width: 100%;
}
.m_hide_02 {
	display: block;
}
.m_block_02 {
	display: none;
}
.fraud_box div h5.tit span {
	width: 100%;
	text-align: center;
	padding: 0;
	line-height: 18px;
}
.fraud_box div.block div {
	width: 100%;
}
.fraud_box div.block {
	width: calc((100% / 3) - 10px);
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
.fraud_box div.block img {
	max-width: 200px;
	display: block;
	margin: 0 auto;
	padding-bottom: 1em;
}
.fraud_box div.block div.text {
	max-width: 300px;
	text-align: justify;
	margin: 0 auto;
}
.p_style {
	display: none
}
/* /反詐騙專區*/

.main_box .inner_box.video div.container-wrapper {
	width: 100%;
	background-color: #F9F9F9;
	display: inline-flex;
	justify-content: space-between;
	padding: 20px;
	align-items: flex-end;
}
.main_box .inner_box.video div.container-wrapper .block-search_column {
	padding: 0 10px 0 0;
}
.main_box .inner_box.video div.container-wrapper .block-search_column .tit {
	padding-bottom: .5em;
}
.main_box .inner_box.video div.container-wrapper .block-search_column.box_1 {
	flex-grow: 1;
}
.main_box .inner_box.video div.container-wrapper .block-search_column.box_2 {
	flex-grow: 0;
}
.main_box .inner_box.video div.container-wrapper .block-search_column.box_3 {
	width: auto;
	padding-right: 40px;
}
.main_box .inner_box.search {
	/*background-color: #fff;*/
	margin-bottom: 20px;
	padding: 20px;
	overflow: hidden;
	border-top: none;
	min-height: 800px;
}
.main_box .inner_box.error {
	background-color: rgba(255, 255, 255, 0);
	padding: 0;
	border-top: 6px solid #0081cc;
}
.main_box .inner_box.error .picInfo {
	width: 100%;
}
.main_box .inner_box.error .picInfo img {
	width: 100%;
	height: auto;
}
.main_box .inner_box.error .picInfo.p {
	display: none;
}
.main_box .inner_box.error .picInfo.m {
	display: none;
}
.main_box .topBn {
	width: 100%;
	margin: 0 0 20px;
}
.main_box .topBn img {
	width: 100%;
	height: auto;
}
/*卡片tab*/

.card_tab {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}
/*卡片目錄*/

.card_items {
	margin: 0 0 35px;
	overflow: hidden;
}
.card_items ul {
	padding: 0 0 0 1px;
}
.card_items li {
	width: 33.4%;
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	position: relative;
	float: left;
	background-color: #fff;
	margin: 0 0 0 -1px;
}
.card_items li a {
	border: 1px solid #ededed;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.card_items li a:hover {
	border: 1px solid #bb9157;
	z-index: 1;
}
.card_items h5 {
	color: #065ba3;
	text-align: center;
	margin: -20px 0 0;
	z-index: 1;
	position: relative;
}
.card_items .p_box {
	width: 100%;
}
.card_items img {
	width: 100%;
	height: auto;
}
.card_items .p_reflect {
	height: 40px;
	overflow: hidden;
	position: relative;
}
.card_items .p_reflect img {
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	-khtml-opacity: 0.3;
}
.card_items .p_reflect span {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+52 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}
/*卡片資訊*/

.card_info {
	margin: 0 0 40px 0;
}
.card_info .pic {
	float: left;
	width: 250px;
	padding: 0 19px 0 0;
	border-right: 1px solid #eaeaea;
}
.card_info .info {
	float: left;
	width: 450px;
	padding: 0 0 0 20px;
}
.card_info .pic .showPic {
	width: 250px;
	margin: 0 0 12px 0;
}
.card_info .pic .showPic img {
	width: 100%;
	height: auto;
}
.card_info .pic ul {
	height: 50px;
	display: block;
	overflow: hidden;
	padding: 0 0 0 2px;
}
.card_info .pic ul li {
	width: 79px;
	display: inline-block;
}
.card_info .pic ul li a {
	transition: all 0.5s;
	opacity: 0.5;
}
.card_info .pic ul li a:hover {
	opacity: 1;
}
.card_info .pic ul li.active a {
	opacity: 1;
}
.card_info .pic ul li a img {
	width: 78px;
	height: auto;
}
.card_info .info h6 {
	font: bold 18px/2.3 Arial, Helvetica, "微軟正黑體";
	color: #065ba3;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.card_info .info ul {
	margin: 0 0 10px 0;
}
.card_info .info ul li {
	background: url(../images/img_dot_blue.png) 7px 12px no-repeat;
	background-size: 4px 4px;
	padding: 4px 0 4px 20px;
}
.card_info .info p {
	margin: 6px 0 20px 0;
}
.card_info .info .btnSet {}
.card_info .info .btnSet a {
	width: 145px;
	height: 40px;
	line-height: 42px;
	display: inline-block;
	text-align: center;
	color: #0081cc;
	border: 1px solid #0081cc;
	border-radius: 3px;
	transition: all 0.3s;
	opacity: 1;
}
.card_info .info .btnSet a:hover {
	color: #bb9157;
	border-color: #bb9157;
}
.card_info .info .btnSet a.apply {
	color: #bb9157;
	border: 1px solid #bb9157;
}
.card_info .info .btnSet a.apply:hover {
	color: #fff;
	background-color: #bb9157;
}
/*Q&A*/

.question {
	margin: 0 0 20px;
	overflow: hidden;
}
.question .subT {
	margin: 20px 0 20px;
}
.question ul {}
.question ul li {
	min-height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #f2f2f2;
}
.question ul li .subT {
	margin: 20px 0 0;
}
.question ul li .quest {
	font: bold 18px/40px Arial, Helvetica, "微軟正黑體";
	font-weight: normal;
	color: #065ba3;
	/*text-overflow:ellipsis; white-space:nowrap;  overflow:hidden; */
	padding: 0 30px 0 0;
	cursor: pointer;
	background: url(../images/icon_open.png) right 10px no-repeat;
}
.question ul li .quest.close {
	background: url(../images/icon_close.png) right 10px no-repeat;
}
.question ul li .answer {
	display: none;
	padding: 0;
}
.question ul li .answer table {
	line-height: 1.5;
}
.question ul li .answer p {
	font-size: 14px;
	line-height: 20px;
}
.question ul li .answer .red {
	color: #e21f1f;
}
.question ul li .answer .info {
	margin: 0 0 20px;
}
.question ul li .answer .info p {
	line-height: 30px;
	margin: 0;
}
.question ul li .answer .info p img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.question ul li .answer .info p.blue {}
.question ul.num li {
	line-height: 1.5;
	border: none;
	min-height: auto;
}
/*共用*/

/*段落*/

p.note {
	margin: 0;
	font-size: 14px;
	color: #e21f1f;
}
p.bk {
	margin: 0;
	color: #222222;
	font-weight: bold;
}
p.blue {
	margin: 0;
	color: #0081cc;
	font-weight: bold;
}
p a {
	color: #0081cc;
	text-decoration: underline;
}
/*顏色*/

.red_color {
	color: #e21f1f;
}
.lightRed_color {
	color: #ff4a53;
}
.green_color {
	color: #24a75e;
}
.gray_color {
	color: #b2b2b2;
}
.defualt_blue_color {
	color: #005BAC;
}
.blue_color {
	color: #0081cc;
}
.darkBlue_color {
	color: #065ba3;
}
.lightBlue_color {
	color: #00b7ee;
}
.black_color {
	color: #222222;
}
.orange_color {
	color: #ec6a00;
}
.brown_color {
	color: #bb9157;
}
/**/

.bigT {
	font-size: 16px;
	font-weight: bold;
}
.biggerT {
	font-size: 18px;
}
.smallT {
	font-size: 14px;
}
p.smallT {
	line-height: 18px;
}
/*間距*/

.butM {
	margin: 0 0 10px;
}
.butM2 {
	margin: 0 0 20px;
}
.noM {
	margin: 0;
}
.mT {
	margin: 68px 0 48px 0;
}
.mT2 {
	margin: 92px 0 0;
}
.mT3 {
	margin: 1em 0;
}
/*line*/

.lineBox {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0;
	margin: 0 0 20px;
}
.lineBox p {
	margin: 0;
}
.tLine {
	border-top: 1px solid #eaeaea;
	padding: 5px 0 0;
}
.bLine {
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
/*table*/

.tb_Box {
	margin-bottom: 35px;
	position: relative;
}
table td div.ellipsis {
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 3.4em;
	max-width: 28em;
}
table td div.multiline-ellipsis {
	display: none;
}
table {
	margin: 0 0 15px 0;
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse;
}
table tr:nth-child(odd) {
	/*background: #fafafa;*/
}
table th {
	background-color: #D4E4FA;
	color: #323232;
	/*padding: 0 10px;*/
	font-size: 16px;
	height: 68px;
	line-height: 1.5em;
}
table.fix-header {
	margin: 0 0 15px 0;
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse;
}
table.fix-header thead th {
	background-color: #D4E4FA;
	color: #323232;
	font-size: 16px;
	height: 68px;
	line-height: 1.5em;
	padding: 0 12px;
	white-space: nowrap;
}
/*發布日期*/

table.fix-header thead th:first-child {
	width: calc(5em + 24px);
	text-align: left;
}
/*類型*/

table.fix-header thead th:nth-child(2) {
	width: calc(2em + 24px);
	text-align: left;
}
/*標題*/

table.fix-header thead th:nth-child(3) {
	width: calc(28em + 24px);
	text-align: left;
}
/*研究員*/

table.fix-header thead th:nth-child(4) {
	width: calc(3em + 24px);
	text-align: left;
}
/*評等*/

table.fix-header thead th:nth-child(5) {
	width: calc(3em + 24px);
	text-align: left;
}
/*評等變化*/

table.fix-header thead th:nth-child(6) {
	width: calc(3em + 24px);
	text-align: left;
}
/*相關個股*/

table.fix-header thead th:nth-child(7) {
	width: calc(6em + 24px);
	text-align: left;
}
/*地區*/

table.fix-header thead th:nth-child(8) {
	width: calc(2em + 24px);
	text-align: left;
}
table.fix-header td {
	padding: 16px 12px;
	text-align: left;
}
table th.bLine {
	border-bottom: 1px solid #eaeaea;
	padding: 12px 20px;
}
table th div.sorter {
	float: right;
	font-size: .8em;
	height: 68px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
table th div {
	font-size: 16px;
	display: inline-flex;
	align-self: center;
	padding: 0px;
}
table th div.sorter btn {
	cursor: pointer;
	height: 20px;
	line-height: 20px;
}
table td {
	border-bottom: 1px solid #F5F5F5;
	color: #000000;
	text-align: center;
	font-size: 16px;
	padding: 0 5px;
}
table td span {
	display: block;
}
table td ul.brownLi {
	margin-bottom: 0;
}
table td ul.num {
	margin-bottom: 0;
}
table td p {
	margin: 0;
}
table td div.type {
	width: 30px;
	border-radius: 3px;
	white-space: nowrap;
	color: #FFFFFF;
	height: 1em;
	line-height: 1.1em;
	padding: 7px;
	font-size: 14px;
	margin: auto auto auto 0;
	text-align: center;
}
table td.date {
	font-size: 16px;
	color: #737373;
	width: 90px;
	padding: 0 12px;
}
table td.date div {
	display: inline-flex;
}
table a {
	color: #4c4c4c;
	text-decoration: underline;
}
table a:hover {
	color: #afa16e;
}
table a.downLoad {
	width: 20px;
	height: 20px;
	display: block;
	vertical-align: middle;
	background: url(../images/icon_downLoad_02.png) top no-repeat;
	margin: 0 auto;
}
table a.downLoad:hover {
	background-position: bottom;
}
table a.directions {
	width: 20px;
	height: 20px;
	display: block;
	vertical-align: middle;
	background: url(../images/icon_directions.png) top no-repeat;
	margin: 0 auto;
}
table a.directions:hover {
	background-position: bottom;
}
table.hoverType tr:hover>td, table.hoverType tr:hover>td a {
	color: #afa16e;
	background-color: #fafafa;
	transition: all 0s;
}
table.hoverType2 td {
	line-height: 22px;
	vertical-align: top;
	text-align: center;
}
table.hoverType2 td img {
	display: inline-block;
	line-height: 22px;
	vertical-align: top;
	margin: 0 5px 0 0;
}
table.hoverType2 td:hover {
	color: #afa16e;
	background-color: #fafafa;
}
table.hoverType3 td:hover {
	color: #afa16e;
	background-color: #fafafa;
	transition: all 0s;
}
table td.gbg {
	background-color: #f9fbfd;
}
table.hoverType3 td.gbg:hover {
	color: #4c4c4c;
	background-color: #eaeaea;
}
table.paddingType2 th, table.paddingType2 td {
	height: 40px;
	box-sizing: border-box;
}
table.paddingType2 th {
	padding: 4px;
}
table.paddingType2 td {
	padding: 8px 4px;
	line-height: 1.2em;
}
table.paddingType2 p {
	line-height: 1.2em;
}
table.rate span.unit {
	font-size: 14px;
	color: #ec6a00;
}
table.calc {
	border: none;
}
table.calc th {
	border: none;
	padding: 7px;
	color: #fff;
	background-color: #9c9c9c;
}
table.calc td {
	border: none;
	padding: 7px;
	background-color: #f8f8f8;
	text-align: left;
}
table.calc td select {
	width: 100%;
}
table.calc td select.half {
	width: 49%;
	float: right;
	display: table-cell;
	box-sizing: border-box;
	overflow: hidden;
}
table.calc td select.half:first-child {
	float: left;
}
table.calc td select.half2 {
	width: 60%;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 0 5px 0;
}
table.calc td select.small {
	width: 35%;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 0 5px 0;
}
table.calc td input[type="text"].half {
	width: 49%;
}
table.calc td input[type="text"].small {
	width: 40%;
}
table.calc td input[type="text"].type01 {
	width: 80px;
	text-align: center;
}
table.calc td input[type="button"].date {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(../images/icon_date.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
	margin: 0 5px;
}
table.calc td span.end {
	font-size: 16px;
	font-weight: bold;
	color: #777;
	margin-left: 10px;
}
table.calc td img.verImg {
	display: inline-block;
	vertical-align: top;
}
table.rule_layer2 {
	border: none;
	margin-bottom: 0;
}
table.rule_layer2 td {
	background: none;
	padding: 5px 10px;
}
table.rule_layer2 th {
	color: #0081cc;
	background-color: transparent;
	text-align: left;
	padding: 5px 10px;
}
table.rule_layer2 th.yes_mm {
	display: none;
}
table.loanTrial {
	border: none;
}
table.loanTrial th {
	border: none;
	padding: 5px 15px;
	border-right: 2px solid #b2d9f0;
	text-align: left;
	font-size: 16px;
	background: -webkit-linear-gradient(left 30%, #f3f9fd 100%);
	background: -o-linear-gradient(right, #fff 30%, #f3f9fd 100%);
	background: -moz-linear-gradient(right, #fff 30%, #f3f9fd 100%);
	background: linear-gradient(to right, #fff 30%, #f3f9fd 100%);
}
table.loanTrial th.vTop {
	vertical-align: top;
	padding: 15px 15px 5px;
}
table.loanTrial td {
	border: none;
	padding: 5px 15px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #777777;
}
table.loanTrial textarea {
	border: 1px solid #b2d9f0;
	color: #777777;
}
table.loanTrial .searchSet {
	width: 100%;
	display: block;
	margin: 0 0 5px 0;
}
table.loanTrial .bigInput {
	position: relative;
	height: 40px;
	border: 1px solid #b2d9f0;
	color: #bb9157;
	margin: 0 0 5px;
}
table.loanTrial .bigInput.half {
	width: calc((100% - 15px)/2);
	display: table-cell;
}
table.loanTrial .bigInput.half:nth-child(1) {
	float: left;
	margin: 0 10px 0 0;
}
table.loanTrial .bigInput.half:nth-child(2) {
	float: right;
}
table.loanTrial .bigInput.third {
	width: 130px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px;
}
table.loanTrial .bigInput.thirdLast {
	width: 140px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px;
}
table.loanTrial .bigInput input[type="text"] {
	float: right;
	text-align: right;
	width: 100%;
	height: 40px;
	border: none;
	/* background-color:#cc0000;*/
	font-size: 20px;
	font-weight: bold;
	color: #bb9157;
	padding: 0;
}
table.loanTrial a.file {
	padding: 5px 10px;
	background: #0081cc;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	transition: all 0.3s;
	line-height: 40px;
	vertical-align: middle;
}
table.loanTrial a.file:hover {
	opacity: 0.8;
}
table.loanTrial a.add {
	padding: 5px 10px;
	background: #0081cc;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	transition: all 0.3s;
	line-height: 40px;
	vertical-align: middle;
}
table.loanTrial a.add:hover {
	opacity: 0.8;
}
table.loanTrial .bigInput.third input {
	text-align: center;
}
table.loanTrial .bigInput.mid {
	width: 110px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px;
}
table.loanTrial .bigInput.mid input {
	text-align: center;
}
table.loanTrial .bigInput.small {
	width: 60px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px;
}
table.loanTrial .bigInput.small input {
	text-align: center;
}
table.loanTrial .bigInput input.tC {
	text-align: center;
}
table.loanTrial .bigInput input.tL {
	text-align: left;
	padding: 0 0 0 16px;
}
table.loanTrial .bigInput .unit01 {
	float: right;
	width: auto;
	/*background-color:#000;*/
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
table.loanTrial .bigInput .unit02 {
	float: right;
	width: auto;
	/*background-color:#000;*/
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
table.loanTrial .bigInput .unit03 {
	float: right;
	width: auto;
	/*background-color:#000;*/
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
table.loanTrial .bigInput .unit04 {
	float: right;
	width: auto;
	/*background-color:#000;*/
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
table.loanTrial select {
	width: 100%;
	height: 40px;
	border: 1px solid #b2d9f0;
	font-size: 16px;
	margin: 0 0 5px;
}
table.loanTrial img.verImg {
	margin: 6px 0 0;
}
table.loanTrial td input[type="radio"]+label {
	margin-right: 10px;
}
table.inTb {
	border: none;
	line-height: 1.1;
	margin: 0;
}
table.inTb th {
	border: none;
	text-align: left;
	padding: 10px;
	background-color: #f6f5ef;
}
table.inTb td {
	border: none;
	text-align: left;
	padding: 5px 10px;
}
table.inTb tr:nth-child(3n+3) {
	background-color: #f8f8f8;
}
/*表格排序th樣式*/

table.table_order .order_ascend, table.table_order .order_descend {
	padding-right: 16px;
}
table.table_order .order_ascend {
	background-image: url(../images/btn_order_01.png);
	background-position: calc(100% - 2px) center;
	background-repeat: no-repeat;
}
table.table_order .order_descend {
	background-image: url(../images/btn_order_02.png);
	background-position: calc(100% - 2px) center;
	background-repeat: no-repeat;
}
/*表格排序th樣式 沒有排序icon*/

.table_order2 th {
	cursor: pointer;
}
/*img*/

.picBox {
	position: relative;
	margin: 0 0 24px 0;
}
.picBox img {
	max-width: 100%;
	height: auto;
}
.picBox a.zoom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	display: none;
	background: #2d92cb url(../images/icon_zoom.png) no-repeat;
	background-size: 30px 30px;
}
.picBox_center img {
	width: auto;
	margin: 0 auto;
}
.subT {
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	background-color: #c4b993;
	padding: 6px 15px;
	display: inline-block;
	margin: 0 0 15px 0;
}
.subT_bg {
	margin-bottom: 10px;
	padding: 10px;
	line-height: 1em;
	color: #fff;
	background: #065ba3;
}
.subT_big {
	padding: 10px 15px;
	font-size: 20px;
	font-weight: bold;
}
/*ul*/

ul.brownLi {
	margin: 0 0 20px 0;
}
ul.brownLi li {
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
	background: url(../images/icon_dot.jpg) 12px 8px no-repeat;
	padding: 0 0 0 30px;
	border-bottom: none;
}
ul.brownLi li a {
	color: #0081cc;
	text-decoration: underline;
}
ul.item li {
	min-height: 20px;
	line-height: 20px;
	font-size: 14px;
	background: none;
	padding: 5px 0 5px 35px;
	position: relative;
	border-bottom: none;
}
ul.item a {
	color: #0081cc;
	text-decoration: underline;
}
ul.item li span.order {
	position: absolute;
	left: 0;
}
ul.num {
	font-size: 14px;
	list-style: decimal;
	margin: 0 0 20px 30px;
	min-height: auto;
}
ul.num>li {
	list-style: decimal;
	padding: 5px 0;
}
ul.num li img {
	display: inline-block;
	vertical-align: middle;
}
ul.num li span {
	color: #0081cc;
}
ul li span.red {
	color: #e21f1f;
}
ul li span.orange {
	color: #ec6a00;
}
ul.num a {
	color: #0081cc;
	text-decoration: underline;
}
ul.dot li {
	border: none;
	line-height: 1.5;
	padding: 0 0 0 10px;
	background: url(../images/icon_dot2.png) 0 8px no-repeat;
	min-height: auto;
}
ul.dotBlue {
	margin: 0 0 10px 0;
}
ul.dotBlue li {
	background: url(../images/img_dot_blue.png) 12px 12px no-repeat;
	background-size: 4px 4px;
	padding: 4px 0 4px 30px;
}
/*新聞列表*/

.news {
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 20px;
}
.news ul {}
.news ul li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
.news ul li:nth-child(even) {
	background-color: #fafafa;
}
.news ul li a {
	padding: 0 5px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #065ba3;
}
.news ul li:hover>a, .news ul li:hover>a span {
	color: #bb9157;
}
.news ul li span {
	margin: 0 30px 0 0;
	min-width: 35px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #4c4c4c;
}
.news ul li .tag.news {
	width: 36px;
	height: 10px;
	margin: 0 0 0 5px;
	vertical-align: middle;
	background: url(../images/icon_new.png) center no-repeat;
}
/*營業據點*/

/*搜尋*/

.search_map .search_select_03 {
	display: flex;
	justify-content: space-between;
}
.search_map .search_select_03 select {
	width: calc(33% - 5px);
}
/*公告*/

.announce_box {
	margin-bottom: 30px;
	padding: 30px 30px 20px;
	border-top: solid 4px #0081cc;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	background: -webkit-linear-gradient(#fff 70%, #fef5e9 100%);
	background: -o-linear-gradient(#fff 70%, #fef5e9 100%);
	background: -moz-linear-gradient(#fff 70%, #fef5e9 100%);
	background: linear-gradient(#fff 70%, #fef5e9 100%);
}
.announce_box p {
	line-height: 2em;
}
/*公告按鈕*/

.btn_inline {
	margin: 0 2px;
	padding: 0 5px;
	display: inline-block;
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	background: #0272bb;
	border-radius: 2px;
}
/*警語*/

.bt_warnings p {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}
/*LI*/

ul.brownLi_dot {
	margin: 0 0 20px 0;
}
ul.brownLi_dot li {
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	min-height: 24px;
	background: url(../images/icon_dot_yellow.png) 12px 8px no-repeat;
	background-size: 6px;
}
ul.brownLi_dot li a {
	color: #0081cc;
	text-decoration: underline;
}
/*rateTitle*/

.rateTitle {
	margin: 0 0 10px;
	clear: both;
}
.rateTitle h6 {
	float: left;
	font-size: 18px;
	color: #065ba3;
	display: inline-block;
}
.rateTitle .info {
	float: right;
	display: inline-block;
	color: #4c4c4c;
	font-size: 14px;
}
.rateTitle .info li {
	margin-right: 10px;
	display: inline-table;
}
.rateTitle .info .lake {
	color: #12bec4;
}
.rateTitle .info .pink {
	color: #ef3f9a;
}
.rateTitle .info .org {
	color: #ec6a00;
}
.rateTitle .info .lake span, .rateTitle .info .pink span, .rateTitle .info .org span {
	color: #4c4c4c;
}
/*活動優惠列表*/

.event_items {
	margin-bottom: 20px;
}
.event_items h6 {
	padding: 12px 10px;
	margin: 0 0 10px;
	background-color: #0081cc;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}
.event_items ul {
	width: 100%;
}
.event_items ul li {
	width: calc(((100% - 30px) - 4px)/3);
	float: left;
	display: block;
	padding: 0 15px 0 0;
	margin: 0 auto 20px;
	border-bottom: 1px solid #eaeaea;
}
.event_items ul li:nth-child(3n+3) {
	padding: 0;
}
.event_items ul li .pic img {
	width: 100%;
	height: auto;
}
.event_items ul li p {
	width: 100%;
	height: 46px;
	display: block;
	overflow: hidden;
	margin: 0 auto 10px;
}
.event_items ul li a {
	width: 80%;
	height: 36px;
	display: block;
	line-height: 36px;
	border: 1px solid #0081cc;
	color: #0081cc;
	margin: 0 auto 20px;
	text-align: center;
}
.event_items ul li a:hover {
	border: 1px solid #0081cc;
	color: #fff;
	background-color: #0081cc;
}
/*活動內容*/

.event_info {}
.event_info .pic {
	width: 740px;
	height: 316px;
	margin-bottom: 20px;
}
.event_info .pic img {
	width: 100%;
	height: auto;
}
.event_info h6 {
	font: normal 16px/1.8 Arial, Helvetica, "微軟正黑體";
}
.event_info ul {
	margin: 0 0 20px 0;
}
.event_info ul li {
	background: url(../images/img_dot_blue.png) 7px 10px no-repeat;
	background-size: 4px 4px;
	padding-left: 110px;
	position: relative;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 8px;
}
.event_info ul li a {
	color: #0081cc;
	text-decoration: underline;
}
.event_info ul li .tit {
	position: absolute;
	left: 20px;
	top: 0;
}
/*bn_three*/

.bn_three {
	margin: 0 0 20px 0;
}
.bn_three ul {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	align-items: stretch;
}
.bn_three ul li {
	width: auto;
	cursor: pointer;
	overflow: hidden;
}
.bn_three ul li:nth-child(2) {
	margin: 0 15px;
}
.bn_three ul li img {
	width: 100%;
	height: auto;
}
/*btnArea*/

.btnArea {
	padding: 0 0 30px 0;
	text-align: center;
}
.btnArea a {
	width: 312px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	margin: 0 2px;
	text-align: center;
	color: #FFF;
	background-color: #005BAC;
	border-radius: 4px;
}
.btnArea1 a:hover, .btnArea a:hover {
	background-color: #00529B;
	transition: all 0.3s;
	opacity: 1;
}
.btnArea a.extra {
	width: auto;
	padding: 0 10px
}
.btnArea a.manual {
	width: 220px;
	background: url(../images/icon_manual.png) 30px 5px no-repeat;
	padding: 0 0 0 30px;
}
 
.btnArea a.manual:hover {
	background: url(../images/icon_manual_hover.png) 30px 5px no-repeat;
}
.btnArea a.insurance {
	width: 190px;
	background: #0081cc url(../images/icon_book.png) 45px 8px no-repeat;
	padding: 0 0 0 30px;
	color: #fff;
}
.btnArea a.insurance:hover {
	border-color: #0081cc;
	color: #fff;
}
.btnArea a.gray {
	border-color: #707070;
	color: #626262;
}
.btnArea1 {
	padding: 0;
	text-align: center;
}
.btnArea1 a {
	width: 160px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	background-color: #005BAC;
	border-radius: 4px;
	transition: all 0.3s;
	opacity: 1;
}
.btnArea2 {
	padding: 10px 0;
}
.btnArea2 a {
	width: 145px;
	height: 30px;
	line-height: 32px;
	display: inline-block;
	margin: 0 2px;
	text-align: center;
	color: #0081cc;
	border: 1px solid #0081cc;
	border-radius: 3px;
	transition: all 0.3s;
	opacity: 1;
}
.btnArea2 a:hover {
	color: #bb9157;
	border-color: #bb9157;
}
.btnArea3 {
	float: right;
	margin-bottom: 10px;
}
.btnArea3 a {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
	background: #179bdb;
}
.btnArea3 input[type="checkbox"]+label, .btnArea3 input[type="radio"]+label {
	margin-right: 10px;
}
.btnArea3 .btn_add span {
	padding-right: 5px;
	font-size: 18px;
}
/*標題按鈕*/

.btn_tit {
	float: right;
	margin-top: -4px;
	padding-left: 10px;
	background: #fff;
}
.btn_tit a {
	padding: 0 5px;
	display: inline-block;
	line-height: 30px;
	color: #0082c6;
	border: solid 1px #0082c6;
	border-radius: 4px;
}
.btn_tit a.print {
	padding-left: 25px;
	background: url(../images/icon_print.png) 5px center no-repeat;
	background-size: auto 20px;
}
.btn_tit+h5.tiT {
	padding-right: 100px;
}
/*公開說明書*/

.btn_tit a.download {
	padding-right: 24px;
	line-height: 20px;
	font-size: 14px;
	color: #dfaf4a;
	border: solid 1px #dfaf4a;
	background: url(../images/icon_downLoad_03.png) calc(100% - 5px) center no-repeat;
	background-size: auto 14px;
}
/*備註事項*/

.noticeBox {
	background: url(../images/bg_shadow.png) no-repeat;
	background-size: 100% auto;
	padding-top: 30px;
}
.noticeBox {
	font-size: 14px;
}
.noticeBox p.blue {
	font-size: 14px;
}
.noticeBox h6 {
	margin-bottom: 10px;
}
/*文章內容*/

.c_box {
	margin-bottom: 20px;
}
.editArea {
	color: #4c4c4c;
}
.date {
	font-size: 14px;
	/*color:#b8b8b8;padding:5px 0;*/
}
/*服務條約書*/

.contractBox {
	border: 1px solid #eaeaea;
	padding: 15px;
	height: 350px;
	margin-bottom: 30px;
	overflow: auto;
}
.contractBox p {
	color: #898989;
	margin-bottom: 5px;
}
.contractBox .contractNo {
	float: right;
}
.contractBox table {
	border: none;
}
.contractBox table td {
	color: #898989;
	padding: 2px 5px;
	text-align: inherit;
	border: none;
}
.contractBox table.line {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
}
.contractBox table.line th {
	padding: 5px;
	border-bottom: 1px solid #eaeaea;
	font-size: 14px;
}
.contractBox table.line td {
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.contractBox table.line td.noLine {
	border-bottom: none;
}
/*網站地圖*/

p.siteItem {
	color: #959595;
	margin: 0;
	padding: 5px 0 10px 0;
}
ul.brownLi li a.site {
	margin: 2px 10px;
	text-decoration: none;
	color: #959595;
	display: inline-block;
}
ul.brownLi li a.site:first-child {
	margin-left: 0;
}
ul.brownLi li a.site:last-child {
	margin-right: 0;
}
ul.brownLi li a.site:hover {
	color: #afa16e;
}
ul.brownLi li a.siteH {
	color: #636363;
	font-weight: bold;
	text-decoration: none;
}
ul.brownLi li a.siteH:hover {
	text-decoration: underline;
}
/*--------------------------NEW--------------------------*/

/*標題+搜尋*/

.price_box_title02 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price_box_title02>div {
	flex: 0 0 auto;
}
.price_box_title02 .m_hide {
	flex: 1 1 350px;
	max-width: 350px;
	margin-left: 20px;
}
/*基本資料*/

.info_list_box {
	margin-bottom: 20px;
	padding: 20px 15px;
	background: #f8f8f8;
}
.info_list_box ul {
	width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}
.info_list_box ul:last-child {
	padding: 0 0 0 20px;
	border-left: solid 1px #ddd;
}
.info_list_item {
	display: flex;
}
.info_list li {
	display: flex;
	justify-content: space-between;
	line-height: 1.5em;
}
.info_list span:first-child {
	font-weight: bold;
}
.info_list span:last-child {
	color: #777;
}
/*iframe選擇box*/

.info_iframe_box {
	margin-bottom: 10px;
	padding: 10px 0;
}
.info_iframe_box .info_list_box {
	padding: 0;
	background: none;
}
.info_iframe_box .info_list li {
	line-height: 28px;
}
.info_iframe_box .info_list input[type="checkbox"]+label span {
	width: 16px;
	height: 16px;
	margin: 0;
	background-size: 16px auto;
	background-position: center;
}
.info_iframe_box .info_list input[type="checkbox"]+label span.type_color {
	width: 13px;
	height: 13px;
	margin: 0 5px 0 10px;
}
/*更新時間*/

.update_time {
	margin-bottom: 0;
	font-size: 14px;
}
.update_time span {
	color: #ec6a00;
}
/*增加項目*/

.add_item_box {
	display: flex;
	margin-bottom: 10px;
}
.add_item_box .item_list {
	min-height: 400px;
	flex: 1 1 50%;
	border: solid 1px #ddd;
}
.add_item_box .item_list p {
	margin-bottom: 0;
	padding: 5px 20px;
	font-size: 1rem;
	border-bottom: solid 1px #ddd;
}
.add_item_box .item_list ul {
	padding-bottom: 60px;
}
.add_item_box .item_list li {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	cursor: pointer;
}
.add_item_box .item_list li.on {
	color: #fff;
	background: #00b7ee;
}
/*功能按鈕*/

.btn_function {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 10px;
}
.btn_function a {
	display: block;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
	border-radius: 4px;
	transition: 0.5s;
}
.btn_function .lightblue {
	background: #00b7ee;
}
.btn_function .lightblue:hover {
	background: #009ac9;
}
.btn_function .gray {
	background: #bbb;
}
.btn_function .gray:hover {
	background: #999;
}
.btn_function .darkgray {
	background: #777;
}
.btn_function .darkgray:hover {
	background: #555;
}
/*智慧搜尋*/

.search_box {
	max-width: 630px;
	margin: 0 auto 75px auto;
}
/*智慧搜尋說明*/

.search_notice {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	color: #dfaf4a;
}
.search_notice.on {
	margin-bottom: 5px;
}
.search_notice span.title {
	padding-right: 1.2em;
	cursor: pointer;
	background: url(../images/icon_search_notice_02.png) right center no-repeat;
	background-size: auto 1em;
}
.search_notice.on span.title {
	background: url(../images/icon_search_notice_01.png) right center no-repeat;
	background-size: auto 1em;
}
.search_notice_box {
	display: none;
	margin-bottom: 20px;
	padding: 20px 20px 0;
	border: solid 1px #dfaf4a;
}
.search_notice_box.on {
	display: block;
}
.search_notice_item {
	display: flex;
	justify-content: space-between;
	max-width: 670px;
	margin: 0 auto;
	font-size: 14px;
}
.search_notice_item li {
	flex: 1 1 auto;
	padding: 0 20px;
}
.search_notice_item p {
	line-height: 1.2em;
}
.search_notice_item .num {
	display: inline-block;
	width: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	text-align: center;
	color: #fff;
	background: #bbb;
	border-radius: 50%;
}
/*搜尋篩選*/

.outer {
	margin: 0 auto;
	max-width: 800px;
}
#big .item {
	background: #ec6e46;
	padding: 120px 0px;
	margin: 2px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
}
#thumbs .item {
	background: #c9c9c9;
	height: 70px;
	line-height: 70px;
	padding: 0px;
	margin: 2px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}
#thumbs .item h1 {
	font-size: 18px;
}
#thumbs .current .item {
	background: #ff5722;
}
.owl-theme .owl-nav [class*="owl-"] {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {
	background-color: #d6d6d6;
}
#big.owl-theme {
	position: relative;
}
#big.owl-theme .owl-next, #big.owl-theme .owl-prev {
	background: #333;
	width: 22px;
	line-height: 40px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
}
#big.owl-theme .owl-prev {
	left: 10px;
}
#big.owl-theme .owl-next {
	right: 10px;
}
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {
	background: #333;
}
/*單輸入+搜尋*/

.input_search_box {
	margin-bottom: 10px;
	display: flex;
}
.input_search_box a {
	flex: 0 0 auto;
	display: block;
	padding: 0 10px;
	line-height: 32px;
	color: #fff;
	background: #0099e7;
}
/*試算數據*/

/*框線區塊*/

.trial_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 20px 20px 0;
	border: solid 1px #e4bc67;
	border-radius: 2px;
}
.trial_box>div {
	width: calc(50% - 40px);
}
.trial_box .table_trial {
	margin: 20px 0 10px;
}
.trial_box .monthly_calendar {
	margin: -10px 0 0;
}
/*試算表格*/

table.table_trial {
	border: none;
}
table.table_trial tr {
	/*background: #fff;*/
}
table.table_trial th, table.table_trial td {
	padding: 0 0 10px 0;
	background: none;
	border: none;
}
table.table_trial td span.title {
	width: 100%;
	text-align: left;
	line-height: 32px;
	font-size: 16px;
	font-weight: bold;
}
table.table_trial select {
	width: 100%;
}
table.table_trial .selectbox02 {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	line-height: 32px;
}
table.table_trial .selectbox02 select, table.table_trial .selectbox02 input {
	width: calc(50% - 10px);
}
table.table_trial div {
	text-align: left;
	display: block;
}
table.table_trial input[type="radio"]+label {
	margin: 0 5px 0 0;
}
/*進階搜尋*/

.filter_box {
	margin-bottom: 5px;
	padding: 20px 10px 0;
	border: 1px solid black;
}
.filter_item {
	display: flex;
	justify-content: space-between;
}
.filter_item>div {
	width: calc(50% - 20px);
}
.filter_box .btnArea a {
	margin: 0 15px;
}
.filter_box table.table_trial {
	margin-bottom: 5px;
}
.filter_box table.table_trial td {
	padding: 0 0 15px 0;
}
.pdf_box.border_top {
	border-top: 1px solid #EEEEEE;
}
.pdf_box {
	margin-bottom: 5px;
	padding: 0;
}
.pdf_box div {
	padding: 0 1.5em;
}
.pdf_box div.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	height: 50px;
}
.pdf_box div p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
	text-align: justify;
	color: #0E171F;
	padding-bottom: 20px;
}

.pdf_box div.img_outer{ margin:0; padding: 0 0 60px; position: relative; clear: both;}
.pdf_box div.img_outer div img { margin: 44px auto 80px auto; }

.pdf_box a btn.button {
    width: 192px;
    height: 24px;
    padding: 12px 60px;
    border-radius: 4px;  
    background-color: #005BAC ;   
    color: #FFFFFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    border: 1px solid #005BAC ; 
    display: block;
    margin: auto auto; 
}

.pdf_box a btn.button:hover {
	background-color: #00529B;
	color: #FFFFFF;
	transition: all 0.3s;
}

.pdf_box div p.date {
    color: #737373;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/*搜尋研究報告*/

/** EN **/

a.EN, a.ZH {
	color: #005BAC;
	font-size: 14px;
	padding: 3px 10px;
	line-height: 21px;
	position: relative;
	border-radius: 4px;
	font-weight: 400;
	right: 0;
	float: right;
	transition: .2s;
	border: 1px solid #13A7F0;
	background-color: #FFF;
}
a.EN:hover, a.ZH:hover {
	border: 1px solid #719EC7;
	color: #005BAC;
	background-color: #F2F9FF;
}
.container-search_Report {
	background-color: #EEEEEE;
}
/*popup*/

.pop h5 {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	height: 50px;
	font-weight: 600;
	color: #000000;
	border-bottom: 1px solid rgba(14, 23, 31, 0.25);
}
.pop h5.noneBorder {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	height: 50px;
	font-weight: 600;
	color: #000000;
	border-bottom: none;
}
/* pop-window_0420_同意書 */

.pop>.inner_box .container-confirm {
	background-color: #FFF;
}
.pop>.inner_box .container-confirm .inner {
	padding: 10px 0px 20px;
	max-width: 1073px;
}
.pop>.inner_box .container-confirm .inner .text_caption {
	text-align: justify;
	color: #525252;
	font-size: 16px;
	line-height: 24px;
}
.pop>.inner_box .container-confirm .inner .upload {
	margin: 6px 0px 20px 0;
	border: 1px solid #D2D3D5;
	padding: 10px;
	border-radius: 4px;
}
.pop>.inner_box .container-confirm .inner .text_caption p {
	padding-bottom: 1em;
}
.pop>.inner_box .container-confirm .inner .text_caption div.check {
	border-bottom: 1px solid #EEEEEE;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.pop>.inner_box .container-confirm .inner from div.Check_from {
	padding: 20px 0 0;
	display: inline-flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.email, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.name, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.phone {
	width: 32%;
	padding-bottom: 20px;
}
.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.info, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.text-tit {
	width: 100%;
	padding-bottom: 20px;
}
.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item label {
	color: #323232;
	font-size: 16px;
	line-height: 2em;
	font-weight: 400;
}
/* /pop-window_0420_同意書 */

/*pop-window搜尋研究報告*/

.pop>.inner_box {
	padding-top: 1em;
}
.pop>.inner_box .container-search_Report {
	background-color: #FFF;
}
.container-search_Report .inner {
	padding: 40px 10px 20px;
	max-width: 1132px;
}
.container-search_Report .inner .title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	text-align: left;
	color: #171717;
}
.container-search_Report .inner .container-wrapper {
	display: inline-flex;
	flex-wrap: wrap;
	padding-top: 2em;
	width: 100%;
	justify-content: space-between;
}
.container-search_Report .inner .container-wrapper-2 {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	justify-content: space-between;
}
.container-search_Report .inner .container-wrapper .block-search_column {
	width: 49%;
	padding: 10px 0;
}
.container-search_Report .inner .container-wrapper-2 .block-search_column {
	width: calc((100%/4) - 15px);
	padding: 10px 0;
}
.container-search_Report .inner .container-wrapper .block-search_column div.tit, .container-search_Report .inner .container-wrapper-2 .block-search_column div.tit {
	display: flex;
	flex-direction: column;
	padding-bottom: .5em;
}

/** Date picker **/
input.search_date {
    width: 49%;
	height: 48px;
	line-height: 1.5rem;
	font-size: 1rem;
    position: relative;
    background: url("../images/icon_date.png") no-repeat right 12px center;
    background-color: #FFFFFF;
}

input.search_date:last-child {
	float: right;
}

input:focus {
	outline: none;
}
#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #323232;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #323232;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {
	background-color: #005BAC;
    color: #FFFFFF;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #005BAC;
	color: #FFFFFF;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #eceff1;
}
.ui-datepicker-header a.ui-datepicker-prev {
	left: 0;
	background: url("../images/arrow_slider_left.png");
	background-repeat: no-repeat;
	background-size: 0.5rem;
	background-position: 50%;
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url("../images/arrow_slider_right.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 50%;
}
.ui-datepicker-header a > span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909c;
	font-weight: 400;
	font-size: 0.75rem;
}

/** /Date picker **/

div.show_select {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
div.show_select div {
	padding-left: 10px;
	padding-top: 10px;
}
.show_select btn {
	font-size: 25px;
	padding-left: 10px;
	font-weight: 700;
	height: 30px;
	line-height: 1em;
	transition: all 0.3s;
	color: #4c4c4c;
}
.show_select btn a:hover {
	cursor: pointer;
	color: #005BAC;
}
/*篩選查詢*/

.box_filter {
	margin-bottom: 10px;
	overflow: auto;
}
.box_filter input, .box_filter select {
	font-size: 16px;
	font-weight: bold;
}
/*查詢區塊*/

/*日期*/

.box_filter.type_date {
	display: flex;
	margin-bottom: 20px;
}
.box_filter .input_date {
	width: 100%;
	margin-left: -1px;
	position: relative;
}
.box_filter .input_date:first-of-type {
	margin: 0;
}
.box_filter .input_date a {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/icon_calander.png) center no-repeat;
	background-size: 20px;
}
/*條件*/

.box_filter.type3 {
	display: flex;
}
.box_filter.type3 select {
	width: 100%;
	margin-left: -1px;
}
.box_filter.type3 select:first-of-type {
	margin: 0;
}
/*select*/

.box_filter.filter_select {
	margin-bottom: 20px;
}
.box_filter.filter_select select {
	width: 220px;
	float: left;
}
.box_filter p {
	line-height: 32px;
	margin: 0;
	float: right;
	font-size: 14px;
	vertical-align: bottom;
}
/*可轉換公司債*/

.box_filter.type4 {
	display: flex;
	justify-content: space-between;
}
.box_filter .filter_long {
	width: 70%;
}
.box_filter .filter_short {
	width: 28%;
}
/*進度條*/

.progress_bar_box {
	display: flex;
	align-items: center;
}
.progress_bar_box span {
	flex: 0 0 55px;
	padding: 0 5px;
}
.progress_bar_box span:first-of-type {
	text-align: left;
}
.progress_bar_box span:last-of-type {
	text-align: right;
}
.progress_bar_box.long_text span {
	flex: 0 0 100px;
}
.progress_bar {
	flex: 1 1 100%;
	display: inline-block;
	margin: 0 0 0 auto;
	height: 1em;
	position: relative;
	overflow: hidden;
}
.progress_bar .bar {
	position: absolute;
	height: 100%;
	background-color: #cfa972;
}
.progress_bar.color_bg {
	background-color: #9f7334;
}
/*理財最前線Video*/

.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	gap: 15px;
	padding: 0px;
}
.grid-container>div {
	text-align: center;
}
.grid-container>div .summary {
	padding-top: 10px;
	text-align: justify;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 1em;
	width: 271px;
}
/* /理財最前線Video*/

/* 胡睿涵反詐騙專區 */

div.sp_page.info_block {
	background: #F4F7FB;
	border: 1px solid #91C9FC;
	border-radius: 4px;
	display: block;
	padding: 40px;
	margin-bottom: 3em;
}
div.sp_page.info_block h5.tit {
	font-size: 24px;
	margin: 0 0 20px;
	color: #005BAC;
}
div.sp_page.info_block p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #323232;
}
div.sp_page.info_block>.s_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
div.sp_page.info_block>.s_block ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	list-style-type: disc;
	list-style-position: inside;
}
div.sp_page.info_block>.s_block ul li span {
	color: #005BAC;
}
div.sp_page.info_block>.s_block>.item {
	width: 43%;
	padding: 30px;
	background: #FFFFFF;
	border: 1px solid rgba(204, 204, 204, 0.3);
	border-radius: 8px;
	display: flex;
	align-items: center;
	margin: 2em 0;
}
div.sp_page.info_block>.s_block>.item.m_hide {}
div.sp_page.info_block>.s_block>.item.m_block {
	display: none;
}
div.sp_page.info_block>.s_block>.item div.pL {
	padding-left: 20px;
}
div.sp_page.info_block>.s_block>.item span {
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	display: block;
	color: #000000;
}
div.sp_page.info_block>.s_block>.item p {
	color: #005BAC;
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;
}
div.sp_page.info_block>.s_block>.item p.small {
	font-size: 20px;
}
/* /胡睿涵反詐騙專區 */

@media screen and (max-width: 1200px) {
	.main_box .inner_box {
		/*background-color: #fff;*/
		margin-bottom: 20px;
		padding: 0px 10px;
		overflow: hidden;
		/*border-top:solid 2px #0081cc;*/
		min-height: 800px;
	}
	/*理財最前線Video*/
	.grid-container {
		display: grid;
		grid-template-columns: auto auto auto;
		gap: 10px;
		padding: 0px;
		max-width: 680px;
		margin: 0 auto;
	}
	.grid-container>div {
		text-align: center;
	}
	.grid-container>div a img {
		max-width: 220px;
	}
	.grid-container>div .summary {
		padding-top: 10px;
		text-align: justify;
		font-weight: 600;
		font-size: 16px;
		line-height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		box-sizing: border-box;
		margin-bottom: 1em;
		width: 220px;
	}
	/*理財最前線Video*/
}
/*頁面1000以內時*/

@media screen and (max-width: 1152px) {
	/*0090*/
	.fraud_box {
		width: 100%;
	}
	.m_hide_02 {
		display: none;
	}
	.m_block_02 {
		display: block;
	}
	.fraud_box div.block {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
	}
	.fraud_box div.block div {
		width: auto;
		display: block;
		margin: auto 15px auto 0;
	}
	.fraud_box div h5.tit span {
		width: 100%;
		text-align: left;
		padding: 0;
		line-height: 18px;
	}
	.fraud_box div.block div img {
		width: 260px;
		margin: 0;
	}
	.fraud_box div.block div.img_tit img {
		width: auto;
	}
	.fraud_box div.block div.text {
		max-width: calc(100% - 260px);
		min-width: 100%;
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
		text-align: justify;
		margin: auto 0;
	}
	.p_style {
		display: none
	}
	/* /0090*/
	/*發布日期*/
	table.fix-header thead th:first-child {
		min-width: calc(5em + 24px);
		text-align: left;
	}
	/*類型*/
	table.fix-header thead th:nth-child(2) {
		min-width: calc(2em + 24px);
		text-align: left;
	}
	/*標題*/
	table.fix-header thead th:nth-child(3) {
		min-width: calc(20em + 24px);
		text-align: left;
	}
	/*研究員*/
	table.fix-header thead th:nth-child(4) {
		min-width: calc(4em + 24px);
		text-align: left;
	}
	/*評等*/
	table.fix-header thead th:nth-child(5) {
		min-width: calc(7em + 24px);
		text-align: left;
	}
	/*評等變化*/
	table.fix-header thead th:nth-child(6) {
		min-width: calc(4em + 24px);
		text-align: left;
	}
	/*相關個股*/
	table.fix-header thead th:nth-child(7) {
		min-width: calc(6em + 24px);
		text-align: left;
	}
	/*地區*/
	table.fix-header thead th:nth-child(8) {
		min-width: calc(2em + 24px);
		text-align: left;
	}
	.main_block {
		width: 100%;
		padding-top: 32px;
	}
	.main_block.single {
		padding-top: 5px;
	}
	.main_block .main_box {
		width: calc(100% - 220px);
	}
	.main_block.single .main_box {
		width: 95%;
		margin: 0 auto;
	}
	.main_block.single .main_box .inner_box.video {
		width: 100%;
	}
	.main_block.single .main_box {
		width: 95%;
		margin: 0 auto;
	}
	.container-reports .inner, .container-news .inner {
		padding: 40px 0px;
		max-width: 95%;
		text-align: center;
	}
	.main_block.single .main_box .inner_box.video {
		width: 100%;
	}
	/* 胡睿涵反詐騙專區 */
	div.sp_page.info_block>.s_block>.item {
		width: 100%;
		padding: 30px 25px;
		background: #FFFFFF;
		border: 1px solid rgba(204, 204, 204, 0.3);
		border-radius: 8px;
		display: flex;
		align-items: center;
		margin: 2em 0 0 0;
	}
	div.sp_page.info_block>.s_block>.item:last-child {
		margin: 0 0 2em 0;
	}
	div.sp_page.info_block>.s_block>.item div.pL {
		padding-left: 20px;
	}
	div.sp_page.info_block>.s_block>.item span {
		font-weight: 500;
		font-size: 20px;
		line-height: 32px;
		display: block;
		color: #000000;
	}
	div.sp_page.info_block>.s_block>.item p {
		color: #005BAC;
		font-weight: 600;
		font-size: 24px;
		line-height: 150%;
	}
	/* /胡睿涵反詐騙專區 */
}
/*頁面980以內時*/

@media screen and (max-width: 980px) {
	.main_block {
		width: 100%;
		position: relative;
		padding: 0 0 0 220px;
		box-sizing: border-box;
	}
	.main_block .main_box {
		width: 100%;
	}
	.side_menu {
		position: absolute;
		top: 0;
		left: 0;
	}
	.main_block .main_box, .side_menu {
		margin-top: 32px;
	}
	.main_block.single {
		padding: 0;
	}
	.main_block.single .main_box {
		margin-top: 0;
	}
	/*卡片資訊*/
	.card_info {
		margin: 0 0 40px 0;
	}
	.card_info .pic {
		float: none;
		width: auto;
		padding: 0;
		border-right: none;
	}
	.card_info .info {
		float: none;
		width: auto;
		padding: 0;
	}
	.card_info .pic .showPic {
		margin: 0 auto 12px;
	}
	.card_info .pic ul {
		text-align: center;
	}
	.card_info .info .btnSet {
		text-align: center;
	}
	.card_info .info .btnSet a {
		width: 161px;
	}
	/*卡片目錄*/
	.card_items li {
		padding: 20px 20px 15px;
	}
	.card_items li .card_name {
		display: table;
		width: 100%;
		height: 45px;
	}
	.card_items .p_reflect {
		height: 20px;
	}
	.card_items li .card_name h5 {
		display: table-cell;
		vertical-align: middle;
	}
	/*活動內容*/
	.event_info .pic {
		width: 100%;
		height: auto;
	}
	/*按鈕*/
	.btnArea2 a {
		width: auto;
		min-width: 80px;
		padding: 0 5px;
		height: 30px;
		line-height: 32px;
		display: inline-block;
	}
	/*table*/
	table.loanTrial .bigInput.third {
		width: 95px;
	}
	table.loanTrial .bigInput.thirdLast {
		width: 110px;
	}
	table.loanTrial .bigInput.mid {
		width: 100px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 5px;
	}
	table.loanTrial .bigInput.small {
		width: 40px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 5px;
	}
	/*視頻分類*/
	.tag_box_list {
		overflow: auto;
	}
	.tag_box_list li {
		width: 25%;
		box-sizing: border-box;
		float: left;
		margin: 0 0 10px 0;
	}
}
/*小網*/

@media screen and (max-width: 900px) {
	table input[type="checkbox"]+label span {
		margin: -3px 5px 0 0;
	}
	.main_box .inner_box.error .picInfo {
		display: none;
	}
	.main_box .inner_box.error .picInfo.p {
		display: block;
	}
	.main_box .inner_box.error .picInfo.m {
		display: none;
	}
	/*rateTitle*/
	.rateTitle {
		clear: both;
	}
	.rateTitle h6 {
		float: none;
		display: block;
	}
	.rateTitle .info {
		float: none;
		margin: 5px 0 0 0;
		font-size: 16px;
	}
	.rateTitle .info span {
		display: table-cell;
		padding: 0 10px 0 0;
	}
	/*table*/
	table.map td {
		width: 50%;
		padding: 11px 20px;
	}
	table.map td .mark {
		float: none;
		width: 100%;
		display: inline-block;
		color: #0081cc;
		padding: 0;
		margin: 0 auto;
	}
	table.map td .info {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	table.calc, table.calc tbody, table.calc th, table.calc td, table.calc tr {
		width: 100%;
		display: block;
		clear: both;
		box-sizing: border-box;
	}
	table.calc td {
		padding: 10px 0;
	}
	table.calc td input[type="text"].half {
		width: 100%;
	}
	table.calc td span.end {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 5px 0 0 0;
	}
	table.calc td img.verImg {
		display: inherit;
		vertical-align: inherit;
		text-align: center;
		margin: 5px auto 0;
	}
	table.rule_layer2 td, table.rule_layer2 th {
		padding: 5px 0;
	}
	table.rule_layer2 th.no_mm {
		display: none;
	}
	table.rule_layer2 th.yes_mm {
		display: table;
	}
	table.loanTrial .bigInput input[type="text"] {
		font-size: 18px;
	}
	table.loanTrial .bigInput.third {
		width: 40px;
	}
	table.loanTrial .bigInput.thirdLast {
		width: 80px;
	}
	table.loanTrial .bigInput.mid {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 5px;
	}
	table.loanTrial .bigInput.small {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 5px;
	}
	.main_box .inner_box.video {
		margin-bottom: 20px;
	}
	.main_box .inner_box.video div.container-wrapper {
		margin: 0 auto;
		width: auto;
		background-color: #F9F9F9;
		display: flex;
		padding: 10px;
		flex-wrap: wrap;
	}
	.main_box .inner_box.video div.container-wrapper .block-search_column {
		padding-top: 15px;
	}
	.main_box .inner_box.video div.container-wrapper .block-search_column.box_1, .main_box .inner_box.video div.container-wrapper .block-search_column.box_2, .main_box .inner_box.video div.container-wrapper .block-search_column.box_3 {
		flex-grow: 1;
		width: 100%;
		padding-right: 0px;
	}
	.main_box .inner_box.video div.container-wrapper .block-search_column.box_3 {
		padding-bottom: 15px;
	}
	.btnArea1 {
		padding: 0;
		text-align: center;
	}
	.btnArea1 a {
		min-width: 100px;
		width: 100%;
		height: 48px;
		line-height: 48px;
		display: inline-block;
		text-align: center;
		color: #FFF;
		background-color: #005BAC;
		border-radius: 4px;
		transition: all 0.3s;
		opacity: 1;
	}
	/* 註冊會員 */
	.step_demo_img {
		flex-shrink: 0;
		padding-right: 32px;
	}
	.step_demo {
		display: flex;
		align-content: flex-start;
		align-items: center;
		justify-content: center;
		gap: 20px;
		margin: 0 60px;
	}
	.join .content {
		padding: 0 32px;
	}
	.swiper-slide .step_APP {
		margin-top: 36px;
		max-width: 388px;
	}
	.swiper-slide .step_APP .APP_center .app_btn {
		width: 167px;
	}
	.swiper-slide .step_APP .APP_center .img {
		padding-right: 14px;
		background-repeat: no-repeat;
		width: 115px;
	}
	.swiper-slide .step_APP .APP_center .between {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	/*footer*/
	.footer_info p {
		text-align: left;
	}
	/*新聞列表*/
	.news ul li {
		padding-right: 10px;
		position: relative;
	}
	.news ul li a {
		padding-left: 0;
	}
	.news ul li span {
		margin: 0 10px 0 0;
	}
	.news ul li .tag.news {
		position: absolute;
		top: 18px;
		right: 0;
	}
	/*影音popup*/
	.pop_video {
		width: calc(100% - 20px);
		padding: 10px;
	}
	.pop_video .close a {
		top: -55px;
		right: -15px;
	}
	/*影片播放*/
	.video_play_box iframe {
		height: calc(56.2vw - 30px);
		margin-bottom: 5px;
	}
	.video_play_box .smallT {
		font-size: 14px;
	}
	/*小網*/
	@media screen and (max-width: 767px) {
		h5.tit {
			margin: 0 0 10px;
			flex-direction: column;
			align-items: flex-start;
		}
		h5.tit span {
			padding-right:0;
			margin-bottom:20px;
		}
		h5.tit span.tooLong {
			display: inline-block;
			line-height: 1.2;
		}
		h5.tit div.nw_button {
			align-self: flex-end;
		}
		.main_block {
			margin: 0;
			padding: 0;
		}
		.main_block .main_box {
			margin-top: 0;
			width: 100%;
		}
		.main_box .inner_box {
			margin-bottom: 0;
			padding: 20px 10px;
			min-height: 0;
		}
		.main_box .inner_box.error .picInfo {
			display: none;
		}
		.main_box .inner_box.error .picInfo.p {
			display: none;
		}
		.main_box .inner_box.error .picInfo.m {
			display: block;
		}
		/*上方形象圖*/
		.bn_inpage {
			display: none;
		}
		/*側邊選單*/
		.side_menu {
			display: none;
		}
		/*卡片資訊*/
		.card_info {
			margin: 0 0 20px 0;
		}
		.card_info .pic {
			float: none;
			width: auto;
			padding: 0;
			border-right: none;
		}
		.card_info .info {
			float: none;
			width: auto;
			padding: 0;
		}
		.card_info .pic .showPic {
			margin: 0 auto 12px;
		}
		.card_info .pic ul {
			text-align: center;
		}
		.card_info .info .btnSet {
			text-align: center;
		}
		.card_info .info .btnSet a {
			width: 100%;
			margin: 3px 0;
		}
		/*卡片目錄*/
		.card_items li {
			width: 100%;
		}
		/*rateTitle*/
		.rateTitle {
			clear: both;
		}
		.rateTitle h6 {
			float: none;
			display: block;
		}
		.rateTitle .info {
			float: none;
			margin: 5px 0;
			font-size: 14px;
		}
		.rateTitle .info span {
			display: block;
			padding: 0;
		}
		.rateTitle .info li {
			display: inline-flex;
		}
		.rateTitle .switcher {
			display: block;
			font-size: 20px;
			color: #065ba3;
			font-weight: normal;
			border-radius: 5px;
			overflow: hidden;
			border: 1px solid #065ba3;
			margin: 0 0 10px;
		}
		.rateTitle .switcher li {
			width: 50%;
			display: inline-block;
			box-sizing: border-box;
			margin: 0 -4px 0 0;
		}
		.rateTitle .switcher li:first-child a {
			display: block;
			line-height: 30px;
			text-align: center;
			padding: 0;
		}
		.rateTitle .switcher li:last-child a {
			display: block;
			line-height: 30px;
			text-align: center;
			padding: 0;
		}
		.rateTitle .switcher a {
			color: #065ba3;
		}
		.rateTitle .switcher a:hover {
			color: #fff;
			background-color: #065ba3;
		}
		.rateTitle .switcher .active a {
			color: #fff;
			background-color: #065ba3;
		}
		/*table*/
		.tb_Box {
			/*margin-bottom:28px;*/
			margin-bottom: 10px;
		}
		table.hoverType3 td {
			padding: 5px;
		}
		table.rate th {
			font-size: 14px;
			padding: 12px 2px;
		}
		table.rate td {
			font-size: 14px;
			padding: 11px 2px;
		}
		table.rate_cash th:nth-child(2) {
			display: none;
		}
		table.rate_cash th:nth-child(3) {
			display: none;
		}
		table.rate_cash2 th:nth-child(5) {
			display: none;
		}
		table.rate_cash2 th:nth-child(6) {
			display: none;
		}
		table.rate_cash td:nth-child(2) {
			display: none;
		}
		table.rate_cash td:nth-child(3) {
			display: none;
		}
		table.rate_cash2 td:nth-child(5) {
			display: none;
		}
		table.rate_cash2 td:nth-child(6) {
			display: none;
		}
		table.rate_spot {
			display: table;
		}
		table.rate_spot th:nth-child(4) {
			display: none;
		}
		table.rate_spot th:nth-child(5) {
			display: none;
		}
		table.rate_spot2 th:nth-child(3) {
			display: none;
		}
		table.rate_spot2 th:nth-child(4) {
			display: none;
		}
		table.rate td:first-child img {
			margin: 0 auto;
			display: block;
		}
		table.rate_spot td:nth-child(4) {
			display: none;
		}
		table.rate_spot td:nth-child(5) {
			display: none;
		}
		table.rate_spot2 td:nth-child(3) {
			display: none;
		}
		table.rate_spot2 td:nth-child(4) {
			display: none;
		}
		table.rate_interest {
			display: none;
		}
		table.rate_interest.none {
			display: table;
		}
		table.calc td input[type="text"].type01 {
			width: 100%;
			margin-bottom: 5px;
		}
		table.calc td input[type="text"].small {
			width: 100%;
		}
		table.calc td input[type="button"].date {
			/*display:block;margin: 5px 4px; */
			display: none;
		}
		table.calc td select.small {
			width: 100%;
		}
		table.loanTrial, table.loanTrial tbody, table.loanTrial th, table.loanTrial td, table.loanTrial tr {
			width: 100%;
			display: block;
			clear: both;
			box-sizing: border-box;
		}
		table.loanTrial th {
			border: none;
			padding: 10px 5px;
			background: -webkit-linear-gradient(bottom, #e2f1f9, #e2f1f9 100%);
			background: -o-linear-gradient(bottom, #e2f1f9, #e2f1f9 100%);
			background: -moz-linear-gradient(bottom, #e2f1f9, #e2f1f9 100%);
			background: linear-gradient(to bottom, #e2f1f9, #e2f1f9 100%);
		}
		table.loanTrial th.vTop {
			padding: 10px 5px;
		}
		table.loanTrial td {
			padding: 5px 0;
			text-align: center;
		}
		table.loanTrial .bigInput {
			float: none;
			width: 100%;
			margin: 0 auto 5px;
			display: block;
		}
		table.loanTrial .bigInput.half {
			width: 100%;
			display: block;
		}
		table.loanTrial .bigInput.half:nth-child(1) {
			float: none;
			margin: 0 auto 5px;
		}
		table.loanTrial .bigInput.half:nth-child(2) {
			float: none;
			margin: 0 auto 5px;
		}
		table.loanTrial .fL {
			float: none;
		}
		table.loanTrial .fR {
			float: none;
		}
		table.loanTrial .bigInput.third {
			width: 80px;
		}
		table.loanTrial .bigInput.thirdLast {
			width: 100%;
			display: block;
		}
		table.loanTrial img.verImg {
			text-align: center;
			margin: 0 auto;
		}
		.trialResult table, .trialResult table tbody, .trialResult table th, .trialResult table td, .trialResult table tr {
			width: 100%;
			display: block;
			clear: both;
			box-sizing: border-box;
		}
		.trialResult table th {
			padding: 5px;
			background-color: #ebebeb;
		}
		.trialResult table td {
			padding: 5px;
		}
		/*視頻分類*/
		.tag_box_list li {
			width: 100%;
			padding-right: 10px;
			background-size: 8px;
			background-position: 10px 7px;
		}
		.pop_video .close a {
			background-size: 100% auto;
		}
		/* 按鈕 展開 */
		.tag_box_more a {
			display: block;
			height: 20px;
			margin: 5px 10px;
			background: url(../images/icon_side_arrow_down.png) center no-repeat;
			background-size: auto 100%;
		}
		.tag_box_openmore {
			display: none;
		}
		.tag_box_openmore.show {
			display: block;
			margin-bottom: 10px;
		}
		.tag_box_openmore.show+.tag_box_more a {
			background: url(../images/icon_side_arrow_up.png ) center no-repeat;
			background-size: auto 100%;
		}
		/*單則影音列表*/
		.learningLink_list {
			margin-bottom: 10px;
		}
		.learningLink_list p {
			font-size: 16px;
		}
		.learningLink_list p.smallT {
			font-size: 14px;
		}
		/*營業據點*/
		.search_map .search_select_03 {
			display: block;
			margin-bottom: 10px;
		}
		.search_map .search_select_03 select {
			width: 100%;
			margin-bottom: 10px;
		}
		.search_map .search_select_03 select:nth-last-child(1) {
			margin-bottom: 0;
		}
		/*img*/
		.picBox a {
			display: block;
		}
		/*公告*/
		.announce_box {
			padding: 20px 15px 10px;
		}
		.announce_box p {
			line-height: 1.5em;
		}
		/*公告按鈕*/
		.btn_inline {
			margin: 10px 0;
			padding: 0;
			display: block;
			line-height: 35px;
			text-align: center;
		}
		/*loanFit*/
		.loanFit {
			position: relative;
			padding: 0 0 20px;
			background-color: #f8f8f8;
		}
		.loanFit a {
			top: 9px;
		}
		/*search result*/
		.s_result {
			right: 0;
			bottom: -35px;
		}
		/*btnArea*/
		.btnArea {
			padding: 0 0 30px 0;
			text-align: center;
		}
		.btnArea a {
			width: 90%;
			height: 48px;
			line-height: 48px;
			display: inline-block;
			margin: 0 2px;
			text-align: center;
			color: #FFF;
			background-color: #005BAC;
			border-radius: 4px;
			transition: all 0.3s;
			opacity: 1;
		}
		.btnArea2 {
			text-align: center;
		}
		.btnArea2 a {
			width: 100%;
			height: 38px;
			line-height: 40px;
			margin: 3px 0;
			box-sizing: border-box;
		}
		/*備註事項*/
		.noticeBox {
			background: url(../images/noticeBox_bg.png) repeat-x;
			padding-top: 20px;
		}
		.noticeBox {
			font-size: 16px;
		}
		/*bn_three*/
		.bn_three {
			margin: 0 0 20px 0;
		}
		.bn_three ul {
			width: 100%;
			display: block;
		}
		.bn_three ul li {
			width: 100%;
			cursor: pointer;
			overflow: hidden;
		}
		.bn_three ul li:nth-child(2) {
			margin: 10px 0;
		}
		.bn_three ul li img {
			width: 100%;
			height: auto;
		}
		/**/
		.s_infoArea .info {
			padding: 10px;
		}
		/*服務條約書*/
		.contractBox {
			padding: 5px;
			height: 250px;
		}
		.contractBox .contractNo {
			float: inherit;
		}
		/*理財最前線Video*/
		.grid-container {
			display: grid;
			grid-template-columns: auto auto auto;
			gap: 10px;
			padding: 0px;
			max-width: 680px;
			margin: 0 auto;
		}
		.grid-container>div {
			text-align: center;
		}
		.grid-container>div a img {
			max-width: 220px;
		}
		.grid-container>div .summary {
			padding-top: 10px;
			text-align: justify;
			font-weight: 600;
			font-size: 16px;
			line-height: 24px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			box-sizing: border-box;
			margin-bottom: 1em;
			width: 220px;
		}
		/*理財最前線Video*/
		/*反詐騙專區*/
		/*0090*/
		.fraud_box {
			width: 100%;
		}
		.m_hide_02 {
			display: none;
		}
		.m_block_02 {
			display: block;
		}
		.fraud_box div.block {
			width: 100%;
			display: inline-flex;
			justify-content: space-between;
		}
		.fraud_box div.block div {
			width: auto;
			display: block;
			margin: 0 auto;
		}
		.fraud_box div.block div img {
			width: 210px;
			margin: 0;
		}
		.fraud_box div.block div.img_tit img {
			width: auto;
		}
		.fraud_box div.block div.text {
			width: 100%;
			font-weight: 400;
			font-size: 16px;
			line-height: 26px;
			text-align: justify;
		}
		.p_style {
			display: none
		}
		/* /0090*/
		div.sp_page.info_block>.s_block>.item {
			width: 100%;
			padding: 30px;
			background: #FFFFFF;
			border: 1px solid rgba(204, 204, 204, 0.3);
			border-radius: 8px;
			display: flex;
			align-items: center;
			margin: 2em 0 0 0;
		}
		div.sp_page.info_block>.s_block>.item:nth-child(2) {
			margin: 2em 0 2em 0;
		}
		/* /反詐騙專區*/
        /* Q&A  */
        details.accordion summary.accordion__title {
			list-style-type: none;
			cursor: pointer;
			font-size: 16px;
			font-weight: 400;
			color: #0E171F;
			padding: 32px 2em 32px 50px;
			background-image: url("../images/icon_side_arrow_down.png");
			background-repeat: no-repeat;
			background-position: right 0 top 50%;
			background-size: 12px;
			text-align: justify;
		}
		details.accordion summary.accordion__title:before {
			counter-increment: my-sec-counter;
			content: "Q" counter(my-sec-counter);
			color: #F26F28;
			font-size: 20px;
			font-weight: 600;
			line-height: 28px;
			position: absolute;
			left: 26px;
		} 
        
	}
	/*如果螢幕寬度為 400px 以上 且 700px 以下，就套用 css 設定*/
	@media screen and (max-width: 740px) {
       /* 加入元大投顧會員 */
		.swiper-slide .step_APP .APP_center {
			display: flex;
			justify-content: center;
		} 
        
		/* 註冊會員 */
		.step_demo_img {
			/*padding-right: 32px; */
		}
		.join {
			padding: 44px 0;
		}
		.join .content {
			padding: 0 32px;
			text-align: justify;
		}
		.join .block {
			flex-direction: column;
			margin-top: 40px;
		}
		.join_step_block {
			padding: 44px 0;
		}
		.step_demo {
			flex-direction: column;
		}
		.step_demo_img {
			margin: auto auto;
			padding-right: 0;
		}
		.step_demo_img img{
			height: 350px;
			object-fit: cover;
			display: block;
			margin: 0 auto;
		}
		.swiper-slide .step_icon {
			margin: 32px auto 20px auto;
		}
		.swiper-slide .step_tit {
			text-align: center;
		}
		.swiper-slide .step_content {
			width: 90%;
			margin: 0 auto;
		}
		.swiper-slide .step_APP {
			margin: 32px auto 0 auto;
			width: auto;
		}
		/*理財最前線Video*/
		.grid-container {
			display: grid;
			grid-template-columns: auto auto;
			gap: 10px;
			padding: 0px;
			max-width: 460px;
			margin: 0 auto;
		}
		.grid-container>div {
			text-align: center;
		}
		.grid-container>div a img {
			max-width: 220px;
		}
		.grid-container>div .summary {
			padding-top: 10px;
			text-align: justify;
			font-weight: 600;
			font-size: 16px;
			line-height: 24px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			box-sizing: border-box;
			margin-bottom: 1em;
			width: 220px;
		}
		/*理財最前線Video*/
	}
	/*------------------業務介紹-------------------*/
	.bg_requesting {
		background: url("../images/bg_requesting.jpg") no-repeat;
		background-size: contain;
		height: auto;
	}
	.title_intro {
		font-size: 18px;
		line-height: 1.5em;
		padding-left: 1em;
		width: 28em;
		font-weight: 550;
	}
	.tabs_intro {
		margin-top: 70px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
		background: white;
		padding: 30px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
		border-radius: 5px;
		width: 80%;
	}
	.tabs_intro input[name=tab-control] {
		display: none;
	}
	.tabs_intro .content section h2, .tabs_intro ul li label {
		font-size: 18px;
		color: #0067b3;
	}
	.tabs_intro ul {
		list-style-type: none;
		padding-left: 0;
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.tabs_intro ul li {
		box-sizing: border-box;
		flex: auto;
		padding: 0 10px;
		text-align: center;
	}
	.tabs_intro ul li label {
		color: #cecbcb;
		padding: 5px auto;
		justify-items: space-between;
		display: block;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		white-space: nowrap;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.tabs_intro ul li label br {
		display: none;
	}
	.tabs_intro ul li label svg {
		fill: #cecbcb;
		height: 1.2em;
		vertical-align: bottom;
		margin-right: 0.2em;
		transition: all 0.2s ease-in-out;
	}
	.tabs_intro ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
		outline: 0;
		color: #cecbcb;
	}
	.tabs_intro ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
		fill: #cecbcb;
	}
	.tabs_intro .slider {
		position: relative;
		width: 33%;
		padding-left: 5%;
		transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	}
	.tabs_intro .slider:nth-child(2) {
		padding-left: 15px;
	}
	.tabs_intro .slider .indicator {
		position: relative;
		width: 50px;
		margin: 0 auto;
		height: 4px;
		background: #0067b3;
		border-radius: 3px;
	}
	.tabs_intro .content {
		margin-top: 30px;
	}
	.tabs_intro .content section {
		display: none;
		-webkit-animation-name: content;
		animation-name: content;
		-webkit-animation-direction: normal;
		animation-direction: normal;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		line-height: 1.4;
	}
	h1 .title_intro {
		text-align: center;
	}
	.tabs_intro .content section p {
		text-indent: 2em;
		text-align: justify;
	}
	.tabs_intro .content section h2 {
		color: #0067b3;
		display: none;
	}
	.tabs_intro .content section h2::after {
		content: "";
		position: relative;
		display: block;
		width: 100px;
		height: 3px;
		background: #0067b3;
		margin-top: 5px;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
		cursor: default;
		color: #0067b3;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
		fill: #0067b3;
	}
	@media (max-width: 600px) {
		table th div {
			display: flex;
			flex-wrap: wrap;
		}
		table th {
			width: 2em;
			background-color: #D4E4FA;
			color: #323232;
			padding: 0 5px;
			font-size: 16px;
			height: 68px;
			line-height: 1.4em;
		}
		table th span, table td span {
			display: block;
		}
		table th div.sorter, table th div.sorter btn, table td div.ellipsis {
			display: none;
		}
		.pdf_box div {
			padding: 0 24px;
		}
		.pdf_box div p {
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			text-align: justify;
			color: #525252;
			padding-bottom: .5em;
		}
		/* 搜尋研究報告 mobile */
		.container-search_Report .inner .container-wrapper {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			flex-direction: row;
			padding-top: 1em;
			width: 100%;
			justify-content: space-between;
		}
		.container-search_Report .inner .container-wrapper div.block-search_column {
			width: 100%;
			padding: 10px 0;
		}
		.container-search_Report .inner .container-wrapper div.funnel {
			width: 70px;
			align-items: center;
			color: rgba(14, 23, 31, 0.4);
			text-align: right;
		}
		/* 搜尋研究報告 mobile /* end */
		.tabs_intro input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
			background: rgba(0, 0, 0, 0.08);
		}
	}
	.tabs_intro input[name=tab-control]:nth-of-type(1):checked~.slider {
		transform: translateX(0%);
	}
	.tabs_intro input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1) {
		display: block;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
		cursor: default;
		color: #0067b3;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg {
		fill: #0067b3;
	}
	@media (max-width: 600px) {
		.tabs_intro input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
			background: rgba(0, 0, 0, 0.08);
		}
	}
	.tabs_intro input[name=tab-control]:nth-of-type(2):checked~.slider {
		transform: translateX(100%);
	}
	.tabs_intro input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2) {
		display: block;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
		cursor: default;
		color: #0067b3;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg {
		fill: #0067b3;
	}
	@media (max-width: 600px) {
		.tabs_intro input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
			background: rgba(0, 0, 0, 0.08);
		}
	}
	.tabs_intro input[name=tab-control]:nth-of-type(3):checked~.slider {
		transform: translateX(200%);
	}
	.tabs_intro input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3) {
		display: block;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
		cursor: default;
		color: #0067b3;
	}
	.tabs_intro input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg {
		fill: #0067b3;
	}
	@media (max-width: 600px) {
		.tabs_intro input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
			background: rgba(0, 0, 0, 0.08);
		}
	}
	.tabs_intro input[name=tab-control]:nth-of-type(4):checked~.slider {
		transform: translateX(300%);
	}
	.tabs_intro input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4) {
		display: block;
	}
	@-webkit-keyframes content {
		from {
			opacity: 0;
			transform: translateY(5%);
		}
		to {
			opacity: 1;
			transform: translateY(0%);
		}
	}
	@keyframes content {
		from {
			opacity: 0;
			transform: translateY(5%);
		}
		to {
			opacity: 1;
			transform: translateY(0%);
		}
	}
	@media (max-width: 1152px) {
		.tabs_intro {
			margin-top: 70px;
			left: 50%;
			transform: translateX(-50%);
			position: relative;
			background: white;
			padding: 30px;
			box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
			border-radius: 5px;
			width: 90%;
		}
		.title_intro {
			font-size: 18px;
			line-height: 1.5em;
			padding-left: 1em;
			width: 20em;
			font-weight: 550;
		}
		.tabs_intro ul li label {
			white-space: initial;
		}
		.tabs_intro ul li label br {
			display: initial;
		}
		.tabs_intro ul li label svg {
			height: 1.5em;
		}
		h5.tit {
			margin: 20px 0 20px;
		}
		.main_box .inner_box.list {
			background-color: #fff;
			margin-bottom: 0;
			padding: 0px;
			border-top: solid 2px #0081cc;
			height: auto;
		}
		.main_box .inner_box.list h5.tit {
			padding-left: 16px;
		}
		.main_box .inner_box.list ul {}
		.main_box .inner_box.list li {
			border-top: 1px solid #EEEEEE;
		}
        .main_box .inner_box.list li.ellipsis a {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            color: #0E171F;
        }
 
        .main_box .inner_box.list li.ellipsis span {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            color: #737373;
            padding-right: 16px;
        }
 
		.main_box .inner_box.list li.ellipsis:last-child {
			border-bottom: 1px solid #EEEEEE;
		}
		.main_box .inner_box.list li a {
			font-weight: 400;
			font-size: 16px;
			color: #000000;
			line-height: 24px;
			display: block;
		}
		.main_box .inner_box.list li a span {
			font-weight: 400;
			font-size: 16px;
			color: #737373;
			line-height: 1.5em;
			padding-right: 1em;
			display: block;
			padding-left: 0;
		}
		.main_box .inner_box.list li:last-child {
			border-bottom: 1px solid #EEEEEE;
		}
		.main_box .inner_box.list li a.pdf::after {
			background-image: url("../images/pdf.png");
			background-repeat: no-repeat;
			background-position: left center;
			margin-left: 15px;
			position: absolute;
			top: auto;
			content: "";
			width: 20px;
			height: 20px;
			line-height: 20px;
		}
		.main_box .inner_box.list li:nth-child(odd) {
			background-color: #f9fbfd;
		}
		.main_box .inner_box.list li span b {
			font-weight: 600;
		}
	}
	@media (max-width: 600px) { 
        .pdf_box div.img_outer{ margin:0; padding: 0 0 40px; position: relative; }
        .pdf_box div.img_outer div img { margin: 32px auto; }
        
        .pdf_box a btn.button {
            width: auto;
            height: 24px;
            padding: 12px 60px;
            border-radius: 4px;  
            background-color: #005BAC ;   
            color: #FFFFFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            border: 1px solid #005BAC ; 
            display: block;
            margin: auto auto; 
        }
		/*0090*/
		.m_hide_02 {
			display: block;
		}
		.m_block_02 {
			display: none;
		}
		.fraud_box {
			width: 100%;
		}
		.m_hide_02 {
			display: block;
		}
		.m_block_02 {
			display: none;
		}
		.fraud_box div.block {
			padding-bottom: 2em;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
		.fraud_box div.block div {
			width: auto;
		}
		.fraud_box div h5.tit span {
			width: 100%;
			text-align: left;
			padding: 0;
			line-height: 18px;
		}
		.fraud_box div.block div img {
			width: 210px;
			margin: 0 auto;
		}
		.fraud_box div.block div.img_tit img {
			margin: 0 auto;
		}
		.fraud_box div.block div.text {
			max-width: 411px;
			font-weight: 400;
			font-size: 16px;
			line-height: 26px;
			text-align: justify;
		}
		.p_style {
			display: none
		}
		/* /0090*/
		/* 胡睿涵反詐騙專區 */
		div.sp_page.info_block {
			background: #F4F7FB;
			border: 1px solid #91C9FC;
			border-radius: 4px;
			display: block;
			padding: 20px;
			margin-bottom: 3em;
		}
		div.sp_page.info_block h5.tit {
			font-size: 24px;
			margin: 10px 0 20px;
			color: #005BAC;
		}
		div.sp_page.info_block p {
			font-weight: 400;
			font-size: 16px;
			line-height: 24px;
			color: #323232;
		}
		div.sp_page.info_block>.s_block {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}
		div.sp_page.info_block>.s_block ul li {
			font-weight: 400;
			font-size: 16px;
			line-height: 170%;
			list-style-type: disc;
			list-style-position: inside;
			text-indent: -1.5em;
			padding-left: 2em;
		}
		div.sp_page.info_block>.s_block ul li span {
			color: #005BAC;
		}
		div.sp_page.info_block>.s_block>.item {
			display: block;
			width: 100%;
			padding: 30px 10px;
			background: #FFFFFF;
			border: 1px solid rgba(204, 204, 204, 0.3);
			border-radius: 8px;
			margin: 2em 0;
		}
		div.sp_page.info_block>.s_block>.item.m_hide {
			display: none;
		}
		div.sp_page.info_block>.s_block>.item.m_block {
			display: block;
		}
		div.sp_page.info_block>.s_block>.item div {
			display: block;
			text-align: center;
			width: 100%;
		}
		div.sp_page.info_block>.s_block>.item div img {
			display: block;
			text-align: center;
			width: auto;
			margin: 0 auto;
			padding-bottom: 1.5em;
		}
		div.sp_page.info_block>.s_block>.item div.pL {
			padding-left: 0px;
		}
		div.sp_page.info_block>.s_block>.item span {
			font-weight: 500;
			font-size: 20px;
			line-height: 32px;
			display: block;
			color: #000000;
		}
		div.sp_page.info_block>.s_block>.item p {
			color: #005BAC;
			font-weight: 600;
			font-size: 24px;
			line-height: 150%;
		}
		/* /胡睿涵反詐騙專區 */
		.tabs_intro ul li label {
			padding: 5px;
			border-radius: 30px;
			height: 40px;
			width: 40px;
		}
		.tabs_intro ul li label span {
			display: none;
		}
		.tabs_intro .slider {
			display: none;
		}
		.tabs_intro .content {
			margin-top: 20px;
		}
		.tabs_intro .content section h2 {
			display: block;
		}
		table th div {
			display: flex;
			flex-wrap: wrap;
		}
		table th {
			background-color: #D4E4FA;
			color: #323232;
			padding: 0 12px;
			font-size: 16px;
			height: 68px;
			line-height: 1.4em;
		}
		/*發布日期*/
		table.fix-header thead th:first-child {
			min-width: calc(3em + 24px);
			text-align: left;
		}
		/*類型*/
		table.fix-header thead th:nth-child(2) {
			min-width: calc(2em + 24px);
			text-align: left;
		}
		/*標題*/
		table.fix-header thead th:nth-child(3) {
			min-width: calc(7em + 24px);
			text-align: left;
		}
		/*研究員*/
		table.fix-header thead th:nth-child(4) {
			min-width: calc(4em + 24px);
			text-align: left;
		}
		/*評等*/
		table.fix-header thead th:nth-child(5) {
			min-width: calc(4em + 24px);
			text-align: left;
		}
		/*評等變化*/
		table.fix-header thead th:nth-child(6) {
			min-width: calc(4em + 24px);
			text-align: left;
		}
		/*相關個股*/
		table.fix-header thead th:nth-child(7) {
			min-width: calc(8em + 24px);
			text-align: left;
		}
		/*地區*/
		table.fix-header thead th:nth-child(8) {
			min-width: calc(2em + 24px);
			text-align: left;
		}
		table th span, table td span {
			display: block;
		}
		table th div.sorter, table th div.sorter btn, table td div.ellipsis {
			display: none;
		}
		table td div.multiline-ellipsis {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			line-height: 1.5em;
			font-weight: normal;
			margin: 10px 0;
			min-width: 160px;
		}
		table td div.type {
			border-radius: 5px;
			white-space: nowrap;
			color: #FFFFFF;
			width: 35px;
			height: 1em;
			line-height: 1.1em;
			padding: 5px;
			margin: auto 0;
			text-align: center;
		}
		/* 搜尋研究報告 mobile */
		.pop .container-search_Report .inner .container-wrapper {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			flex-direction: row;
			padding-top: 1em;
			width: 100%;
			justify-content: space-between;
		}
		.pop .container-search_Report .inner {
			padding: 0 0px 20px;
			max-width: 100%;
		}
		.pop .btnArea a {
			width: 100%;
			height: 48px;
			line-height: 48px;
			display: inline-block;
			margin: 0 2px;
			text-align: center;
			color: #FFF;
			background-color: #005BAC;
			border-radius: 4px;
			transition: all 0.3s;
			opacity: 1;
		}
	}
	/*------------------/業務介紹-------------------*/
	/*小網*/
	@media screen and (max-width: 425px) {
		table td div.multiline-ellipsis {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			line-height: 1.5em;
			font-weight: normal;
			margin: 10px 0;
			min-width: 145px;
		}
		.container-reports .inner {
			padding: 32px 0 20px 0;
			max-width: 95%;
			text-align: center;
		}
		/*理財最前線Video*/
		.grid-container {
			display: grid;
			grid-template-columns: auto;
			gap: 10px;
			padding: 0px;
			width: 100%;
			margin: 0 auto;
		}
		.grid-container>div {
			text-align: center;
			display: inline-flex;
			align-items: center;
		}
		.grid-container>div a img {
			width: 144px;
		}
		.grid-container>div .summary {
			margin-bottom: 0;
			padding-top: 0;
			text-align: left;
			font-weight: 600;
			font-size: 16px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			box-sizing: border-box;
			padding-left: .5em;
			height: auto;
			width: calc(100% - 150px);
		}
		/* /理財最前線Video*/
		/* 加入元大投顧會員 */
		.swiper-slide .step_APP .APP_center {
			display: flex;
			justify-content: center;
		}
		/*  /加入元大投顧會員 */
		/* pop-window_0420_同意書 */
		.pop h5.noneBorder {
			text-align: left;
			font-size: 24px;
			line-height: 32px;
			height: 50px;
			font-weight: 600;
			color: #000000;
			border-bottom: none;
			padding-bottom: 1em;
		}
		.pop>.inner_box .container-confirm .inner .text_caption {
			text-align: justify;
			color: #525252;
			font-size: 16px;
			line-height: 24px;
		}
		.pop>.inner_box .container-confirm .inner .text_caption p {
			padding-bottom: 1em;
			font-size: 16px;
		}
		.pop>.inner_box .container-confirm .inner .text_caption div.check {
			border-bottom: 1px solid #EEEEEE;
			height: 60px;
			text-align: left;
			line-height: 1em;
			padding: 1em 0 1em 1em;
		}
		.pop>.inner_box .container-confirm .inner from div.Check_from {
			padding: 20px 0 0;
			display: inline-flex;
			width: 100%;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.email, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.name, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.phone {
			width: 100%;
			padding-bottom: 20px;
		}
		.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.info, .pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item.text-tit {
			width: 100%;
			padding-bottom: 20px;
		}
		.pop>.inner_box .container-confirm .inner from div.Check_from div.Check_item label {
			color: #323232;
			font-size: 16px;
			line-height: 2em;
		}
		/* /pop-window_0420_同意書 */
		/*0090*/
		.m_hide_02 {
			display: block;
		}
		.m_block_02 {
			display: none;
		}
		/** QA **/
		div.QA {
			counter-reset: my-sec-counter;
		}
		details.accordion {
			transition: all 0.3s ease-in-out;
			border-bottom: 1px solid #EEEEEE;
		}
		details.accordion+details.accordion {
			margin-top: 0.25rem;
		}
		details.accordion summary.accordion__title {
			list-style-type: none;
			cursor: pointer;
			font-size: 16px;
			font-weight: 400;
			color: #0E171F;
			padding: 32px 2em 32px 50px;
			background-image: url("../images/icon_side_arrow_down.png");
			background-repeat: no-repeat;
			background-position: right 0 top 50%;
			background-size: 12px;
			text-align: justify;
		}
		details.accordion summary.accordion__title:before {
			counter-increment: my-sec-counter;
			content: "Q" counter(my-sec-counter);
			color: #F26F28;
			font-size: 20px;
			font-weight: 600;
			line-height: 28px;
			position: absolute;
			left: 26px;
		}
		details.accordion summary.accordion__title::marker, details.accordion summary.accordion__title::-webkit-details-marker {
			display: none;
		}
		details.accordion .accordion__content {
			padding: 24px;
			border: solid 1px #f5f5f5;
			font-size: 16px;
			border-radius: 8px;
			text-align: justify;
		}
		details.accordion .accordion__content p {
			margin: 0;
			color: #0E171F;
			padding: 0;
			font-weight: 400;
		}
		details.accordion .accordion__content p+p {
			margin-top: 0.5em;
		}
		details.accordion[open] {
			border-color: transparent;
		}
		details.accordion[open] summary.accordion__title {
			background-image: url("../images/icon_side_arrow_up.png");
			font-weight: 600;
		}
	}