@charset "utf-8";
body, input, select {
	font: normal 16px/140% Arial, Helvetica, "微軟正黑體";
	color: #000000;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
a {
	text-decoration: none;
}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {
	margin: 0;
	padding: 0;
	border: none;
}
input[type="date"] {
	position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 40px;
	color: transparent;
	background: transparent;
}
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {
	z-index: -10;
}
input[type="date"]::-webkit-input-placeholder {
	z-index: 99;
}
input[type="date"]:placeholder {
	z-index: 99;
}
input[type="date"]:not(.has-value):before {
	content: attr(placeholder);
	width: 100%;
	padding-left: 1em;
}
input[type="date"] {
	/*padding: 12px 20px;*/
}
b {
	font-weight: bolder;
}
:root {
	--black: #3a3a3a;
	--white: #fff;
	--blue: #065ba3;
}
* {
	margin: 0;
	padding: 0;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
ol {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
.text_justify {
	text-align: justify;
}
.author-archive {
	padding: 1.5rem;
}
h1 {
	text-align: center;
	margin-bottom: 2rem;
}
h1 a {
	transition: all 0.3s;
}
h1 a:hover {
	background: var(--blue);
	color: var(--white);
}
input[type="radio"] {
	position: absolute;
	left: -9999px;
}
ul, li {
	list-style: none;
}
.fL {
	float: left;
}
.fR {
	float: right;
}
.tL {
	text-align: left;
}
.tR {
	text-align: right;
}
.tC {
	text-align: center;
}
.tC img {
	margin: 0 auto;
}
.tB {
	font-weight: bold;
}
.clr {
	clear: both;
}
h3 {
	font-size: 35px;
	line-height: 35px;
}
h4 {
	font-size: 24px;
	line-height: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
	color: #065ba3;
}
p {
	line-height: 24px;
}
hr {
	border: 0;
	height: 1px;
	background: #eee;
}
/* bg_color */

.blue {
	background-color: rgba(0, 91, 172, 1);
}
.green {
	background-color: rgba(7, 125, 85, 1);
}
.orange {
	background-color: rgba(235, 97, 0, 1);
}
.light-blue {
	background-color: #F9FBFD;
}
.f_color_1 {
	color: #ff3030;
}
/*股票紅*/

.f_color_2 {
	color: #D91F11;
}
/*股票綠*/

a.txt_focus {
	color: #cc0000 !important;
}
.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	line-height: 0;
	display: table;
	content: '';
}
.clearfix:after {
	clear: both;
}
.container {
	width: 100%;
}
.inner {
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	/*max-width: 1440px;*/
	box-sizing: border-box;
}
/* web */

.m_hide {
	display: block;
}
.m_block {
	display: none;
}
.m_hide_01 {
	display: block;
}
.m_block_01 {
	display: none;
}
.word_wrap {
	word-break: break-all;
	word-wrap: break-word;
}
.word_nowrap {
	white-space: nowrap;
}
/*下拉選單*/

select {
	vertical-align: middle;
	width: 100%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	height: 48px;
	color: #777777;
	border: 1px solid #b6b6b6;
	background: url("../images/Fill.png") no-repeat scroll right 15px center #fff;
	background-size: 14px 8px;
	padding-left: 1em;
	padding-right: 14px;
	border-radius: 4px;
}
select option {
	color: #777777;
	line-height: 1.2em;
	font-size: 16px;
}
select::-ms-expand {
	display: none;
}
select optgroup {
	color: #005BAC;
	padding: 15px 0;
	font-size: 14px;
	font-weight: 400;
}
/*下拉選單*/

select.s-small {
	vertical-align: middle;
	width: 50px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	height: 25px;
	line-height: 25px;
	color: #777777;
	border: 1px solid #b6b6b6;
	background: url("../images/icon_side_arrow_down.png") no-repeat scroll right 10px center #fff;
	background-size: 10px 10px;
	padding-left: 8px;
	padding-right: 14px;
	font-size: 14px;
	border-radius: 4px;
}
select.s-small::-ms-expand {
	display: none;
}
/*輸入框*/

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="textarea"] {
	width: 100%;
	padding: 0 1em;
	height: 48px;
	color: #777777;
	border: 1px solid #b6b6b6;
	box-sizing: border-box;
	border-radius: 4px;
}
input[type="text"] {
	content: attr(placeholder);
	width: 100%;
	/* padding-left: 1em; */
}
input, select, textarea {
	outline: 0;
}
input:focus, select:focus, textarea:focus {
	border-color: #1E8BFA;
}
input.search[type="text"] {
	width: 100%;
	padding: 0 7px 0 36px;
	background: url("../images/input_search.png") 10px 13px no-repeat;
	background-size: 20px;
	vertical-align: middle;
	height: 48px;
	line-height: 48px;
	color: #777777;
	border: 1px solid #b6b6b6;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #FFF;
}
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]+label {}
input[type="checkbox"]+label.type31 {
	width: 30%;
	display: inline-block;
}
input[type="checkbox"]+label span {
	width: 23px;
	height: 32px;
	display: inline-block;
	background: url(../images/checkbox_normal.jpg) 0 3px no-repeat;
	background-size: 23px;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
input[type="checkbox"]:checked+label span {
	background: url(../images/checkbox_checked.jpg) 0 3px no-repeat;
	background-size: 23px;
}
input[type="checkbox"]+label.general span {
	margin-right: 0;
}
input[type="radio"] {
	display: none;
}
input[type="radio"]+label {
	margin-right: 10px;
	display: inline-block;
	background: url(../images/radio_normal.png) left 3px no-repeat;
	background-size: 25px;
	cursor: pointer;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
input[type="radio"]:checked+label {
	background: url(../images/radio_checked.png) left 3px no-repeat;
	background-size: 25px;
}
textarea {
	font-size: 16px;
	width: 100%;
	height: 90px;
	box-sizing: border-box;
	padding: 1em;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	color: #777777;
	resize: vertical;
}
input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.custom-file-upload {
	display: inline-block;
	margin: 6px 11px 6px 10px;
	padding: 16px 36px;
	cursor: pointer;
	background-color: #F6F6F6;
	border: 1px solid rgba(14, 23, 31, 0.25);
	border-radius: 4px;
	font-size: 16px;
}
/*header*/

.header {
	padding: 0 0 42px 0;
}
.header.singleLine {
	padding: 0;
}
.header.corp {
	padding: 0 0 5px 0;
}
.header .header_inner {
	position: relative;
	height: 80px;
	/*max-width: 1440px;*/
	padding: 0 10px 0 240px;
	box-sizing: border-box;
}
/* header */

.header_funtion {
	width: 270px;
	padding-top: 30px;
	float: right;
	position: relative;
	display: flex;
	align-content: center;
	align-self: center;
}
.header_funtion span {
	color: rgba(0, 0, 0, 0.2);
	padding-right: 15px;
}
a btn.member {
	margin-right: 10px;
	padding: 10px;
	width: 96px;
	height: 40px;
	border: 1px solid rgba(0, 91, 172, 1);
	border-radius: 5px;
	font-size: 16px;
	line-height: 24px;
	color: #005BAC;
}
a btn.member:hover {
	background-color: #F2F9FF;
	;
	color: #005BAC;
	transition: all 0.3s;
}
/* 會員已登入樣式 */

a btn.member_icon {
	margin-right: 10px;
	padding: 10px;
	width: 96px;
	height: 40px;
	border: none;
	border-radius: 5px;
	font-size: 25px;
	line-height: 24px;
	color: #005BAC;
}
a btn.member_icon:hover {
	color: #00529B;
	transition: all 0.3s;
}
btn.login, a btn.login {
	color: #FFFFFF;
	padding: 10px;
	width: 96px;
	height: 40px;
	background-color: rgba(0, 91, 172, 1);
	border-radius: 5px;
	font-size: 16px;
	line-height: 24px;
}
a btn.login:hover {
	background-color: #00529B;
	color: #FFFFFF;
	transition: all 0.3s;
}
btn.world, a btn.world {
	display: block;
	color: rgba(0, 91, 172, 1);
	height: 40px;
	padding-left: 25px;
	font-size: 18px;
}
/*以下for 單純只有元大logo*/

a.logo_company {
	position: absolute;
	top: 0px;
	left: 0;
	width: 260px;
	height: 80px;
	background: transparent url("../images/logo_header_yuantaconsulting.png") center center no-repeat;
	background-size: 227px auto;
	display: block;
}
/*副導覽列*/

.header .header_link {
	display: block;
	text-align: right;
	font-size: 12px;
}
.header .header_link a {
	color: #030303;
	/*color: #7e9fb8;*/
	line-height: 40px;
	display: inline-block;
	margin-left: 24px;
	vertical-align: middle;
}
.header .header_link a:hover {
	color: #0067b3;
	/*color: #2d92cb;*/
}
/*頁面右上工具列*/

.header .header_tools {
	position: absolute;
	top: 0;
	right: 0;
}
.header .header_tools a.header_tools_world, .header .header_tools a.header_tools_search {
	display: block;
	box-sizing: content-box;
	width: 40px;
	height: 40px;
}
a.header_tools_world {
	background: #0067b3 url("../images/icon_world.png") center center no-repeat;
}
a.header_tools_search {
	background: #c9c9c9 url("../images/icon_search.png") center center no-repeat;
}
.header .header_tools a:hover {
	background-color: #093f7f;
}
/*主選單*/

.nav_main_all {
	z-index: 9;
	right: 300px;
	bottom: 0;
	position: absolute;
	display: block;
	text-align: right;
}
.nav_main_second_level_all {
	position: absolute;
	left: 0;
	right: 0;
	height: 22px;
	padding: 10px 0;
	text-align: right;
	background: #0081cc url(../images/bg_nav.jpg) 0 0 repeat-y;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.header.corp .nav_main_second_level_all {
	height: 5px;
	padding: 0;
}
/*以下for 單純只有元大logo*/

.nav_main_second_level_all .logo {
	position: absolute;
	left: 40px;
	top: 0;
	width: 119px;
	height: 42px;
	display: block;
	opacity: 0;
	background: url(../images/logo_header_white.png) no-repeat;
	background-size: cover;
	transition: all 0.3s;
	z-index: 999;
}
/*以下for 元大及大眾銀行logo*/

.nav_main_second_level_all.sticky {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000888;
}
.nav_main_second_level_all.sticky .logo, .nav_main_second_level_all.sticky a div.logo {
	opacity: 1;
}
.header.corp .nav_main_second_level_all.sticky {
	height: 42px;
}
.nav_main_second_level_all .inner {
	position: relative;
	padding-right: 17%;
}
.nav_main_all .nav_main_first_level {
	position: relative;
	display: inline-block;
}
.nav_main_all .nav_main_first_level>li {
	font-weight: bold;
	display: inline-block;
	padding: 0 0 0 40px;
}
.nav_main_first_level a {
	display: block;
	padding: 0 0 25px 0;
	color: #030303;
	background: url("../images/bg_nav_main_first_level_item-active.png") center 50px no-repeat;
	font-size: 16px;
}
.nav_main_first_level a:hover, .nav_main_first_level a.active {
	color: #0067b3;
	background: url("../images/bg_nav_main_first_level_item-active.png") center bottom no-repeat;
}
/* SingleLine 主選單-第二層*/

.header.singleLine>.nav_main_first_level a {
	display: block;
	padding: 0 0 25px 0;
	color: #030303;
	background: none;
	font-size: 16px;
}
/* SingleLine 主選單-第二層*/

/*主選單-第二層*/

.nav_main_second_level_all .nav_main_second_level {
	position: relative;
	margin: 0;
	padding: 0;
	display: none;
}
.nav_main_second_level_all .nav_main_second_level.show {
	display: block;
}
.nav_main_second_level_all .nav_main_second_level>li {
	position: relative;
	display: inline-block;
}
.nav_main_second_level_all .nav_main_second_level>li a {
	display: inline-block;
	padding: 0 30px;
	color: #fff;
	border-right: solid 1px rgba(255, 255, 255, 0.35);
}
.nav_main_second_level_all .nav_main_second_level>li a:hover {
	color: #ffca59;
	/*text-decoration: underline;*/
}
/* 被選取狀態 checked */

/*.nav_main_second_level_all .nav_main_second_level>li a.on {
	color: #ffca59;
	text-decoration: underline;
}*/

.nav_main_second_level_all .nav_main_second_level>li:last-child a {
	border-right: none;
}
/*子選單區塊*/

.nav_main_second_level_all .nav_main_third_level {
	position: absolute;
	z-index: 9999;
	top: 32px;
	width: auto;
	height: auto;
	padding: 20px 20px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
	display: none;
	white-space: nowrap;
}
.nav_main_third_level.show {
	display: block;
}
.nav_main_third_level.hide {
	display: none;
}
.nav_main_second_level_all .nav_main_third_level li {
	margin-bottom: 10px;
}
.nav_main_second_level_all .nav_main_third_level li a {
	display: block;
	padding: 0;
	color: #434343;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.nav_main_second_level_all .nav_main_third_level li a:hover {
	color: #0081cc;
	text-decoration: none;
}
/*子選單區塊
.nav_main_second_level_all .nav_main_third_level {position: absolute; z-index:99;right: 40px; top: 32px; height: auto; min-height:400px; padding:0; box-sizing: border-box;text-align: left;  background-color: #fff;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); display: none; }
.header.corp .nav_main_second_level_all .nav_main_third_level{top:5px;transition:all 0.3s;}
.header.corp .nav_main_second_level_all.sticky .nav_main_third_level{top:42px;}
.nav_main_third_level.show{ display: block;}
.nav_main_third_level.hide{ display: none;}

.nav_main_third_level_block_all { display: inline-block;background-color: #fff; }
.nav_main_second_level_all .nav_main_third_level .nav_main_third_level_block { width:130px; display: inline-block; vertical-align: top; background-color: #fff; padding: 20px 15px 0; }

h4.nav_main_third_level_block_title { font-size: 16px;color: #1886e3;border-bottom: solid 1px #e2e2e2; margin: 0 0 10px; padding: 0 0 10px; }
.nav_main_third_level_block > ul {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none; }
.nav_main_third_level_block > ul li {padding: 0 0 16px; }
.nav_main_third_level_block a { color: #444; }
.nav_main_third_level_block a:hover{ color: #2d92cb}*/

/*子選單右邊區塊*/

.nav_main_third_level .nav_main_third_level_links_block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 180px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.nav_main_third_level_links_block .figure_with_side_name {
	display: table;
	position: relative;
	width: 80px;
	height: 60px;
	padding: 20px 0 20px 80px;
}
.figure_with_side_name span {
	font-weight: bold;
	display: table-cell;
	color: #454f5c;
	vertical-align: middle;
	max-width: 4em;
	padding: 0 0;
}
.figure_with_side_name .icon_item, .figure_with_side_name .icon_item_hide {
	display: inline-block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 10px;
	margin-top: -30px;
}
.figure_with_side_name .icon_item_hide {
	display: none;
}
.figure_with_side_name:hover .icon_item_hide {
	display: block;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.nav_main_third_level_links_block .nav_aside_ad {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.nav_main_third_level_links_block .nav_aside_ad img {
	display: block;
}
.block_section {
	padding: 30px 0;
}
.block_section.news_bg {
	background-image: url("../images/bg_stock.jpg");
	background-size: cover;
}
.nav_search .s_input {
	width: 260px;
	height: 30px;
	line-height: 30px;
}
.s_input .in_box {
	width: 230px;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-right: 0;
	border-radius: 2px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}
.s_input input[type="text"] {
	font-size: 14px;
	background: #fff;
	border: none;
	padding: 0 5px;
	height: 28px;
	outline: none;
}
.s_input a.code {
	position: absolute;
	right: 0;
	width: 40px;
	height: 28px;
	background: #eee;
	color: #666;
	text-align: center;
	font-size: 14px;
}
.s_input a.code:hover {
	background-color: #54a2cf;
	color: #FFF;
}
.s_input a.go {
	width: 30px;
	height: 30px;
	float: right;
	background-color: #dfaf4a;
	background-image: url(../images/btn_go.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.s_input a.go:hover {
	background-color: #0078b4;
}
/*footer*/

.footer {
	box-sizing: border-box;
	background-color: #0092E5;
	font-size: 14px;
	color: #fff;
	width: 100%;
}
/*footer-web*/

.footer .inner {
	font-weight: normal;
	padding: 0;
	box-sizing: border-box;
	max-width: 1132px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.footer_link {
	padding: 1em 0 1em 0;
	text-align: left;
	width: auto;
	display: inline-flex;
	height: 50px;
	line-height: 50px;
}
.footer_link a {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	align-content: center;
	line-height: 50px;
}
.footer_link a::after {
	content: " | ";
	color: #fff;
	padding: 10px;
}
.footer_link a:last-child::after {
	content: none;
}
.footer_info {
	padding: 0 0 2em 0;
	display: flex;
	font-weight: 400;
}
.footer_info div.info_left {
	width: 55%;
}
.footer_info div.info_right {
	width: 45%;
}
.footer_info div.info_left div, .footer_info div.info_right div {
	width: 100%;
	display: inline-flex;
}
.footer_info div.info_left div p {
	width: 6em;
	white-space: nowrap;
	font-weight: 600;
}
.footer_info div.info_right div p {
	width: 9em;
	white-space: nowrap;
	font-weight: 600;
}
.footer_info div.info_left div span {
	padding-right: 2em;
	width: calc(100% - 6em);
	font-weight: 400;
}
.footer_info div.info_right div span {
	padding-left: 2em;
	width: calc(100% - 10em);
	font-weight: 400;
}
.footer_social {
	padding: 0 0 2em 0;
	display: inline-flex;
	width: 100%;
}
.footer_social div {
	width: 36px;
	padding: 0 15px 0 0;
}
.footer_copyright {
	padding: 0 0 2em 0;
}
.footer_copyright div {
	line-height: 1.7em;
}
/*集團選單*/

.corporation_all {
	height: 60px;
	line-height: 60px;
	background: #00599d;
	/* Old browsers */
	background: -moz-linear-gradient(left, #00599d 50%, #0067b3 50%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #00599d 50%, #0067b3 50%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #00599d 50%, #0067b3 50%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00599d', endColorstr='#0067b3', GradientType=1);
	/* IE6-9 */
}
.corporation_all .inner {
	width: 1132px;
	margin: 0 auto;
	padding: 0;
}
.corporation_ul {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #fff;
	text-align: center;
	padding: 0 5px;
}
.corporation_ul .corporation_title {
	background: url(../images/corporation_titleBG.png) top right no-repeat;
	background-color: transparent;
	font-weight: bold;
	display: inline-block;
	padding: 0 40px 0 0;
	margin-right: -2px;
}
.hide_icon {
	display: none;
}
.corporation_ul .corporation_item {
	display: inline-block;
	background-color: #0067b3;
	margin: 0 -2px;
}
.corporation_ul .corporation_item a {
	padding: 0 15px;
	color: #fff;
}
.block_more {
	font-size: 0.9375rem;
	line-height: 0.9375rem;
	padding: 0.3125rem 0.625rem;
	color: #70a0d0;
	border: solid 1px #70bcec;
	border-radius: 2px;
}
.block_more:hover {
	text-decoration: none;
	color: #fff;
	background-color: #70bcec;
}
/** News **/

/** News **/

a.more {
	color: rgba(0, 91, 172, 1);
	font-size: 16px;
	padding: 0;
	line-height: 21px;
	position: relative;
	top: 5px;
	right: 0;
	float: right;
	transition: .2s;
}
a.more:hover {
	color: rgba(0, 146, 229, 1);
}
/*輪播slider*/

.slides_bn {
	width: 100%;
	height: auto;
}
.slides_bn img {
	width: 100%;
	height: auto;
}
.slides_bn .slick-prev {
	left: 30px;
	background: transparent url("../images/img_bn_prev.png") center center no-repeat;
}
.slides_bn .slick-next {
	right: 30px;
	background: transparent url("../images/img_bn_next.png") center center no-repeat;
}
.slides_bn .slick-prev, .slides_bn .slick-next {
	font-size: 0;
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -10px;
	cursor: pointer;
	border: none;
	background-color: transparent;
}
.slides_bn .slick-dots {
	position: absolute;
	bottom: 10px;
}
.slides_bn.type2 .slick-dots {
	left: 50%;
	width: 400px;
	margin-left: -200px;
	text-align: center
}
/*置中*/

.slides_bn .slick-dots li {
	display: inline-block;
	margin: 0;
	margin: 0 5px;
	width: 20px;
	height: 20px;
}
.slides_bn .slick-dots button {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	box-shadow: none;
	text-indent: -9999px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;
}
.slides_bn .slick-dots .slick-active button {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}
.bn_block {
	position: relative;
	height: auto;
}
.bn_block img {
	width: 100%;
}
/*-----------swiper-wrapper 分類滑動選單-----------*/

.thumbs-cotnainer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 99;
	overflow: hidden;
	width: 100%;
	height: 60px;
}
.swiper-container.sticky {
	position: fixed;
	top: 0px;
	left: 0;
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1002;
	height: 45px;
	/*background-color: #fff;*/
	/*border-bottom: 1px solid #007ac5;*/
	/*border-top: 1px solid #bebebe;*/
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	line-height: 30px;
	box-sizing: content-box;
	transition-property: transform;
	z-index: 1;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	text-align: center;
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	flex-shrink: 0;
}
.swiper-wrapper>div {
	display: inline-block;
	line-height: 20px;
	padding: 40px 0;
	min-width: 140px;
	box-sizing: border-box;
}
.swiper-wrapper>div a {
	/*display: block;*/
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	padding: 0 5px;
	color: #0078b4;
	border-left: 1px solid #b3b3b3;
}
.swiper-wrapper>div:nth-child(2) a {
	border: none;
}
.thumbs-cotnainer .swiper-wrapper>div.active a, .thumbs-cotnainer .swiper-wrapper>div a:hover {}
.topic_finance_title .swiper-wrapper div a {
	padding: 6px 5px;
	line-height: 20px;
	margin: 10px 15px 0 0;
}
/*常用功能-swiper-wrapper 分類滑動選單-*/

/*熱門訊息*/

.function_area, .short_msg_area {
	position: relative;
	height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0078b4+30,e4e4e4+30 */
	background: #0078b4;
	/* Old browsers */
	background: -moz-linear-gradient(left, #0078b4 50%, #e4e4e4 50%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0078b4 50%, #e4e4e4 50%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0078b4 50%, #e4e4e4 50%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078b4', endColorstr='#e4e4e4', GradientType=1);
	/* IE6-9 */
}
.function_area .thumbs-cotnainer {
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	background: url(../images/bg_function_area.png) 0 0 no-repeat;
}
.function_area .func_tit {
	padding: 20px 40px 20px 20px;
	color: #fff;
	text-align: center;
}
/*頁籤樣式*/

.thumbs-cotnainer_2 {
	position: relative;
	border-bottom: 1px solid #cecece;
	height: 36px;
}
.thumbs-cotnainer_2 .swiper-wrapper>div:first-child {
	border-left: 1px solid #cecece;
}
.thumbs-cotnainer_2 .swiper-wrapper>div {
	float: left;
	position: relative;
	min-width: 150px;
	padding: 10px 5px;
	font-weight: bold;
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	box-sizing: border-box;
	background: rgb(234, 234, 234);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 1) 49%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 1) 49%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 1) 49%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}
.thumbs-cotnainer_2 .swiper-wrapper>div a {
	color: #333;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: -1px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.thumbs-cotnainer_2 .swiper-wrapper>div.active a, .thumbs-cotnainer_2 .swiper-wrapper>div a:hover {
	border-top: 3px solid #0081cc;
}
/* IE10 Windows Phone 8 Fixes*/

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
/*nivoSlider大圖輪播*/

.slider-wrapper .nivoSlider {
	position: relative;
}
.slider-wrapper .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.slider-wrapper .nivoSlider a {
	border: 0;
	display: block;
}
.slider-wrapper .nivo-controlNav {
	width: 300px;
	text-align: center;
	padding: 0;
	position: absolute;
	bottom: 120px;
	left: 50%;
	margin: 0 0 0 -150px;
	z-index: 99;
}
.slider-wrapper .nivo-controlNav a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin: 0 2px;
}
.slider-wrapper .nivo-controlNav a.active {
	background-position: 0 -22px;
}
.nivo-directionNav a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	z-index: 9;
	cursor: pointer;
}
.slider-wrapper .nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.slider-wrapper:hover .nivo-directionNav a {
	opacity: 1;
}
.slider-wrapper a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
.slider-wrapper a.nivo-prevNav {
	left: 15px;
}
/*-----------swiper-wrapper 分類滑動選單 end-----------*/

/*麵包屑*/

.breadcrumb {
	background: url(../images/icon_breadcrumb.png) 0 23px no-repeat;
	background-size: 18px auto;
	padding: 20px 0 5px 24px;
}
.breadcrumb li {
	max-width: 15em;
	display: inline-block;
	color: #1C2B36;
	font-size: 16px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 400;
}
.breadcrumb a {
	padding: 0 30px 0 0;
	color: #005BAC;
	background: url(../images/icon_breadcrumb_arrow.png) calc(100% - 5px) center no-repeat;
	background-size: 16px auto;
}
.breadcrumb a:hover {
	color: #0096e0;
}
.main_block>.breadcrumb {
	padding: 5px 0 5px 24px;
}
/*分頁*/

.page_area {
	display: block;
	text-align: center;
	margin: 0 0 20px;
}
.page_area li {
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
}
.page_area a {
	display: block;
}
.page_area li.prev, .page_area li.next {
	margin: 0 20px;
}
.page_area li.prev a {
	background: url(../images/img_shortcut_prev.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
}
.page_area li.next a {
	background: url(../images/img_shortcut_next.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
}
.page_area li.prev a:hover {
	background: #bb9157 url(../images/img_shortcut_prev_w.png) center center no-repeat;
	background-size: 8px auto;
}
.page_area li.next a:hover {
	background: #bb9157 url(../images/img_shortcut_next_w.png) center center no-repeat;
	background-size: 8px auto;
}
.page_area li a {
	color: #bb9157;
	font-size: 14px;
	line-height: 20px;
	padding: 0 5px;
}
.page_area li a:hover, .page_area .on a {
	background-color: #bb9157;
	color: #fff;
}
/*for .Net C# 分頁*/

div.pagination_outer {
	max-width: 1132px;
	background-color: white;
	height: 20px;
	margin-bottom: 1em;
	padding: 20px 0 40px 0;
}
.pagination {
	display: block;
	text-align: center;
	margin: 0;
}
.pagination li {
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
}
.pagination a {
	display: block;
}
.pagination li.PagedList-skipToPrevious, .pagination li.PagedList-skipToNext {
	margin: 0 10px;
}
.pagination li.PagedList-skipToFirst a {
	background: url(../images/img_shortcut_prev2.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
}
.pagination li.PagedList-skipToPrevious a {
	background: url(../images/img_shortcut_prev.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
	border: 1px solid #EEEEEE;
	border-radius: 4px;
}
.pagination li.PagedList-skipToNext a {
	background: url(../images/img_shortcut_next.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
	border: 1px solid #EEEEEE;
	border-radius: 4px;
}
.pagination li.PagedList-skipToLast a {
	background: url(../images/img_shortcut_next2.png) center center no-repeat;
	width: 20px;
	height: 20px;
	background-size: 8px auto;
	padding: 0;
}
.pagination li.PagedList-skipToFirst a:hover {
	background: #F2F9FF url(../images/img_shortcut_prev2_w.png) center center no-repeat;
	background-size: 8px auto;
}
.pagination li.PagedList-skipToPrevious a:hover {
	background: #F2F9FF url(../images/img_shortcut_prev.png) center center no-repeat;
	background-size: 8px auto;
	border-radius: 4px;
	border: 1px solid #F2F9FF;
	cursor: pointer;
}
.pagination li.PagedList-skipToNext a:hover {
	background: #F2F9FF url(../images/img_shortcut_next.png) center center no-repeat;
	background-size: 8px auto;
	border-radius: 4px;
	border: 1px solid #F2F9FF;
	cursor: pointer;
}
.pagination li.PagedList-skipToLast a:hover {
	background: #F2F9FF url(../images/img_shortcut_next2_w.png) center center no-repeat;
	background-size: 8px auto;
}
.pagination li a {
	color: #3A3A3A;
	font-size: 14px;
	line-height: 20px;
	padding: 0 5px;
}
.pagination li a:hover, .pagination .active a {
	background-color: #F0F4FA;
	color: #005BAC;
	border-radius: 4px;
}
.PagedList-skipToFirst, .PagedList-skipToPrevious, .PagedList-skipToNext, .PagedList-skipToLast {
	text-indent: -9999px;
}
/*警語*/

.bt_warnings {
	/* background: url(../images/bn_warnings.png) center center no-repeat; height: 110px;*/
	min-height: 50px;
	padding: 20px 0;
	clear: both;
	box-sizing: border-box;
}
.bt_warnings img {
	margin: 0 auto;
}
.bt_warnings img.warn_web {
	display: block;
}
.bt_warnings img.warn_phone {
	display: none;
}
/*pop*/

.popup_overlay, .popup_overlay+.pop {
	display: none;
}
.popup_overlay.show, .popup_overlay.show+.pop {
	display: block;
}
.popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 9999998;
}
.pop {
	position: absolute;
	top: 100px;
	left: 50%;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 0;
	padding: 20px;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 9999999;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.pop h6 {
	text-align: center;
	font-size: 24px;
	border-bottom: 1px solid #efefef;
	padding: 0 0 10px;
	margin: 0 0 10px;
	color: #0280cd;
}

.pop.login {
	position: absolute;
	top: 100px;
    padding: 0;
	left: 50%;
    max-width: 408px;
    height: auto; 
	margin: 0;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 9999999;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.pop.login .item-group{ padding-bottom: 16px;}

.pop.login h5 {
    color: #000;
	text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}
.pop.login .container-login{
    padding: 42px 56px;
    max-width: 408px;
    height: auto;    
}

.pop.login .container-login .inner{
    padding: 20px 0 0 0;  
} 
.bi-eye-slash,
.bi-eye {
  font-size: 1.3rem;
  color: #0E171F;
  float: right;
  margin-right: 0.6rem;
  margin-top: -2.1rem;
  position: relative;
  z-index: 99;
  cursor: pointer;
}

.pop.login .container-login .inner .tit{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    color: #323232;
} 

.pop.login .container-login .inner .note {
    display: flex;
    justify-content: space-between;
    padding: 12px 0 0;
}

.pop.login .container-login .inner .note div {
    color: #005BAC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    display: flex;
}

.pop.login .container-login .inner .forget {
    color: #005BAC;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-top: 4px;
}

.pop p {
	font-size: 16px;
}
.pop .btnArea,
.pop.login .btnArea {
	padding: 0 0 0 0;
	text-align: center;
}
.pop .close,
.pop.login .close{
	position: relative;
	width: 100%;
	height: 0;
	display: block;
}
.pop .close a,
.pop.login .close a{}
.pop .close a{
	width: 50px;
	height: 50px;
	top: -65px;
	right: -40px;
	background-size: 14px 14px;
	position: absolute;
	display: block;
	background: url(../images/btn_close.png) no-repeat;
}

.pop.login .close a{
	width: 50px;
	height: 50px;
	top: -45px;
	right: -25px;
	background-size: 14px 14px;
	position: absolute;
	display: block;
	background: url(../images/btn_close.png) no-repeat;
}

.container-login .btnArea {
	padding: 0 0 12px 0;
}
.container-login .btnArea a {
	width: 100%;
}
 
.pop .userType {
	text-align: center;
}
.pop .userType li {
	width: 250px;
	display: inline-block;
	margin: 0 10px;
	position: relative;
}
.pop .userType li a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.pop .userType .tit {
	width: 100%;
	height: 80px;
	padding: 0 15px;
	background-color: #0081cc;
	color: #fff;
	font-size: 25px;
	line-height: 80px;
	box-sizing: border-box;
	font-weight: bold;
}
.pop .userType .tit2 {
	width: 100%;
	height: 80px;
	padding: 0 15px;
	background-color: #0096e0;
	color: #fff;
	font-size: 25px;
	line-height: 80px;
	box-sizing: border-box;
	font-weight: bold;
}
.pop .userType .item {
	color: #535353;
	padding: 95px 15px 25px 15px;
	border: 1px solid #e8e8e8;
	border-top: none;
	background-color: #fff;
}
.pop .userType .icon {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -30px;
}
.pop .userType .icon_on {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -30px;
	opacity: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.pop .userType li:hover .icon_on {
	opacity: 1;
}
/*搜尋偽下拉*/

.nav_search {
	height: 30px;
	width: 260px;
	position: absolute;
	right: 380px;
	z-index: 99;
	font-size: 14px;
}
.nav_search .s_input, .nav_search .LiSelect, .s_input .in_box, .s_input a.go {
	display: inline-block;
	vertical-align: middle;
}
.LiSelect {
	width: 100px;
	height: 30px;
	background-color: #fff;
	background-image: url(../images/icon_side_arrow_down.png);
	background-size: 20px auto;
	background-position: calc(100% - 5px) center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.LiSelect:hover ul {
	display: block;
}
.LiSelect span {
	display: block;
	width: 100%;
	border: 1px solid #d8d8d8;
	line-height: 30px;
	height: 30px;
	text-align: left;
	padding: 0 5px;
	box-sizing: border-box;
	border-radius: 4px;
}
.LiSelect:hover span {
	background: url(../images/icon_side_arrow_down.png) no-repeat calc(100% - 5px) center #eee;
	background-size: 20px auto;
	border-color: #eee;
}
.LiSelect ul {
	position: relative;
	list-style: none;
	width: 100px;
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	display: none;
	border-top: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.LiSelect ul li {
	width: 100%;
	background: #FFF;
	line-height: 25px;
	padding: 0 10px;
	box-sizing: border-box;
}
.LiSelect ul li:hover {
	background-color: #54a2cf;
	color: #FFF;
}
/*智慧搜尋*/

.search_box {
	max-width: 900px;
	height: 55px;
	margin: 0 auto 55px auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #5097d6;
}
.search_box_title {
	display: block;
	width: 2.6em;
	height: 2.6em;
	margin: 10px 40px 10px 0;
	line-height: 1.3em;
	padding: 20px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0078b4+30,e4e4e4+30 */
	background: #2175bf;
	/* Old browsers */
	background: -moz-linear-gradient(bottom right, #2175bf 50%, #115b9d 50%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top left, #2175bf 50%, #115b9d 50%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right, #2175bf 50%, #115b9d 50%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2175bf', endColorstr='#115b9d', GradientType=1);
	/* IE6-9 */
}
.search_box_filter {
	flex: 0 1 200px;
	height: 110px;
	padding: 20px 10px;
	box-sizing: border-box;
	background-color: #fff;
	border: solid 1px #5097d6;
}
.search_box_filter p {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #5097d6;
}
.search_box_filter.search_input {
	background-image: url(../images/bg_search_box_filter_01.jpg)
}
.search_box_filter.search_select {
	background-image: url(../images/bg_search_box_filter_02.jpg)
}
.search_box_filter.search_input, .search_box_filter.search_select {
	background-size: 75px;
	background-position: calc(100% - 10px) 10px;
	background-repeat: no-repeat;
}
.search_box_filter .LiSelect, .search_box_filter .LiSelect ul {
	width: 100%;
}
.search_box_filter .LiSelect ul {
	box-sizing: border-box;
}
.search_box_filter input, .search_box_filter .LiSelect {
	background-color: #eee;
	border-color: #eee;
}
.search_box_filter .LiSelect span {
	border-color: #eee;
}
.search_box_btn {
	width: 140px;
	text-align: center;
}
.search_box_btn a {
	display: block;
	height: 110px;
	padding-top: 50%;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background-color: #5097d6;
	background-image: url(../images/btn_search_box.png);
	background-size: 50px;
	background-position: center 10px;
	background-repeat: no-repeat;
}
.search_box_btn a:hover {
	background-color: #2175bf;
}
@media screen and (max-width: 1300px) {
	.nav_main_second_level_all .inner {
		position: relative;
		padding-right: 21.5%;
	}
}
@media screen and (max-width: 1100px) {
	.inner {
		padding: 0 50px;
	}
	/*主選單-第二層*/
	.nav_main_all .nav_main_first_level>li {
		font-weight: bold;
		display: inline-block;
		padding: 0 0 0 25px;
		/* 原間距40px */
	}
	/*主選單-第三層*/
	.nav_main_second_level_all .nav_main_third_level {
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 32px;
		width: auto;
		height: auto;
		padding: 20px 20px 10px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		background-color: #fff;
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
		display: none;
		white-space: nowrap;
	}
	.nav_main_third_level_block_all {
		display: block;
	}
	.nav_main_second_level_all .nav_main_second_level>li a {
		padding: 0 20px;
	}
	.nav_main_second_level_all .nav_main_third_level .nav_main_third_level_block {
		width: 135px;
		padding: 20px 0 0 20px;
		box-sizing: border-box;
	}
	.nav_main_second_level_all .nav_main_third_level li a {
		padding: 0;
	}
	/*集團選單*/
	.corporation_all .inner {
		width: auto;
	}
	.corporation_ul .corporation_item a {
		padding: 0 10px;
	}
}
@media screen and (max-width: 1000px) {
	.breadcrumb {
		position: absolute;
		top: 0;
		left: 0;
		padding-bottom: 5px;
	}
	.main_block.single .breadcrumb {
		position: static;
	}
}
/*頁面980以內時*/

@media screen and (max-width: 980px) {
	/*主選單-第三層
    .nav_main_second_level_all .nav_main_third_level{ padding:0 125px 100px 0; height:auto;}
    .nav_main_second_level_all .nav_main_third_level .nav_main_third_level_block { width:125px; padding: 20px 0 0 10px; box-sizing: border-box;}*/
	/*子選單右邊區塊
    .nav_main_third_level .nav_main_third_level_links_block { position: absolute; top: 0; right: 0; bottom: 0; width: 105px; padding: 0; box-sizing: border-box;background-color: #f8f8f8;}
    .nav_main_third_level_links_block .nav_aside_ad { display: block; position: absolute; bottom: 0; right: 0;width: 105px;}
    .nav_main_third_level_links_block .nav_aside_ad img{ width:100%; height:auto;}
    .nav_main_third_level_links_block .figure_with_side_name { display: block;position: relative; width:65px; height: auto; padding:60px 20px 10px ; text-align:center;}
    .figure_with_side_name .icon_item, .figure_with_side_name .icon_item_hide{ display: inline-block; position: absolute; width: 60px; height: 60px; top:0; left:50%; margin: 0 -30px; }
    .figure_with_side_name span{ padding: 0 0 0; }
    .figure_with_side_name .icon_item_hide{ display: none;}
    .nav_main_third_level_links_block .nav_aside_ad img { display: block; }*/
	/*警語*/
	.bt_warnings {
		padding: 20px 5px 20px 0;
		box-sizing: border-box;
	}
	.bt_warnings img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	/*footer*/
	.footer .inner {
		margin: 15px 0 0 0;
		padding: 0;
		box-sizing: border-box;
		max-width: 800px;
		display: flex;
		flex-flow: row wrap;
	}
	.footer_link {
		text-align: left;
		display: inline-flex;
		height: 30px;
		line-height: 30px;
		flex-wrap: nowrap;
		align-self: flex-start;
		width: 100%;
	}
	.footer_link a {
		color: #fff;
		line-height: 30px;
	}
	.footer_link a::after {
		content: " | ";
		color: #fff;
		padding: 5px;
	}
	.footer_link a:last-child::after {
		content: none;
	}
	.footer_info {
		display: block;
	}
	.footer_info div.info_left, .footer_info div.info_right {
		width: 100%;
	}
	.footer_info div.info_left div, .footer_info div.info_right div {
		width: 100%;
		display: inline-flex;
	}
	.footer_info div.info_left div p, .footer_info div.info_right div p {
		font-weight: 500;
		display: block;
		width: 55px;
		padding-right: 2em;
		white-space: nowrap;
	}
	.footer_info div.info_left div span, .footer_info div.info_right div span {
		padding-right: 0;
		width: 100%;
		padding-left: 0;
	}
	.footer_info div.info_right div p.sp {
		width: 110px;
	}
	.footer_social {
		display: inline-flex;
		align-self: flex-start;
	}
	.footer_social div {
		width: 36px;
		padding: 0 15px 0 0;
	}
	.footer_copyright div {
		line-height: 1.3em;
		padding-bottom: .5em;
	}
}
/*小網*/

@media screen and (max-width: 980px) {
	/* pad */
	.m_block {
		display: block;
	}
	.m_hide {
		display: none;
	}
	/*header*/
	.m_header {
		height: 50px;
	}
	/*以下for 單純只有元大logo*/
	a.logo_company {
		left: 50%;
		margin-left: -80px;
		width: 180px;
		height: 50px;
		background-size: 180px auto;
	}
	.opemenu {
		display: inline-block;
		width: 50px;
		height: 50px;
	}
	.opemenu a {
		display: block;
		height: 50px;
		background: url(../images/icon_hamburger.png) center center no-repeat;
		background-size: 30px auto;
	}
	.menu-btn {
		position: absolute;
		top: 0;
		left: 0;
	}
	input[type="checkbox"]+label span {
		margin: -3px 5px 0 10px;
	}
	input[type="radio"]+label {
		margin-left: 10px;
	}
	input[type="checkbox"]+label.general span {
		margin: -5px 5px 0 5px;
	}
	/*header*/
	/*搜尋*/
	.nav_search, .nav_search .s_input {
		width: 180px;
	}
	.nav_search {
		right: 330px;
	}
	.s_input .in_box {
		width: 150px;
	}
	/*主選單-第二層*/
	.nav_main_second_level_all .nav_main_second_level>li a {
		padding: 0 10px;
	}
	.nav_main_second_level_all .nav_main_third_level {
		left: -25px;
		width: 160px;
	}
	.nav_main_second_level_all .nav_main_third_level li a {
		padding: 0;
		font-size: 14px;
	}
	/* footer */
	.footer .inner {
		max-width: 100%;
		width: 100%;
		padding: 0 15px;
	}
	.footer_link {
		text-align: left;
		width: auto;
		display: flex;
		height: auto;
		line-height: 25px;
		flex-wrap: wrap;
		align-self: flex-start;
		max-width: 100%;
	}
	.corporation_ul {
		padding: 0;
	}
	.corporation_ul .corporation_title {
		padding: 0 40px 0 0;
		text-align: left;
	}
	.corporation_ul .corporation_item a {
		padding: 0 3px;
	}
	.corporation_ul li:nth-child(1) {
		margin-left: -10px;
	}
	.corporation_ul li:nth-child(2) a {
		padding-left: 0;
	}
	.corporation_ul .corporation_item {}
	/*pop*/
	.pop {
		box-sizing: border-box;
	}
	.pop .userType li {
		width: 220px;
		margin: 0 10px;
	}
	/*常用功能-swiper-wrapper 分類滑動選單-*/
	/*熱門訊息*/
	.function_area .thumbs-cotnainer, .short_msg_area .thumbs-cotnainer {
		width: 100%;
		left: 0;
		margin-left: 0;
		background: #e4e4e4;
		background-image: none;
	}
	.function_area .func_tit {
		background: url(../images/bg_function_area_tit.png) right 0 no-repeat;
	}
}
@media screen and (max-width: 769px) {
	body {
		font-size: 16px;
		background: #fff;
	}
	.inner {
		padding: 0;
		max-width: auto;
	}
	.corporation_all {
		background: #0067b3;
		padding: 0;
		height: auto;
		line-height: 50px;
		text-align: center;
	}
	.corporation_all .inner {
		padding: 0;
	}
	.corporation_ul {
		padding: 0;
		text-align: center;
	}
	.corporation_ul .corporation_item a {
		padding: 0;
	}
	.corporation_ul .corporation_title {
		display: block;
		padding: 0 10px;
		font-size: 16px;
		cursor: pointer;
		background: #00599d;
		margin: 0;
		text-align: center;
	}
	.corporation_ul li {
		line-height: 51px;
	}
	.corporation_ul li:nth-child(1) {
		margin: 0;
	}
	.hide_icon {
		display: inline-block;
		font-size: 26px;
		font-weight: normal;
		vertical-align: middle;
		margin: 0 10px 0 0;
	}
	.corporation_ul .corporation_item {
		display: none;
		margin: 0;
		padding: 0 10px;
	}
	.corporation_ul .corporation_item.show {
		display: block;
		line-height: 20px;
	}
	.corporation_item a {
		line-height: 40px;
	}
	.nav_main_all .nav_main_hamburger {
		display: none;
	}
	.nav_main_all .nav_main_hamburger img {
		width: 35px;
		height: auto;
	}
	/*大圖輪播*/
	.shortcut_webbank {
		display: none;
	}
	.slides_bn .slick-dots {
		width: 300px;
		left: 50%;
		margin-left: -150px;
		text-align: center;
	}
	.slides_bn .slick-dots li {
		margin: 0 5px;
	}
	.slides_bn .slick-prev, .slides_bn .slick-next {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		-khtml-opacity: 0;
	}
	.block_section {
		padding: 20px 0 0;
	}
	.block_section.type2 {
		padding: 0;
	}
	/*-----------swiper-wrapper 分類滑動選單-----------*/
	/*頁籤樣式*/
	.thumbs-cotnainer {
		position: absolute;
		left: 0;
		text-align: center;
	}
	.thumbs-cotnainer_2 {
		height: auto;
	}
	.thumbs-cotnainer_2 .swiper-wrapper>div {
		width: 50%;
		min-width: auto;
		font-size: 14px;
	}
	.thumbs-cotnainer_2.m_tab_3 .swiper-wrapper>div {
		width: 33.3%;
	}
	/*警語*/
	.bt_warnings {
		width: 300px;
		min-height: 0;
		padding: 0;
		margin: 0 auto;
		/* background: url(../images/bn_warnings_m.png) center center no-repeat;*/
		background-size: contain;
	}
	.bt_warnings img.warn_web {
		display: none;
	}
	.bt_warnings img.warn_phone {
		display: block;
	}
	/*分頁*/
	/*for .Net C# 分頁*/
	.pagination li, .pagination li.PagedList-skipToPrevious, .pagination li.PagedList-skipToNext {
		margin: 0 auto;
	}
	/*輸入框*/
	input[type="checkbox"]+label.type31 {
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
	input[type="checkbox"]+label:last-child {
		margin-bottom: 0;
	}
	/*pop*/
	.pop {
		width: calc(100% - 20px);
		box-sizing: border-box;
		top: 100px;
		padding: 20px;
	}
	.pop .close {
		width: 100%;
	}
	/*.pop .close a {
		width: 24px;
		height: 24px;
		top: -60px;
		right: -20px;
		background-size: 24px auto;
	}*/
	.pop h6 {
		font-size: 20px;
		line-height: 25px;
	}
	.pop p {
		font-size: 14px;
		line-height: 22px;
	}
	.pop .userType li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.pop .userType .tit {
		width: 100%;
		height: 60px;
		padding: 0 15px;
		color: #fff;
		font-size: 18px;
		line-height: 60px;
	}
	.pop .userType .tit2 {
		width: 100%;
		height: 60px;
		padding: 0 15px;
		color: #fff;
		font-size: 18px;
		line-height: 60px;
	}
	.pop .userType .item {
		padding-top: 70px;
		padding-bottom: 10px;
	}
	.pop .userType .icon {
		width: 50px;
		height: 50px;
		top: 70px;
	}
	.pop .userType .icon_on {
		width: 50px;
		height: 50px;
		top: 70px;
	}
	.pop .userType .icon img, .pop .userType .icon_on img {
		width: 100%;
		height: auto;
	}
	.pop .btnArea a {
		/*background-color: #fff;*/
	}
	/*智慧搜尋*/
	.search_box {
		display: block;
		width: 50vw;
		height: auto;
		margin: 0 0 0 50%;
		border-left: 1px solid #5097d6;
		border-bottom: none;
	}
	.search_box_title {
		width: 50px;
		margin: 0 auto 40px -45px;
		font-size: 18px;
		line-height: 25px;
	}
	.search_box_filter {
		width: calc(100vw - 80px);
		margin: 0 0 20px calc(-100% + 40px);
	}
	.search_box_filter p {
		font-size: 21px;
	}
	.search_box_filter.search_select {
		background-image: none;
	}
	.search_box_filter .LiSelect span {
		border-color: #eee;
	}
	.search_box_btn {
		width: 100%;
	}
	.search_box_btn a {
		width: calc(100vw - 80px);
		height: auto;
		margin: 0 0 0 calc(-100% + 40px);
		padding: 0;
		line-height: 40px;
		font-size: 21px;
		background-size: auto 1.5em;
		background-position: calc(50% - 2.8em) center;
	}
	.m_hide {
		display: none;
	}
	.m_block {
		display: block;
	}
	.m_hide_01 {
		display: block;
	}
	.m_block_01 {
		display: none;
	}
}
@media (min-width:550px) and (max-width: 768px) {}
@media screen and (max-width: 600px) {
	.m_hide_01 {
		display: none;
	}
	.m_block {
		display: block;
	}
	.m_hide_01 {
		display: none;
	}
	.m_block_01 {
		display: block;
	}
}
@media screen and (max-width: 500px) {
    
    .pop.login .container-login{
    padding: 42px 16px;
    max-width:311px;
    height: auto;
    margin: auto auto;
} 
    
	.footer_link {
		height: auto;
		margin-top: 0px;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-self: flex-start;
		width: 100%;
	}
	.footer_social {
		display: inline-flex;
		align-self: flex-start;
	}
	.footer_social div {
		width: 35px;
		padding: 0 15px 0 0;
	}
	.m_hide {
		display: none;
	}
	.m_hide_01 {
		display: none;
	}
	.m_block {
		display: block;
	}
	input[type="checkbox"]+label span {
		margin: -3px 0 0 -22px;
	}
}