/*--------------------------------------------------------------
    01. header css here

		15. modal css here
		16. RWD css here
--------------------------------------------------------------*/
/*------ Theme default CSS ------*/
*,
*::after,
*::before {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

/*@font-face {
	font-family: Yantramanav;
	src: local(Yantramanav), url(Yantramanav.otf) format('opentype');
}

@font-face {
	font-family: Barlow;
	src: local(Barlow), url(Barlow.otf) format('opentype');
}

@font-face {
	font-family: NotoSans;
	src: local(NotoSans), url(NotoSans.otf) format('opentype');
}*/


body {
	line-height: 24px;
	font-family: 'Yantramanav','Barlow','NotoSans', '微軟正黑體', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	visibility: visible;
	color: #373737;
	background-image: url(../img/background/image-business-bg.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	margin-top: 0;
}

h1 {
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
}

h2 {
	font-size: 36px;
	line-height: 36px;
}

h3 {
	font-size: 28px;
	line-height: 30px;
}

h4 {
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
}

h5 {
	font-size: 14px;
	line-height: 18px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

p:last-child {
	margin-bottom: 0;
}

a,
button {
	color: inherit;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
}

button,
img,
input,
span {
	transition: all 0.3s ease 0s;
}

*:focus {
	outline: none !important;
}

a:focus {
	color: inherit;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #b99515;
}

button,
input[type='submit'] {
	cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
}

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

figure {
	padding: 0;
	margin: 0;
}

select {
	-webkit-appearance: none;
	border: none;
	border-radius: 0px;
	border-bottom: solid 0.7px #b99515;
	background-color: #f3f3f3;
	color: #4d4d4d;
	width: 100%;
	height: 100%;
	background: url(../img/icon/chevron-down-solid.svg) no-repeat scroll 95% center transparent;
	background-size: 10px;
}

.constrain-width {
	width: 255px;
	margin: 1rem auto 0px;
}

.center-select,
.center-select * {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

.center-select {
	display: block;
	position: relative;
}

.center-select__input {
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
	background: none;
	width: 100%;
	height: 39px;
}

.center-select__text {
	background: #fff;
	border: 1px solid #b99515;
	line-height: 39px;
	pointer-events: none;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.center-select__icon {
	line-height: 39px;
	pointer-events: none;
	position: absolute;
	right: 15px;
}

	.center-select__icon img {
		width: 10px;
	}


/* =========== checkbox =========== */
.form-check {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.form-check input[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 16px;
	width: 16px;
	margin-right: 5px;
}
	.form-check input[type=checkbox] + .checkmark {
		cursor: pointer;
		width: 16px;
		height: 16px;
		display: inline-block;
		border: 1px solid #bebebe;
		user-select: none;
		margin-right: 5px;
	}

	.form-check input[type=checkbox]:checked ~ .checkmark {
		background-color: #b5a050;
		border: unset;
	}
	.form-check .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

/*------ Common CSS ------*/
.row {
	margin-left: 0;
	margin-right: 0;
}

.fix {
	overflow: hidden;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
}

/* ============== button CSS start ============== */
.btn-primary {
	background-color: #b99515;
	border: none;
	padding: 9px 39px 12px 40px;
	border-radius: 0%;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:not(:disabled):not(.disabled):active {
	background: #dac67e;
	border-color: transparent;
	box-shadow: none;
	outline: none !important;
}
/* ============== button CSS end ============== */

/* ================= table start ================= */
table {
	font-size: 14px;
	text-align: justify;
	overflow-x: scroll;
}

	table thead tr th,
	table tbody tr td {
		border: 3px solid #fff;
	}

	table thead {
		background-color: #bebebe;
		color: #fff;
		font-weight: 600;
		text-align: center;
	}

tbody tr td {
	background-color: #f7f2df;
	color: #808080;
}

tbody .bg-bule {
	background-color: #ddecf3;
}


/*每月營收*/
.FinanceMonthTable table thead tr th,
.FinanceMonthTable table tbody tr td {
	border: unset;
}
.FinanceMonthTable table thead tr th {
	font-weight: 500;
}
.FinanceMonthTable table thead {
	border-top: solid 1px #dcdcdc;
	background-color: #f7f7f7;
	color: #bf9a0e;
	font-weight: 500;
	text-align: center;
}

.FinanceMonthTable tbody tr td {
	background-color: #fff;
	color: #535353;
}

.FinanceMonthTable tbody tr {
	border-bottom: solid 1px #eaeaea;
	text-align: right;
}


/*每月自結盈餘*/
.FinanceMplusTable table thead tr th,
.FinanceMplusTable table tbody tr td {
	border: unset;
}

.FinanceMplusTable table thead tr th {
	font-weight: 500;
	vertical-align: middle !important;
	padding-top: 7px;
	padding-bottom: 7px;
}

.FinanceMplusTable table thead {
	min-width: 120px;
	border-top: solid 1px #dcdcdc;
	background-color: #ddecf3;
	color: #678d9f;
	font-weight: 500;
	text-align: right;
}

	.FinanceMplusTable table thead tr th:first-child,
	.FinanceMplusTable table thead tr th:last-child {
		min-width: 100px;
		text-align: center;
	}

	.FinanceMplusTable thead th span {
		color: #757575;
		font-size: 14px;
	}

.FinanceMplusTable tbody tr td {
	background-color: #fff;
	color: #535353;
}

.FinanceMplusTable tbody tr {
	border-bottom: solid 1px #eaeaea;
	text-align: right;
}

/*股利*/
.dividendTable table thead {
	background-color: #fafafa;
	text-align: center;
	color: #808080;
}

.dividendTable table thead tr th {
	font-weight: 300;
	vertical-align: middle !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

	.dividendTable table thead tr:first-child th {
		font-weight: 500;
	}

		.dividendTable table thead tr:first-child th:last-child {
			font-weight: 300;
			background-color: #efefef;
		}

.dividendTable tbody tr td.year {
	background-color: #fff;
	color: #8b8b8b;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.39;
	letter-spacing: normal;
}

.dividendTable .table-stock > td,
.dividendTable .table-cash > td {
	background-color:#fff;
	padding: unset;
	padding-top: 10px;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.39;
	letter-spacing: normal;
	color: #686868;
}

.dividendTable .table-stock > td {
	padding-bottom: 10px;
}

	.dividendTable .table-stock > td.type,
	.dividendTable .table-cash > td.type {
		font-size: 16px;
	}

.dividendTable .table-stock > td > div {
	background-color: #f7f2df;
	width: 100%;
	height: 40px;
	padding-top: 7px;
	padding-bottom: 8px;
}
.dividendTable .table-cash > td > div {
	background-color: #eaf1f5;
	width: 100%;
	height: 40px;
	padding-top: 7px;
	padding-bottom: 8px;
}



/* ================= table end ================= */

/* header 保持最上層 */
.main_header {
	background-color: rgba(255, 255, 255, 0.8);
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100vw;
}

.navbar {
	padding: 0px 80px;
	height: 100px;
	border-bottom: solid 1px #b99516;
	display: flex;
	justify-content: space-between;
}

.header_contentbox {
	height: 100px;
}

.navbar .navbar-nav li {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #535353;
}



/* header 下拉選單 */

.dropdown-menu {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	margin-top: 0px !important;
	width: 100%;
	opacity: 0.85;
	background-color: #181818;
	padding-left: 80px;
	padding-right: 80px;
}
.dropdown-menu .menu {
	display: flex;
	justify-content: center;
	width: 100%;
}
.dropdown-menu .menu .menu_div {
	display: flex;
	justify-content: center;
	width: 70%;
}
.dropdown-content {
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff !important;
	padding: 0px !important;
	display: block;
	margin-bottom: 10px;
}

.dropdown-content:hover {
	font-weight: bold;
}
.dropdown-content.en {
	font-size: 14px !important;
	line-height: 1.41;
	color: #fff !important;
	margin-bottom: 10px;
}
/* 垂直分隔線 */
.v-divider {
	border-left: 1px solid #ffffff;
}

.navbar .change_language,
.navbar  .logo {
	width: 15%;
}
.navbar .collapse {
	width: 100%;
}
.navbar .navbar-nav {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navbar .navbar-nav li,
.menu .menu_section {
	width: 20%;
}

.navbar .change_language {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #bf9a0e;
}
.dropdwonArea {
	width: 70%;
	height: 100%;
	display:flex;
	text-align:center;
}

.dropdwonArea:hover .dropdown-menu {
	display: flex;
}

/* ================== header end ==================*/


/* ================== index start ==================*/

/* 輪播圖 */
ol.carousel-indicators {
	margin-bottom: 65px;
}

ol.carousel-indicators li.active {
	background-color: #b99515 !important;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
	background-color: #e2e2e2;
	width: 10px;
	height: 10px;
}

.carousel-item {
	/*z-index: -1;*/
}

.carousel-item img {
	height: 700px;
	object-fit: cover;
}

.carousel-caption {
	height: 70%;
	width: 25%;
	padding-left: 0px;
}

.carousel-caption h5 {
	font-size: 50px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: justify;
	color: #4c4b4b;
}

.carousel-caption p {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: justify;
	color: #575757;
	padding-top: 2%;
	padding-bottom: 8%;
}

.index_subtitle {
	font-size: 26px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.14px;
	text-align: center;
	color: #4d4d4d;
}
.index_subtitle_hr {
	border-bottom: solid 1px #b99516;
	width: 261px;
}
.introdction_area .content {
	margin-top: -90px;
}
.introdction_area .container {
	background-color: #ffffff;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.05);
}
.introdction_area .index_subtitle {
	background-color: #ffffff;
	padding-top: 33px;
}

.introdction_area .introdction_select {
	width: 774px;
	height: 160px;
	background-color: #ffffff;
	margin: 0 auto;
	margin-top: 40px;
}
.introdction_select .introdction_select_item {
	width: 258px;
	height: 161px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.introdction_select_item_img {
	height: 100px;
}
.introdction_select_title {
	margin-top: 14px;
	font-size: 22px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #808080;
}
.introdction_content_area {
	background-color: #ebebeb;
	padding-top: 70px;
}
.introdction_content {
	width: 774px;
	margin: 0 auto;
	padding-bottom: 66px;
}

.introdction_content .introdction_select_subtitle {
	font-size: 44.4px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.15px;
	color: #4d4d4d;
}
.introdction_content .introdction_select_subtitle_en {
	font-size: 40px;
	font-weight: 100;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.02px;
	color: #b3b3b3;
}
.introdction_content p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: 0.5px;
	color: #808080;
}
.corporate_bg {
	height: 680px;
	padding: 10px;
	background-color: #ebebeb;
}

.corporate_place {
	max-width: 1000px;
	margin: 0 auto;
}

.corporate_place button {
	height: 50px;
}

.corporate_img {
	width: 25rem;
	object-fit: contain;
	box-shadow: 20px 20px 3px #c0b192;
	align-self: center;
}

.corporate_list {
	width: 57%;
	display: flex;
	flex-direction: column;
}

.corporate_list > ul {
	margin-left: 60px;
	margin-top: 60px;
	padding-top: 30px;
	padding-left: 30px;
	background-color: #ffffff;
}

.corporate_list li {
	margin-bottom: 30px;
}

.corporate_list span {
	font-size: 20px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.88px;
	text-align: center;
	color: #4d4d4d;
}

.corporate_list .pc_text {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #a3a3a3;
	margin-left: 30px;
}

.investors_cards {
	width: 1120px;
	margin: 0 auto;
}

.investors_cards > .card {
	width: 360px;
}

.investors_cards > .card + .card {
	margin-left: 20px;
}

.investors_cards > .card > button {
	height: 45px;
}

.card-body {
	background-color: #f3f3f3;
	border: none;
}
.investors_cards.descript .card-body {
	padding: 34px 55px 10px;
}
.btn-primary {
	background-color: #b99515;
	border: none;
	padding: 9px 39px 12px 40px;
	border-radius: 0%;
}
.card-text {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #4d4d4d;
}

.investors_area .card {
	position: relative;
}
	.investors_area .card .cardSubtitle {
		position: absolute;
		width: 117px;
		height: 36px;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 8rem;
	}
	.investors_area .card.en .cardSubtitle {
		width: 210px;
		letter-spacing: 1.31px;
	}

	.investors_area .card.en .card-text:last-child {
		height: 65px;
		margin-top:30px;
		padding-bottom: unset;
	}
	.investors_area .card.en .card-body.descript {
		padding-bottom: unset;
	}

.list-group {
	height: 280px;
	background-color: #f3f3f3;
	border: none;
	border-top: unset !important;
}

.list-group li {
	background-color: #f3f3f3;
	border: none;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: center;
	color: #808080;
	padding: 0;
}

	.list-group li div {
		border-bottom: solid 1px #bf9a0e;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
		line-height: 30px;
		margin-top: 20px;
	}
	.list-group li:last-child div {
		border-bottom: unset;
	}

	.investors_area .card.en .list-group li div {
		width: 200px;
	}

.search_place {
	width: 1120px;
	padding: 25px 225px;
	background-color: #f3f3f3;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.search_place .search_input {
	width: 100%;
	margin-bottom: 1rem;
}

.search_place input {
	width: 100%;
	height: 47px;
	border: solid 1px #b99516;
	background-color: white;
	background-position: 3px;
	padding-left: 40px;
}

.search_place img {
	position: absolute;
	margin-top: 14px;
	margin-left: 10px;
}

.search_place select,
.search_place button {
	width: 32%;
	height: 40px;
}

	.search_place select {
		padding-left: 13px;
	}

.search_place .search_info {
	width: 48%;
	color: #808080;
	font-size: 12px;
}
.homeSilde1 {
	font-size: 30px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	color: #4c4b4b;
	margin-bottom:20px;
}
.carousel-caption p.homeSilde2 {
	font-size: 16px;
}
.introdction_content p.enContent {
	margin-top: 30px;
	line-height: 1.42;
}

/* ================== index end =====================*/


/*================== footer start ==================*/

.footer_first {
	margin-top: 100px;
	background-color: #5c5c5c;
	border-bottom: solid 1px #b99516;
	font-size: 18px;
	color: #ffffff;
	padding: 30px 100px;
}

.footer_first > div {
	padding-left: 20%;
	margin-right: -5%;
}

.footer_end {
	width: 100%;
	padding: 30px 100px;
	background-color: #4d4d4d;
	color: #9b9b9b;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.footer_end .white_text {
	font-size: 16px;
	color: #ffffff;
}
/*================== footer end ==================*/

/*================== happyWorkplace start ==================*/
.breadcrumb-item + .breadcrumb-item::before {
	content: url(../img/icon/icon-arrow-g.png);
}

.breadcrumb {
	background-color: transparent;
}

.breadcrumb-item {
	color: #808080;
}

.breadcrumb-item a {
	color: #808080;
}

	.breadcrumb-item:last-child a {
		font-weight: 500;
		color: #535353;
	}

	.breadcrumb-item a:hover {
		color: #b99516;
	}

.breadcrumb-item.active {
	font-weight: 500;
	color: #535353;
}

.page_content {
	padding-top: 50px;
	padding-bottom: 80px;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page_content .nav-tabs {
	border-bottom: #b99516 solid 1px;
}

.contentTitle {
	font-size: 41.5px;
	font-weight: 300;
	letter-spacing: 2.59px;
	color: #535353;
	position: relative;
}

.contentTitle span {
	height: 42px;
	padding-left: 40px;
	padding-right: 40px;
	border-bottom: #b99516 solid 1px;
}

.tab_select_link {
	font-weight: 300;
	color: #808080;
}

.tab_select_link.active{
	border-color: #b99516 !important;
}

.tab-content {
	width: 100%;
}

.tab-content_select {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
}
.tab-content_select button {
	height: 45px;
	font-size: 16px;
	font-weight: 300;
	line-height: 2.19;
	letter-spacing: 1px;
	text-align: center;
	color: #808080;
	border: #bebebe 1px solid;
}
.tab-content_select button.active {
	color: #fff;
	background-color: #bf9a0e;
	border: none;
}

/*================== happyWorkplace end ==================*/

/*================== news end ==================*/
.news_list {
	padding-left: 80px;
	padding-right: 80px;
	margin-top: 70px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.news_list li {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	border-bottom: solid 1px #eaeaea;
}

.news_list a {
	font-size: 16px;
	font-weight: 300;
	line-height: 2.81;
	letter-spacing: 0.89px;
	color: #808080;
}
	.news_list a img {
		opacity: 0.6;
	}

.news_list a:hover{
	color: #535353;
}

	.news_list a:hover img {
		opacity: 1;
	}
.pagination_area {
	margin-top: 40px;
}
.page-link {
	height: 40px;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 1.17px;
	color: #bebebe;
	border: none;
	border-radius: unset !important;
}
.page-item .page-link:hover {
	background-color: unset;
	color: #808080;
}
.page-item.active .page-link {
	background-color: unset;
	color: #bc9e5c;
	border: solid 1px #bc9e5c;
}
/*================== news end ==================*/

/*================== news_detail start ==================*/
.contentTitle a {
	position: absolute;
	left: 55px;
}
.news_detail{
	max-width: 900px;
	margin-top: 50px;
}
.news_detail .newsTime {
	text-align-last: right;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #808080;
}

.news_detail .newsTitle {
	margin-top: 15px;
	width: 100%;
	font-size: 26px;
	font-weight: 300;
	letter-spacing: 0.93px;
	color: #bf9a0e;
	padding-bottom: 18px;
	border-bottom: #dcdcdc 1px solid;
}

.news_detail .mediaIcon {
	margin-top: 15px;
	text-align-last: right;
}

.news_detail .newsImg {
	margin-top: 15px;
	background-color: #f7f7f7;
	text-align: center;
}
.news_detail .newsImg img {
	max-width: 450px;
}
.news_detail .newsContent p{
	margin-top: 25px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.56;
	letter-spacing: 0.89px;
	color: #808080
}
/*================== news_detail end ==================*/

/*================== internalAudit start ==================*/
.page_content_detail {
	max-width: 900px;
	margin-top: 20px;
}
.page_content_detail .paragraph {
	margin-top: 40px;
}
.page_content_detail .subtitle {
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: 3.07px;
	text-align: justify;
	color: #bf9a0e;
}
.page_content_detail p {
	margin-top: 13px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 1.79;
	letter-spacing: 0.58px;
	text-align: justify;
	color: #808080;
}
/*================== internalAudit end ==================*/

/*================== fraudReport start ==================*/
.fraudReport .page_content_detail {
	display: flex;
	flex-wrap: wrap;
}
.contact_info {
	width:50%;
	padding-right:15px;
	flex-grow: 1;
}
.fraudReport .page_content_detail .title {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #bf9a0e;
}

.fraudReport .page_content_detail .subtitle {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: 1px;
	color: #535353;
}

.fraudReport .page_content_detail p {
	margin-top: 0px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: 0.5px;
	color: #808080;
}
	.fraudReport .page_content_detail p.en {
		font-size: 14px;
		line-height: 1.57;
		letter-spacing: 0.88px;
	}

.fraudReport .page_content_detail .hint {
	margin-top: 63px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.64;
	letter-spacing: 0.78px;
	color: #c86464;
}
/*================== fraudReport end ==================*/

/*================== pc_tab start ==================*/
.nav {
	flex-wrap: nowrap;
}
.nav-link {
	padding-left: 5px;
	padding-right: 5px;
}
/*================== pc_tab end ==================*/


/*================== reportDownload start ==================*/
.reportDownload .survey_area,
.reportDownload .report_area,
.reportDownload .certificate_area {
	padding-top: 63px;
	padding-left: 60px;
	padding-right: 60px;
}
.reportDownload .question {
	margin-bottom: 33px;
}
.reportDownload .area_title {
	font-size: 36px;
	font-weight: 300;
	letter-spacing: 2.25px;
	color: #535353;
	margin-bottom: 48px;
}
.reportDownload .surveyDetailTitle {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1.13px;
	color: #808080;
}
.reportDownload .surveyDetailSelect {
	margin-top: 10px;
	padding-left: 13px;
	font-size: 18px;
	line-height: 1.94;
	letter-spacing: 1px;
	color: #808080;
}
.reportDownload .control_area {
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.reportDownload .control_area div {
	margin-bottom: 54px;
}
.survey_area_btn {
	width: 560px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.survey_area_btn .btn {
	width: 250px;
}
.reportDownload .report_area {
	background-color: #f3f3f3;
}
.certificateFile_place,
.reportFile_place {
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top: 85px;
}
.reportFile_place {
	border-top: solid 1px #bebebe;
	padding-top: 85px;
	justify-content: flex-start;
}
.certificateFile,
.reportFile {
	display: flex;
	flex-flow: column;
	flex-shrink: 1;
	padding-left: 5px;
	padding-right: 5px;
}
.reportFile {
	margin-bottom: 20px;
}
.certificateFile {
	max-width: 250px;
}
.certificateFile img {
	max-height: 150px;
}
.reportFile {
	width: 20%;
}
.certificateFileImg {
	margin-bottom: 25px;
}
.certificateFileImg,
.reportFileImg {
	position: relative;
	width: 100%;
}
	.certificateFileImg:before {
		content: "";
		display: block;
		padding-top: 50%;
	}
	.reportFileImg:before {
		content: "";
		display: block;
		padding-top: 143%;
	}
.certificateFileImg img,
.reportFileImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.reportDownload .btn{
	min-height: 45px;
}

/*================== reportDownload end ==================*/

/*================== InvestorRelations_FinanceArea start ==================*/

.annualReport {
	background-color: #f3f3f3;
	padding-left: 80px;
	padding-right: 80px;
	margin-top: 40px;
}
.annualReport .exhibit_area {
	height: 680px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.exhibit_area .descript_place,
.exhibit_area .img_place {
	width: 50%;
	
}
.exhibit_area .img_place img{
	width: 80%;
	object-fit: contain;
	box-shadow: 20px 20px 8px #c0b192;
}
.exhibit_area .descript_place {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.exhibit_area .descript_place .fileYear {
	font-size: 72px;
	font-weight: 100;
	letter-spacing: 4px;
	line-height: 110px;
	color: #808080;
}
.exhibit_area .descript_place .ch {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.83;
	letter-spacing: 6.13px;
	color: #808080;
}
.exhibit_area .descript_place .en {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.83;
	letter-spacing: 6.13px;
	color: #808080;
	margin-bottom: 54px;
}
	.exhibit_area .descript_place .en.enTitle {
		letter-spacing: 1.03px;
		margin-bottom: 6px;
	}
	.exhibit_area .descript_place .en.enSubtitle {
		font-size: 18px;
		letter-spacing: 4.5px;
	}
	.exhibit_area .descript_place .en.enTime {
		margin-bottom: 36px;
	}

.financeAreaFile {
	display: flex;
	flex-flow: column;
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #808080;
}

.financeArea_detail {
	display:flex;
	flex-flow:wrap;
	justify-content:start;
}

.financeArea_detail_single {
	width: 50%;
	border-bottom: solid 1px #dcdcdc;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.financeArea_detail_single.rightItem {
	border-left: solid 1px #dcdcdc;
}

.dataRow > div:nth-child(2n+1) {
	border-right: solid 1px #dcdcdc;
}

/*================== InvestorRelations_FinanceArea end ==================*/



/*================== CorporateGovernance start ==================*/

.companyProfileArea {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	padding-left: 20px;
	padding-right: 20px;
}

.companyProfileArea img{
	margin-top: 20px;
	margin-bottom: 20px;
}

.companyProfileArea p {
	font-size: 14px;
	line-height: 1.79;
	letter-spacing: 0.48px;
	color: #808080;
	text-align: justify;
	margin-bottom: 30px;
}

.companyProfileArea .goldTitle {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.55px;
	color: #bf9a0e;
	line-height: 1.79;
}

.companyProfileArea .blackTitle {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.55px;
	color: #535353;
	line-height: 1.79;
}

.companyRulesArea {
	max-width: 920px;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	flex-flow: wrap;
	justify-content:flex-start;
}
	.companyRulesArea .companyRulesItems {
		width: 50%;
		margin-top: 30px;
	}
		.companyRulesArea .companyRulesItems a {
			font-size: 18px;
			line-height: 1.89;
			letter-spacing: 2.97px;
			border-bottom: 1px solid #dcdcdc;
			color: #808080;
		}
	.companyRulesArea .companyRulesItems.enLink {
		display:flex;
	}

		.companyRulesArea .companyRulesItems.enLink i {
			padding-top: 0.3rem;
		}

		.companyRulesArea .companyRulesItems.enLink a {
			font-size: 16px;
			line-height: 1.63;
			letter-spacing: 0.5px;
			border-bottom: unset;
			padding-right: 20px;
		}

.internalAudit .enContent {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.5px;
	text-align: justify;
	color: #808080;
}

.moneyPrevention .type1 {
	margin-top: 80px;
}

	.moneyPrevention .type1:first-child {
		margin-top: 64px;
	}

.moneyPrevention .paragraph {
	padding-top: 50px;
}


.moneyPrevention p {
	color: #808080;
	text-align: justify;
}

.moneyPrevention a {
	border-bottom: #808080 1px solid;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.14;
	letter-spacing: 0.5px;
	text-align: justify;
	color: #808080;
}
	.moneyPrevention a:hover {
		color: #b99516;
	}
/*================== CorporateGovernance end ==================*/
/* ================= investorArea start ================= */
/*文件下載*/
.fileDownloadArea {
	max-width: 900px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
	.fileDownloadArea .searchPlace {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 30%;
	}
		.fileDownloadArea .searchPlace select {
			background-color: #fff;
			text-align: center;
			text-align-last: center;
			width: 70%;
		}

	.fileDownloadArea .fileDownloadList {
		margin-top: 20px;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

		.fileDownloadArea .fileDownloadList li {
			padding-left: 15px;
			padding-right: 15px;
			width: 100%;
			border-bottom: solid 1px #eaeaea;
		}

		.fileDownloadArea .fileDownloadList a {
			font-size: 16px;
			font-weight: 300;
			line-height: 2.81;
			letter-spacing: 0.89px;
			color: #808080;
		}

			.fileDownloadArea .fileDownloadList a:hover {
				color: #535353;
			}
/*聯絡窗口*/
.contactWindowArea {
	display: flex;
	flex-flow:wrap;
	max-width: 800px;
	margin-top: 55px;
	margin-left: auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
}
	.contactWindowArea .paragraph {
		width: 50%;
	}
		.contactWindowArea .paragraph .title.lastItem {
			margin-top: 70px;
		}
		.contactWindowArea .paragraph .title {
			font-size: 21px;
			letter-spacing: 0.5px;
			color: #bf9a0e;
			margin-bottom: 20px;
		}
		.contactWindowArea .paragraph .content {
			margin-bottom: 30px;
			padding-left: 23px;
		}
			.contactWindowArea .paragraph .content p {
				font-size: 16px;
				font-weight: 300;
				line-height: 1.75;
				letter-spacing: 0.5px;
				color: #808080;
				overflow-wrap: break-word;
			}
			.contactWindowArea .paragraph .content .subtitle {
				font-size: 18px;
				font-weight: 300;
				line-height: 1.75;
				letter-spacing: 0.56px;
				color: #535353;
			}
/*問答集QA*/
.qaArea {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
	.qaArea .qaItem {
		padding: 20px 53px;
		border-bottom: solid 1px #eaeaea;
	}
		.qaArea .qaItem .question {
			font-size: 18px;
			font-weight: 400;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #808080;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.qaArea .qaItem .question .questionText{
				flex-grow:1;
			}
			.qaArea .qaItem .question .qaIcon {
				font-size: 18px;
				font-weight: 500;
				font-stretch: normal;
				font-style: normal;
				line-height: 1.39;
				letter-spacing: normal;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #e0c664;
				color: #fff;
				width: 35px;
				height: 35px;
				margin-right: 27px;
			}
		.qaArea .qaItem .answer {
			font-size: 16px;
			font-weight: 300;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.75;
			letter-spacing: normal;
			color: #808080;
			padding-left: 62px;
			padding-top: 20px;
		}
[aria-expanded="false"] .iconOpen {
	display: inline;
}

[aria-expanded="false"] .iconClose {
	display: none;
}

[aria-expanded="true"] .iconOpen {
	display: none;
}

[aria-expanded="true"] .iconClose {
	display: inline;
}
[aria-expanded="false"] .qaIcon {
	opacity: 0.6;
}

[aria-expanded="true"] .qaIcon {
	opacity: 1;
}
/*股票資訊*/
.stockInformation {
	display: flex;
	flex-flow: column
}
	.stockInformation .singleItem {
		display: flex;
		width: 100%;
		margin-bottom: 45px;
	}

		.stockInformation .singleItem img {
			width: 15%;
			margin-right: 36px;
		}

		.stockInformation .singleItem p {
			font-size: 14px;
			line-height: 1.5;
			text-align: justify;
			color: #bebebe;
		}

		.stockInformation .singleItem .textArea {
			display: flex;
			flex-flow: column;
			justify-content: center;
		}
			.stockInformation .singleItem .textArea .title span {
				font-size: 21px;
				font-weight: 500;
				line-height: 1.05;
				letter-spacing: 1px;
				color: #bc9e5c;
				border-bottom: solid 1px #bc9e5c;
			}

			.stockInformation .singleItem .textArea .content {
				font-size: 18px;
				font-weight: 300;
				line-height: 1.39;
				letter-spacing: normal;
				color: #808080;
				margin-top: 5px;
			}

			.stockInformation.en .singleItem .textArea .title span {
				letter-spacing: 0.5px;
				margin-bottom: 7px;
			}

			.stockInformation.en .singleItem .textArea .content {
				font-size: 16px;
				line-height: 1.56;
			}


/* ================= investorArea end ================= */


/* ================= Directors start ================= */
/*董事會*/
.directorsArea {
	display: flex;
	justify-content: flex-end;
	flex-flow: wrap;
	max-width: 800px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 62px;
	margin-bottom: 37px;
}

.directorsCard {
	width: 50%;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 50px;
}
	.directorsCard img {
		width: 30%;
		max-width:170px;
		position: absolute;
		right: 2rem;
		top: 1.8rem;
	}

	.directorsCard .card-header {
		border-radius: 0px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		color: black;
		box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.12);
		background-color: white;
		padding: 24px 22px 18px;
		display: flex;
		flex-flow: column;
		border-bottom: unset;
	}
		.directorsCard .card-header span {
			width: 68%;
		}
		.directorsCard .card-header .position {
			margin-bottom: 8px;
			font-size: 18px;
			color: gray;
			min-height: 50px;
		}
	.directorsCard .card-body {
		padding: 24px 22px;
		box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.12);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
		.directorsCard .card-body .card-title {
			font-size: 16px;
			font-weight: 500;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.25;
			letter-spacing: normal;
			color: #4d4d4d;
		}
		.directorsCard .card-body .card-text {
			font-size: 14px;
			line-height: 1.43;
			color: #808080;
		}
		.directorsCard .card-body div{
			margin-bottom: 10px;
		}
		.directorsCard .card-body :first-child {
			width:70%;
		}
		.directorsCard .card-body :last-child {
			margin-bottom: 0px;
		}
.directorsTextArea {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
	.directorsTextArea .paragraph {
		margin-top: 36px;
	}
		.directorsTextArea .paragraph h3 {
			font-size: 20px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.44;
			letter-spacing: 3.07px;
			text-align: justify;
			color: #bf9a0e;
		}
		.directorsTextArea .paragraph p {
			padding-left: 23px;
		}
		.directorsTextArea .paragraph p,
		.directorsTextArea .paragraph li,
		.directorsTextArea .paragraph .subtitle {
			font-size: 14px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.79;
			letter-spacing: 0.58px;
			text-align: justify;
			color: #808080;
		}
			.directorsTextArea .paragraph .title {
				margin-top: 30px;
				padding-left: 23px;
			}
				.directorsTextArea .paragraph .title .content {
					padding-left: 28px;
				}
				.directorsTextArea .paragraph .subtitle {
					margin-top: 15px;
					padding-left: 23px;
					color: #535353;
				}
				.directorsTextArea .paragraph .subtitle .content {
					padding-left: 28px;
					display:flex;
					flex-flow:column;
				}
					.directorsTextArea .paragraph .subtitle .content .contentDetial {
						display:flex;
					}
						.directorsTextArea .paragraph .subtitle .content .contentDetial.type1 :first-child{
							width: 10%;
						}
						.directorsTextArea .paragraph .subtitle .content .contentDetial.type2 :first-child {
							width: 20%;
						}
						.directorsTextArea .paragraph .subtitle .content .contentDetial.type3 :first-child {
							width: 30%;
						}

	.directorsTextArea table {
		font-size: 14px;
		text-align: justify;
		overflow-x:scroll;
	}

		.directorsTextArea table thead tr th,
		.directorsTextArea table tbody tr td {
			border: 3px solid #fff;
		}
		.directorsTextArea table thead {
			background-color: #bebebe;
			color: #fff;
			font-weight: 600;
			text-align: center;
		}

		.directorsTextArea table tbody tr td {
			background-color: #f7f2df;
			color: #808080;
			text-align: center;
			min-width: 150px;
		}

		.directorsTextArea table .description {
			background-color: #ddecf3;
			text-align: left;
			min-width: 260px;
			padding-left: 13px;
		}

		.directorsTextArea table .date,
		.directorsTextArea table .title {
			background-color: #f7f2df;
			text-align: center;
			min-width: 80px;
			padding-left: unset !important;
		}

		.directorsTextArea table .point,
		.directorsTextArea table .outcome {
			background-color: #ddecf3;
			text-align: left;
			min-width: 220px;
			padding-left: 7px;
			padding-right: 7px;
		}
			.directorsTextArea table .point p,
			.directorsTextArea table .outcome p {
				padding-left: unset !important;
				text-align: left;
			}
		.directorsTextArea.en .paragraph h3 {
			text-align:left;
		}
		.directorsTextArea.en .paragraph .subtitle .content .contentDetial.type2 :first-child,
		.directorsTextArea.en .paragraph .subtitle .content .contentDetial.type3 :first-child {
			width: 70%;
		}

.selectFormArea .title {
	display: flex;
	align-items: center;
	padding: 40px 50px 30px;
}
	.selectFormArea .title .titleText {
		font-size: 21px;
		font-weight: 300;
		text-align: center;
		color: #808080;
	}
	.selectFormArea .title p {
		margin-bottom: unset;
	}
	.selectFormArea .title .titleSelect {
		margin-left: 15px;
		min-width: 100px;
		border-bottom: solid 0.7px #b99515
	}

.resultArea {
	padding: 30px 60px;
}

.selectFormAreaForm {
	min-width: 700px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.selectFormAreaFormTitle {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.39;
	letter-spacing: normal;
	color: #8b8b8b;
}
/* ================= Directors end ================= */

/* ================= About start ================= */
.aboutContent {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.79;
	letter-spacing: 0.48px;
	color: #969696;
}
	.aboutContent img {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.aboutContent .listTitle {
		color: #bf9a0e;
		font-size: 24px;
		line-height: 1.08;
		letter-spacing: 4.09px;
	}

	.aboutContent .listTitleBlack {
		color: #535353;
		font-size: 24px;
		line-height: 1.08;
		letter-spacing: 4.09px;
	}
	.aboutContent .listType1 {
		display:flex;
		flex-flow: column;
		margin-top: 110px;
	}

		.aboutContent .listType1 .singleList {
			display: flex;
			border-top: solid 1px #b99516;
			padding: 30px 17px;
			
		}
			.aboutContent .listType1 .singleList .singleListYear {
				font-size: 24px;
				font-weight: 500;
				color: #b99516;
				text-align: center;
				width: 15%;
				display:flex;
				align-items: center;
				justify-content:center;
			}
			.aboutContent .listType1 .singleList .singleListText {
				font-size: 14px;
				font-weight: 500;
				line-height: 1.79;
				letter-spacing: 0.78px;
				color: #8b8b8b;
				width: 85%;
				display: flex;
				flex-flow:column;
				justify-content: center;
			}
			.aboutContent .listType1 .singleList .singleListText p{
				margin-bottom: 5px;
			}

	.aboutContent .listType2 {
		display: flex;
		flex-flow: column;
		margin-top: 70px;
	}
		.aboutContent .listType2 .singleList {
			display: flex;
			flex-flow: column;
			align-items: flex-start;
			margin-top: 41px;
		}
			.aboutContent .listType2 .singleList .singleListTitle {
				margin-bottom: 20px;
			}
				.aboutContent .listType2 .singleList .singleListText {
					text-align: left;
					color: #808080;
					font-size: 18px;
					line-height: 1.44;
					letter-spacing: 3.07px;
					color: #808080;
				}

	.aboutContent .listType3{
		display: flex;
		flex-flow: column;
	}
		.aboutContent .listType3 .singleList {
			display: flex;
			padding: 30px;
			border-bottom: solid 1px #dcdcdc;
		}

			.aboutContent .listType3 .singleList:last-child {
				border-bottom: unset;
			}

		.aboutContent .listType3 .singleList .listImg {
			display: flex;
			align-items: center;
			justify-content:center;
			width: 15%;
		}
		.aboutContent .listType3 .singleList .listText {
			display: flex;
			flex-flow: column;
			align-items: flex-start;
			justify-content: center;
			padding-left: 60px;
			width: 85%;
		}
			.aboutContent .listType3 .singleList .listText .textContent {
				padding-top: 20px;
				padding-left: 20px;
				text-align: left;
				color: #808080;
				font-size: 18px;
				line-height: 1.44;
				letter-spacing: 3.07px;
				color: #808080;
			}
	.aboutContent .glory {
		display:flex;
		flex-flow: wrap;
	}
		.aboutContent .glory .gloryItem {
			width: 50%;
			padding-left: 30px;
			margin-top: 40px;
		}
			.aboutContent .glory .gloryItem.right {
				border-left: solid 1px #dcdcdc;
				padding-left: 1px;
				display:flex;
				justify-content:right;
			}

			.aboutContent .glory .gloryItem > div {
				width: 99%;
				height: 100%;
				padding-bottom: 12px;
				border-bottom: solid 1px #b99516;
			}

			.aboutContent .glory .gloryItem.right > div {
				padding-left: 20px;
			}

			.aboutContent .glory .gloryItem .gloryItemText {
				padding-left: 20px;
				margin-top: 16px;
				font-size: 21px;
				line-height: 1.71;
				letter-spacing: 3.58px;
				color: #535353;
			}

		.aboutContent .glory.en .gloryItem {
			width: 100%;
			margin-top: 30px;
		}
			.aboutContent .glory.en .gloryItem .listTitle {
				font-size: 21px;
				line-height: 1.24;
				letter-spacing: 0.88px;
			}

			.aboutContent .glory.en .gloryItem .gloryItemText {
				font-size: 21px;
				line-height: 1.24;
				letter-spacing: 0.88px;
				color: #535353;
				display: flex;
			}

				.aboutContent .glory.en .gloryItem .gloryItemText :first-child {
					width: 30%
				}
				.aboutContent .glory.en .gloryItem .gloryItemText :last-child {
					width: 70%
				}

				.aboutContent .glory.en .gloryItem .gloryItemText .enContent {
					font-size: 18px;
				}

	.aboutContent .enContent {
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.86;
		letter-spacing: 0.5px;
		text-align: justify;
		color: #808080;
	}
	.aboutContent p {
		text-align: justify;
	}
/* ================= About end ================= */


/* ================= CSR start ================= */
.csrContent {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.79;
	letter-spacing: 0.48px;
	text-align:justify;
	color: #969696;
}
	.csrContent img {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.csrContent .title {
		color: #c8af00;
		font-size: 16px;
		margin-top: 25px;
	}
	.csrContent .titleBlack {
		color: #535353;
		font-size: 16px;
		margin-top: 15px;
	}

	.csrContent .type1 {
		display: flex;
		flex-flow: wrap;
	}
		.csrContent .type1 .type1Text,
		.csrContent .type1 > img {
			width: 100%;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.csrContent .type1Text> img {
			margin-top: 0px;
			margin-bottom: 0px;
		}

	.csrContent .type2 {
		display: flex;
		flex-flow: wrap;
	}
		.csrContent .type2 .type2Text {
			width: 80%
		}

		.csrContent .type2 img {
			width: 20%;
			margin-top: 0px;
			margin-bottom: 0px;
		}

	.csrContent .discStyle {
		list-style-type: disc;
		padding-left: 20px;
		margin-bottom: 10px;
	}
/* ================= CSR end ================= */

/* ================= StakeHolder start ================= */
.StakeHolder {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	flex-flow: wrap;
}
	.StakeHolder .StakeHolder_left,
	.StakeHolder .StakeHolder_right {
		width: 50%;
		flex-grow: 1;
	}
	.StakeHolder .singleInfo {
		margin-bottom: 40px;
	}
		.StakeHolder .singleInfo .title {
			font-size: 21px;
			letter-spacing: 0.5px;
			color: #bf9a0e;
		}
		.StakeHolder .singleInfo .infoDetail {
			margin-left: 23px;
			margin-top: 15px;
			font-size: 16px;
			font-weight: 300;
			line-height: 1.75;
			letter-spacing: 0.5px;
			color: #808080;
		}
			.StakeHolder .singleInfo .infoDetail .name {
				margin-right: 10px;
				font-size: 18px;
				letter-spacing: 0.56px;
				color: #535353;
			}
	.StakeHolder .StakeHolder_bottom {
		width: 100%;
		font-size: 18px;
		font-weight: 300;
		line-height: 1.56;
		letter-spacing: 0.56px;
		color: #535353;
	}
.StakeHolder-web-hidden {
	display: none
}

/* ================= StakeHolder end ================= */
.insideContainer {
	min-width: 700px;
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	flex-flow: wrap;
}
/* ================= guidedTour start ================= */
.guidedTour .singleArea {
	margin-bottom: 80px;
	width: 33%;
	flex-grow: 1;
	padding-left: 5rem;
}
	.guidedTour .singleArea .title {
		font-size: 26px;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 2.01;
		letter-spacing: normal;
		color: #808080;
	}

	.guidedTour .singleArea .subContent {
		font-size: 18px;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.56;
		letter-spacing: normal;
		color: #808080;
	}

		.guidedTour .singleArea .subContent .subTitle {
			font-size: 21px;
			font-weight: 300;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.3;
			letter-spacing: normal;
			color: #bf9a0e;
			margin-top: 10px;
			min-height: 3rem;
		}
/* ================= guidedTour end ================= */

/* ================= contactUs start ================= */
.contactUs .surveyDetail {
	margin-top: 50px;
}
	.contactUs .surveyDetail .question {
		margin-bottom: 25px;
	}

		.contactUs .surveyDetail .question .surveyDetailTitle {
			font-size: 18px;
			font-weight: 500;
			letter-spacing: 1.13px;
			color: #808080;
			margin-bottom: 10px;
		}
		.contactUs .surveyDetail .question .form-check-label {
			font-size: 18px;
			line-height: 1.94;
			letter-spacing: 1px;
			color: #808080;
		}
		.contactUs .surveyDetail .question .surveyDetailSelect {
			padding-left:15px;
		}
		.contactUs .surveyDetail .question input,
		.contactUs .surveyDetail .question textarea {
			border: solid 1px #bebebe;
			border-radius:2px;
		}
::placeholder {
	color: #bebebe;
}
		.contactUs .surveyDetail .question .textInput {
			min-height: 45px;
			width: 50%;
		}
.contactUs .control_area {
	margin-top:25px;
	width: 100%;
	display:flex;
	flex-flow: column;
	align-items: center;
}
	.contactUs .control_area div:first-child {
		margin-bottom: 35px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1.13px;
		color: #808080;
	}
/* ================= contactUs end ================= */

/* ================= related start ================= */
.related {
	margin-top: 52px;
	display: flex;
	flex-flow: column;

}
	.related .placeArea {
		margin-top: 80px;
		margin-left: 60px;
		margin-right: 60px;
	}
		.related .placeArea:first-child {
			margin-top: 0px;
		}

		.related .placeArea .title {
			font-size: 26px;
			font-weight: 500;
			letter-spacing: 1.14px;
			text-align: center;
			color: #4d4d4d;
			border-bottom: solid 1px #b99516;
			padding-bottom: 28px;
			text-align: center;
			width: 260px;
			margin-left: auto;
			margin-right: auto;
		}

		.related .placeArea .listType1,
		.related .placeArea .listType2,
		.related .placeArea .listType3 {
			display: flex;
			flex-flow: column;
			margin-top: 50px;
		}
		.related .placeArea .singleList {
			display: flex;
			width: 100%;
			justify-content: space-between;
			align-items: center;
			padding: 25px 15px;
			border-top: solid 1px #b99516;
		}
		.related .placeArea .singleList:last-child {
			border-bottom: solid 1px #b99516;
		}

		.related .placeArea .listType1 .singleList .company {
			width: 40%;
			font-size: 22px;
			font-weight: 500;
			color: #848484;
		}
		.related .placeArea .listType1 .singleList .companyEn {
			width: 40%;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.11;
			color: #a4a4a4;
		}
		.related .placeArea .listType1 .singleList .btn {
			width: 15%;
			border-radius: unset;
			height: 48px;
		}

		.related .placeArea .listType2 .singleList .country {
			width: 15%;
			font-size: 24px;
			font-weight: 500;
			color: #b99516;
			text-align: center;
		}

		.related .placeArea .listType2 .singleList .company {
			width: 40%;
			font-size: 22px;
			font-weight: 500;
			color: #848484;
		}

		.related .placeArea .listType2 .singleList .companyEn {
			width: 40%;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.11;
			color: #a4a4a4;
		}

		.related .placeArea .listType2 .singleList .btn {
			width: 15%;
			border-radius: unset;
			height: 48px;
		}


		.related .placeArea .listType3 .singleList .country {
			width: 22%;
			font-size: 24px;
			font-weight: 500;
			color: #b99516;
			text-align: left;
		}

		.related .placeArea .listType3 .singleList .companyEn {
			width: 63%;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.11;
			color: #a4a4a4;
		}

		.related .placeArea .listType3 .singleList .btn {
			width: 15%;
			border-radius: unset;
			height: 48px;
		}
/* ================= related end ================= */

/* ================= EN mode start ================= */
.homeSlide1 {
	font-size: 34px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: justify;
	color: #4c4b4b;
}
#divShareHolderMeeting ul > li {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: 0.43px;
	text-align: justify;
	color: #535353;
}
#divShareHolderMeeting li.bg-light {
	color: #808080;
}
/* ================= EN mode end ================= */


/* ================= Invest Fact Sheet start ================= */
.bg-yellow {
	background-color: #f7f1dd;
}
.bg-gray {
	background-color: #efefef;
}
.bg-blue {
	background-color: #ddecf3;
	color: #7299ac;
}
.bg-green {
	background-color: #dbedd3;
	color: #83ac72;
}
.InvestorFactSheetFile
 {
	margin-left:70%;
	margin-top:-30px;
 }
.InvestorFactSheet  {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.79;
	letter-spacing: 0.48px;
	color: #969696;
}

	.InvestorFactSheet  .title {
		color: #bf9a0e;
		font-size: 18px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.InvestorFactSheet  .border-radius-5 {
		border-radius: 5px;
	}
	.InvestorFactSheet  .people {
		min-height: 94px;
		font-size: 21px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 1px;
		text-align: justify;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 35px;
		color: #808080;
	}
		.InvestorFactSheet  .people .highlight {
			font-size: 36px;
			font-weight: 900;
		}

	.InvestorFactSheet  .financialHighlights {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.InvestorFactSheet  table {
		width: 45%;
	}
		.InvestorFactSheet  table thead {
			background-color: unset;
			color: #e0c664;
			font-size: 14px;
		}
		.InvestorFactSheet  table thead tr th,
		.InvestorFactSheet  table tbody tr td {
			border: unset;
			text-align: center;
			border-bottom: 3px solid #fff;
		}
		.InvestorFactSheet  table tbody tr td {
			color: #808080;
			font-size: 16px;
			font-weight: bold;
			height: 40px;
		}
			.InvestorFactSheet  table thead tr th:first-child,
			.InvestorFactSheet  table tbody tr td:first-child {
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				text-align: left;
				font-size: 14px;
				font-weight: normal;
				padding-left:0.5rem;
			}
			.InvestorFactSheet  table thead tr th:last-child,
			.InvestorFactSheet  table tbody tr td:last-child {
				border-top-right-radius: 5px;
				border-bottom-right-radius: 7px;
			}

	.InvestorFactSheet .financialHighlights .imgGroup {
		width: 25%;
		padding: 25px 10px 0px;
		text-align: center;
		font-size: 12px;
		color: #808080;
		display:flex;
		flex-flow: column;
	}
		.InvestorFactSheet .financialHighlights .imgGroup div:last-child {
			flex-grow:1;
			display:flex;
			align-items: center;
			justify-content: center;
		}

	.InvestorFactSheet .coreProductsItem {
		text-align: center;
		width: 25%;
	}
		.InvestorFactSheet .coreProductsItem div:first-child {
			height: 80%;
		}
		.InvestorFactSheet .coreProductsItem div:last-child {
			height: 20%;
			display:flex;
			align-items: center;
			justify-content:center;
		}

	.InvestorFactSheet .outstandingItems {
		flex-grow: 1;
		display: flex;
		letter-spacing: 0.44px;
		align-items: center;
		min-height: 70px;
		margin: 5px 10px;
		padding: 15px 20px;
		text-align: left;
	}
		.InvestorFactSheet .outstandingItems img {
			height: 50px;
			width:36px;
			margin-right:10px;
		}

		.InvestorFactSheet .outstandingItems > div div:first-child {
			font-size: 21px;
			font-weight: bold;
			line-height: 1.08;
			letter-spacing: normal;
			text-align: left;
		}

		.InvestorFactSheet .outstandingItems > div > div.font-20 {
			font-size: 20px;
		}

		.InvestorFactSheet .outstandingItems > div > div.font-185 {
			font-size: 18.5px;
		}


	.InvestorFactSheet .left {
		width: 55%;
		padding-right: 15px;
	}

		.InvestorFactSheet .left .Item {
			min-height: 50px;
			padding: 8px 17px;
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			font-size: 16px;
			font-weight: bold;
			letter-spacing: normal;
			line-height: 1.25;
		}

			.InvestorFactSheet .left .Item img.bg-blue{
				width: 42px;
				height: 45px;
				margin-right: 15px;
			}
			.InvestorFactSheet .left .Item img.bg-green {
				width: 50px;
				height: 52px;
				margin-right: 10px;
			}

	.InvestorFactSheet .right {
		flex-grow: 1;
	}
		.InvestorFactSheet .right .imgGroup {
			min-height: 50px;
			padding: 14px 10px 20px;
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;
			background-color: #fafafa;
		}

		.InvestorFactSheet .right .imgGroup .imgArea {
			background-color: #fff;
			padding: 33px 8px;
			margin-bottom: 20px;
		}

	.InvestorFactSheet .shareDetails {
		background-color: #f3f3f3;
		padding: 30px 22px 20px;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.79;
		letter-spacing: 0.44px;
		color: #808080;
	}
		.InvestorFactSheet .shareDetails > div {
			width: 50%;
			padding: 0px 5px;
		}
	.InvestorFactSheet .discStyle {
		list-style-type: disc;
		padding-left: 20px;
		margin-bottom: 10px;
	}

	.InvestorFactSheet .ourMarketsItem {
		width: 32%;
		font-size: 15.7px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.11;
		letter-spacing: normal;
		color: #808080;
		text-align: left;
		margin-bottom: 15px;
	}
		.InvestorFactSheet .ourMarketsItem .subTitle {
			font-size: 24px;
			font-weight: 300;
			line-height: 0.73;
			color: #bebebe;
		}

		.InvestorFactSheet .ourMarketsItem .subTitle,
		.InvestorFactSheet .ourMarketsItem .list {
			padding-bottom: 25px;
			margin-bottom: 25px;
			border-bottom: solid 0.9px #b99516;
		}

	.InvestorFactSheet .historyItem {
		position:relative;
		background-color: #fafafa;
		width: 32%;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.64;
		letter-spacing: normal;
		text-align: justify;
		color: #808080;
		border-left: solid 2px #e0c664;
		padding: 5px 10px;
		height: fit-content;
	}

		.InvestorFactSheet .historyItem .historyItemDetail {
			margin-bottom: 20px;
		}

#triangle-down {
	position: absolute;
	left: -11px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #e0c664;
	z-index:1;
}

.br-lg-only {
	display: none;
}

/* ================= Invest Fact Sheet end ================= */

/* RWD */
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	.left .item {
		max-width: 29.3%;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1680px) {
	.container {
		max-width: 1200px;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
	.logo {
		max-width: 15.3em;
	}

	.left .item {
		max-width: 29.2%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.logo {
		max-width: 15em;
	}

	.left .item {
		max-width: 29.2%;
	}
}

@media (min-width: 992px) {
	.br-lg-only {
		display: inline;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.InvestorFactSheet .outstandingItems > div > div.font-20 {
		font-size: 19.5px;
	}
	.InvestorFactSheet .outstandingItems > div > div.font-185 {
		font-size: 18px;
	}

	.btn-primary,
	.btn-outline-primary {
		font-size: 15px;
		padding: 0 18px;
	}

	/* Index */
	.corporate_place {
		width: auto;
	}

	.investors_cards,
	.search_place {
		width: auto;
		margin: 0 20px;
	}

		.investors_area .card .cardSubtitle {
			top: 6rem;
		}

	.investors_cards.descript .card-body {
		padding: 34px 20px 10px;
	}
	/* Index */

	/* ================= Invest Fact Sheet start ================= */
		.InvestorFactSheet .people {
			flex-flow: column;
			justify-content: center;
			align-items: flex-start;
			text-align: left;
			line-height: 40px;
		}
		
		.InvestorFactSheetFile
		 {
			margin-left:60%;
			margin-top:-30px;
		 }
	/* ================= Invest Fact Sheet end ================= */
}

@media only screen and (min-width: 992px) {
	.m_header,
	.m_button,
	.m_text,
	.m_search,
	.bottomPanel,
	.m_footer,
	.m_special,
	.widget_categories,
	.m_filter,
	.m_hr,
	.m_select,
	.m_addCart,
	.m_activity,
	.m_share,
	.m_searchR {
		display: none !important;
	}
}

@media only screen and (max-width: 991px) {
	.pc_header,
	.header_bottom,
	.slider_content,
	.pc_special,
	.pc_footer,
	.breadcrumbs_area,
	.pc_sidebar,
	.pc_tab,
	.pc_mount,
	.pc_product_pic,
	.product_variant.quantity .pc_select,
	.product_variant.quantity .input-group,
	.pc_hr,
	.pc_text,
	.pc_button,
	.product_share,
	.pc_activity,
	.search_condition {
		display: none;
	}

	h3 {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}

	.sticky-header.sticky {
		padding: 18px 0 15px;
	}

	.logo {
		width: 12em;
	}

	.header_middle {
		border-bottom: 0;
	}

	.container {
		padding-left: unset;
		padding-right: unset;
	}

	/* Index */
	#menuBar .toggler {
		margin: 12px 16px;
		width: 20px;
		height: 20px;
	}

	#menuBar .language {
		background-color: #fafafa;
		height: 57px;
		font-size: 12px;
		padding: 15px 20px 15px 0;
	}

	#menuBar .links {
		height: 100%;
		background-color: #fafafa;
	}

	#menuBar .links li {
		padding-left: 10%;
		height: 54px;
		border-top: 1px solid #979797;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
		#menuBar .links.en li {
			font-size: 16px;
			height: 60px;
			line-height: 1.13;
		}

		#menuBar .links li img{
			display:none;
			float: right;
		}

		#menuBar .links li.active img {
			float: right;
			display: block;
		}

	#menuBar .links_second {
		height: 100%;
		background-color: #a3a3a3;
	}

	#menuBar .links_second li {
		padding-left: 10%;
		height: 54px;
		color: #fff;
		display: flex;
		align-items: center;
	}
		#menuBar .links_second.en li {
			font-size: 14px;
			height: 60px;
			line-height: 1.29;
		}
	.navbar .logo {
		width: 50%;
	}

	.main_header {
		border-bottom: solid 1px #d2d2d2;
		background-color: #4d4d4d;
	}


	.navbar {
		height: 57px;
		padding-left: 22px;
		padding-right: 22px;
		background-color: #4d4d4d !important;
	}
	.header_contentbox{
		height: 57px;
	}
	.carousel button {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
	}

	.carousel-caption {
		left: 20px;
	}

	.carousel-caption h5 {
		font-size: 32px;
	}

	.introdction_area {
		margin-top: 60px !important;
	}

	.introdction_area .introdction_select {
		width: 100%;
		margin-top: 0;
	}

	.introdction_select .introdction_select_item {
		width: 33%;
	}

	.introdction_select .introdction_select_item .introdction_select_item_img {
		line-height: 100px;
	}

	.introdction_select .introdction_select_item img {
		max-width: 50%;
	}

	.introdction_select_title {
		margin-top: 0;
		font-size: 16px;
	}

	.introdction_content_area {
		padding-top: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.introdction_content {
		width: 100%;
	}

	.corporate_place {
		margin: 0 40px;
	}

	.corporate_list > ul {
		background-color: transparent;
	}

	.footer_first {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
	}

	.footer_first > div {
		padding-left: 0;
		margin-right: 0;
	}

	.footer_end {
		padding: 20px;
		font-size: 12px;
		flex-direction: column;
	}

	.footer_end .white_text {
		font-size: 12px;
		color: #ffffff;
	}

	.investors_cards {
		width: auto;
		overflow-x: auto;
		margin: 0 20px;
	}

	.investors_cards > .card {
		width: 288px;
		flex-shrink: 0;
	}
	.investors_area .card .cardSubtitle {
		top: 5.8rem;
	}

	.search_place {
		width: auto;
		margin: 0 20px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.search_place {
		padding-left: 5%;
		padding-right: 5%;
	}

	.search_place select {
		width: 48%;
		margin-bottom: 1rem;
	}

	.search_place button {
		width: 48%;
	}

	.corporate_list > ul.enContent {
		margin-left: 30px;
		padding-left: 0px;
		width: 100%;
	}

	.corporate_list span.enContent {
		font-size: 14px;
	}
	.navbar:hover .dropdown-menu {
		display: none;
	}
	/* Index */

	/*================== happyWorkplace start ==================*/
	.contentTitle span {
		height: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.tab_select_area select {
		margin: 1rem auto 0px;
		width: 255px;
		height: 39px;
		text-align-last: center !important;
		border: solid 1px #b99515;
		background-color: #fff;
		text-align: center;
	}

	.tab-content_select {
		width: auto;
		overflow-x: auto !important;
	}

	.tab-content_select button {
		margin-right: 5px;
		width: 110px !important;
		flex-shrink: 0 !important;
	}
	
	/*================== happyWorkplace end ==================*/

	/*================== news start ==================*/

	.news_list {
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 30px;
	}

	.news_list a {
		font-size: 14px;
		line-height: 2.81;
		letter-spacing: 0.89px;
		color: #808080;
	}
	/*================== news end ==================*/

	/*================== news_detail start ==================*/
	.contentTitle a {
		position: absolute;
		left: 20px;
	}
	.contentTitle img {
		width: 4rem;
	}

	.news_detail {
		padding-left: 50px;
		padding-right: 50px;
	}

	.news_detail .newsTime {
		font-size: 16px;
	}

	.news_detail .newsTitle {
		font-size: 24px;
	}

	.news_detail .mediaIcon img {
		width: 1.5rem;
	}


	.news_detail .newsImg img {
		max-width: 40%;
	}

	.news_detail .newsContent p {
		font-size: 14px;
	}

	/*================== news_detail end ==================*/

	/*================== internalAudit start ==================*/
	.page_content_detail {
		padding-left: 40px;
		padding-right: 40px;
	}
	/*================== internalAudit end ==================*/
	/*================== fraudReport start ==================*/
	.contact_info {
		width: 100%;
	}

	/*================== fraudReport end ==================*/

	/*================== reportDownload start ==================*/
	.certificateFile_place,
	.reportFile_place {
		justify-content: start;
	}

	.certificateFile_place .btn,
	.reportFile_place .btn {
		font-size: 12px;
	}

	.certificateFile {
		width: 50%;
	}

	.reportFile {
		width: 33%;
	}

	.reportFile .btn {
		padding-left: unset;
		padding-right: unset;
	}


	/*================== reportDownload end ==================*/

	/*================== InvestorRelations_FinanceArea start ==================*/

	.annualReport {
		padding-left: 30px;
		padding-right: 30px;
	}

	.annualReport .exhibit_area {
		height: 480px;
	}

	.exhibit_area .descript_place .fileYear {
		font-size: 50px;
		line-height: 80px;
	}

	.exhibit_area .descript_place .ch {
		font-size: 20px;
	}

	.exhibit_area .descript_place .en {
		font-size: 18px;
		margin-bottom: 36px;
	}

	.exhibit_area .descript_place .enTitle {
		font-size: 18px;
		margin-bottom: 36px;
	}

	.financeAreaFile {
		padding-left: 10px;
		padding-right: 10px;
	}
	/*================== InvestorRelations_FinanceArea end ==================*/

	

	/*================== CorporateGovernance end ==================*/

	.companyRulesArea {
		max-width: 700px;
	}

		.companyRulesArea .companyRulesItems {
			width: 50%;
			margin-top: 30px;
		}

			.companyRulesArea .companyRulesItems a {
				font-size: 16px;
			}
	/*================== CorporateGovernance end ==================*/


	/* ================= investorArea start ================= */
	.fileDownloadArea .searchPlace {
		padding-left: 20px;
		padding-right: 20px;
		width: 40%
	}
	.fileDownloadArea .fileDownloadList {
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 30px;
	}

		.fileDownloadArea .fileDownloadList a {
			font-size: 14px;
			line-height: 2.81;
			letter-spacing: 0.89px;
			color: #808080;
		}

	/* ================= investorArea end ================= */

	/* ================= Directors start ================= */
	.directorsTextArea {
		max-width: 620px;
	}
	/* ================= Directors end ================= */


	/* ================= About start ================= */
	.aboutContent .glory.en .gloryItem .gloryItemText {
		display: flex;
		flex-flow: column;
	}

		.aboutContent .glory.en .gloryItem .gloryItemText :first-child,
		.aboutContent .glory.en .gloryItem .gloryItemText :last-child {
			width: 100%
		}
	/* ================= About end ================= */


	/* ================= related start ================= */
	.related {
		margin-top: 40px;
	}

		.related .placeArea {
			margin-top: 65px;
			margin-left: 30px;
			margin-right: 30px;
		}

			.related .placeArea:first-child {
				margin-top: 0px;
			}

			.related .placeArea .title {
				font-size: 22px;
				padding-bottom: 20px;
			}

			.related .placeArea .singleList {
				padding: 20px 10px;
			}

			.related .placeArea .listType1 .singleList .company {
				font-size: 18px;
			}

			.related .placeArea .listType1 .singleList .companyEn {
				font-size: 14px;
			}

			.related .placeArea .listType1 .singleList .btn {
				height: 40px;
			}

			.related .placeArea .listType2 .singleList .country {
				font-size: 20px;
			}

			.related .placeArea .listType2 .singleList .company {
				font-size: 18px;
			}

			.related .placeArea .listType2 .singleList .companyEn {
				font-size: 14px;
			}

			.related .placeArea .listType2 .singleList .btn {
				height: 40px;
			}
	/* ================= related end ================= */

	/* ================= Invest Fact Sheet start ================= */
	.InvestorFactSheetFile
 {
	margin-left:60%;
	margin-top:-30px;
 }
	.InvestorFactSheet .people {
		flex-flow: column;
		justify-content: center;
		align-items: flex-start;
		text-align: left;
		line-height: 40px;
	}

	.InvestorFactSheet table {
		width: 100%;
		margin-bottom: 20px;
	}


	.InvestorFactSheet .financialHighlights .imgGroup {
		width: 49%;
		padding-bottom: 10px;
	}

	.InvestorFactSheet .left {
		width: 100%;
		padding-right: 15px;
	}

	/* ================= Invest Fact Sheet end ================= */
	.CRSMobleMode_btn {
		display: flex;
		width: 350px;
		justify-content: space-around;
		align-items: center;
	}
}

@media only screen and (max-width: 767px) {
	body {
		background-image: url(../img/background/pattern-gold.png), url(../img/background/pattern-gold-2.png);
		background-repeat: no-repeat, no-repeat;
		background-position: top left, bottom right;
		background-attachment:fixed;
	}

	/* ================== table ==================*/

	/*每月營收*/
	.FinanceMonthTable tbody tr td {
		min-width: 90px !important;
	}

	.FinanceMonthTable tbody td:first-child,
	.FinanceMonthTable thead th:first-child {
		position: sticky;
		left: 0; /* 首行永遠固定於左 */

		z-index: 1;
	}
	.FinanceMonthTable thead th:first-child {
		background-color: #f7f7f7;
	}

	/*每月自結盈餘*/
	.FinanceMplusTable tbody tr td {
		min-width: 120px !important;
	}

	.FinanceMplusTable tbody td:first-child,
	.FinanceMplusTable thead th:first-child {
		position: sticky;
		left: 0; /* 首行永遠固定於左 */
		z-index: 1;
	}

	.FinanceMplusTable thead th:first-child {
		background-color: #ddecf3;
	}

	.FinanceMplusTable thead th span {
		font-size: 12px;
	}
	/* ================== table ==================*/


	/* Index */
	.carousel-item img {
		height: 310px;
	}

	.carousel-caption h5 {
		font-size: 28px;
	}

	.introdction_select_subtitle {
		font-size: 33px !important;
	}

	.introdction_select_subtitle_en {
		font-size: 37px !important;
	}

	.investors_area .card .cardSubtitle {
		top: 6.8rem;
	}
	
	.corporate_bg {
		height: unset;
		padding: unset;
		padding-bottom: 10px;
	}
	.corporate_place {
		margin: 20px;
	}

	.corporate_place button {
		font-size: 14px;
	}

	.corporate_list > ul {
		margin-top: 20px;
	}

	.corporate_img {
		width: 50%;
		box-shadow: 10px 10px 3px #c0b192;
	}

	.corporate_list {
		width: 50%;
	}

	/* Index */
	/*================== happyWorkplace start ==================*/
	.contentTitle {
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 0.79px;
		color: #4d4d4d;
	}

	.contentTitle span {
		height: 30px;
	}

	.contentTitle p {
		height: 28px;
		padding-left: 20px;
		padding-right: 20px;
		border-bottom: #b99516 solid 1px;
	}
	/*================== happyWorkplace end ==================*/

	/*================== news start ==================*/

	.news_list {
		padding-left: 0px;
		padding-right: 0px;
	}

	.news_list a {
		font-size: 13px;
	}

	/*================== news end ==================*/

	/*================== news_detail start ==================*/
	.contentTitle a {
		position: absolute;
		left: 20px;
	}

	.contentTitle img {
		width: 2.5rem;
	}

	.news_detail {
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
	}

	.news_detail .newsTime {
		font-size: 14px;
	}

	.news_detail .newsTitle {
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.76px;
		padding-bottom: 8px;
	}

	.news_detail .mediaIcon img {
		width: 1rem;
	}


	.news_detail .newsImg img {
		max-width: 80%;
	}

	.news_detail .newsContent p {
		font-size: 12px;
	}

	/*================== news_detail end ==================*/

	/*================== internalAudit start ==================*/

	.page_content_detail {
		padding-left: 15px;
		padding-right: 15px;
	}
	/*================== internalAudit end ==================*/

	/*================== fraudReport start ==================*/
	.fraudReport .page_content_detail .title {
		margin-bottom: 12px;
		font-size: 18px;
	}
	.fraudReport .page_content_detail .subtitle {
		margin-bottom: 3px;
		font-size: 16px;
	}

	.fraudReport .page_content_detail p {
		font-size: 14px;
	}

	.fraudReport .page_content_detail .hint {
		margin-top: 43px;
		font-size: 12px;
	}

	/*================== fraudReport end ==================*/
	
	/*================== reportDownload start ==================*/
	.reportDownload .survey_area,
	.reportDownload .report_area,
	.reportDownload .certificate_area {
		padding-left: 10px;
		padding-right: 10px;
	}

	.reportDownload .question {
		margin-bottom: 25px;
	}

	.reportDownload .area_title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.reportDownload .surveyDetailTitle {
		font-size: 16px;
	}

	.reportDownload .surveyDetailSelect {
		font-size: 14px;
	}

	.reportDownload .control_area div {
		margin-bottom: 54px;
	}
	.survey_area_btn {
		width: 250px;
	}

		.survey_area_btn .btn {
			width: 110px;
		}
	.reportDownload .report_area {
		background-color: #f3f3f3;
	}

	.reportDownload .btn{
		min-width: 120px;
		padding: unset;
		height: 20px;
	}

	/*================== reportDownload end ==================*/

	/*================== InvestorRelations_FinanceArea start ==================*/

	.annualReport {
		padding-left: 20px;
		padding-right: 20px;
	}

	.annualReport .exhibit_area {
		padding-top: 60px;
		height: 300px;
	}

	.annualReport .exhibit_area .img_place {
		width: 40%;
	}

	.annualReport .exhibit_area .descript_place {
		width: 60%;
	}

	.exhibit_area .descript_place .fileYear {
		font-size: 30px;
		line-height: 40px;
	}

	.exhibit_area .descript_place .ch {
		font-size: 18px;
	}

	.exhibit_area .descript_place .en {
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 4.13px;
		margin-bottom: 24px;
	}

	.financeAreaFile {
		font-size: 12px;
		letter-spacing: 0.37px;
	}

	.financeArea_detail_single {
		width: 100%;
		border-bottom: solid 1px #dcdcdc;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}

		.financeArea_detail_single.rightItem {
			border-left: unset;
		}


	.dataRow > div:nth-child(2n+1) {
		border-right: solid 0px #dcdcdc;
	}
	.dataRow > .col-md-6 {
		margin-top:40px;
	}
	.dataRow > .col-md-6:first-child {
		margin-top: 0px;
	}
	/*================== InvestorRelations_FinanceArea end ==================*/

	/*================== CorporateGovernance end ==================*/

	.companyRulesArea .companyRulesItems {
		width: 100%;
		margin-top: 20px;
	}

		.companyRulesArea .companyRulesItems a {
			font-size: 14px;
		}
	/*================== CorporateGovernance end ==================*/

	/* ================= investorArea start ================= */
/*	文件下載*/
	.fileDownloadArea .searchPlace {
		padding-left: 5px;
		padding-right: 5px;
		width: 100%
	}

		.fileDownloadArea .searchPlace select {
			width: 80%;
		}

	.fileDownloadArea .fileDownloadList {
		padding-left: 0px;
		padding-right: 0px;
	}

		.fileDownloadArea .fileDownloadList a {
			font-size: 13px;
		}
/*	聯絡窗口*/
	.contactWindowArea {
		padding-left: 10px;
		padding-right: 10px;
	}

		.contactWindowArea .paragraph {
			width: 100%;
		}
			.contactWindowArea .paragraph .title {
				font-size: 18px;
				margin-bottom: 10px;
				margin-top: 20px;
			}

				.contactWindowArea .paragraph .title.lastItem {
					margin-top: 50px;
				}
				.contactWindowArea .paragraph .title.firstItem {
					margin-top: unset;
				}

			.contactWindowArea .paragraph .content {
				margin-bottom: 20px;
				padding-left: 15px;
			}

				.contactWindowArea .paragraph .content p {
					font-size: 14px;
				}

				.contactWindowArea .paragraph .content .subtitle {
					font-size: 16px;
				}
/*	問答集QA*/
	.qaArea {
		margin-top: 30px;
	}

		.qaArea .qaItem {
			padding: 20px 15px;
		}
			.qaArea .qaItem .question .qaIcon {
				margin-right: 15px;
			}
			.qaArea .qaItem .question .questionText {
				font-size: 16px;
				width:80%
			}

			.qaArea .qaItem .answer {
				font-size:14px;
				padding-left: 50px;
			}

	/*股票資訊*/

		.stockInformation .singleItem {
			flex-flow:column;
		}

			.stockInformation .singleItem img {
				width: 30%;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
			}

				.stockInformation .singleItem .textArea .title span {
					font-size: 18px;
					line-height: 1.44;
					letter-spacing: 3px;
				}

				.stockInformation .singleItem p,
				.stockInformation .singleItem .textArea .content {
					font-size: 12px;
					line-height: 1.83;
					letter-spacing: 0.5px;
				}

		.stockInformation.en .singleItem .textArea .title span {
			font-size: 16px;
			line-height: 1.63;
			letter-spacing: 0.5px;
			margin-bottom: 10px;
		}
		stockInformation .singleItem p,
		.stockInformation.en .singleItem .textArea .content {
			font-size: 14px;
			line-height: 1.67;
			letter-spacing: 0.5px;
		}

	/* ================= investorArea end ================= */

	/* ================= Directors start ================= */
	.directorsArea {
		max-width: 90%;
		margin-top: 50px;
		margin-bottom: 54px;
	}

	.directorsCard {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 25px;
	}

		.directorsCard img {
			width: 35%;
			max-width: 107px;
			right: 0.8rem;
			top: 0.8rem;
		}

		.directorsCard .card-header {
			font-size: 12.7px;
			letter-spacing: 0.71px;
			padding: 20px 17px 15px;
		}

			.directorsCard .card-header .position {
				margin-bottom: 5px;
				font-size: 14.3px;
				letter-spacing: 0.79px;
				min-height:unset;
			}

		.directorsCard .card-body {
			padding: 21px 17px;
			box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.12);
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}

			.directorsCard .card-body .card-title {
				font-size: 12.7px;
			}

			.directorsCard .card-body .card-text {
				font-size: 11.1px;
				line-height: 1.29;
			}

				
				.directorsCard .card-body p:first-child {
					width: 80%;
					margin-top: 10px;
				}


			.directorsCard .card-body :nth-child(2n+1) {
				margin-bottom: 8.2px;
			}
	.directorsTextArea {
		max-width: 320px;
		margin-top: 54px;
	}

		.directorsTextArea .paragraph {
			margin-top: 25px;
		}
			.directorsTextArea .paragraph h3 {
				font-size: 16px !important;
				line-height: 1.38;
				letter-spacing: 1.05px;
			}

			.directorsTextArea .paragraph p {
				padding-left: 21px;
			}
			.directorsTextArea .paragraph .title h4 {
				font-size: 14px !important;
				letter-spacing: 0.58px;
			}

			.directorsTextArea .paragraph p,
			.directorsTextArea .paragraph li,
			.directorsTextArea .paragraph .subtitle {
				font-size: 12px;
				line-height: 1.83;
				letter-spacing: 0.5px;
			}

			.directorsTextArea .paragraph .title {
				margin-top: 20px;
				padding-left: 21px;
			}

				.directorsTextArea .paragraph .title .content {
					padding-left: 18px;
				}

			.directorsTextArea .paragraph .subtitle {
				margin-top: 15px;
				padding-left: 23px;
			}

				.directorsTextArea .paragraph .subtitle .content {
					padding-left: 18px;
				}

						.directorsTextArea .paragraph .subtitle .content .contentDetial.type1 :first-child {
							width: 20%;
						}

						.directorsTextArea .paragraph .subtitle .content .contentDetial.type2 :first-child {
							width: 40%;
						}

						.directorsTextArea .paragraph .subtitle .content .contentDetial.type3 :first-child {
							width: 65%;
						}
		.directorsTextArea table tbody tr td {
			min-width: unset;
			width:33%;
		}

		.directorsTextArea table .description {
			width:33%;
			min-width: unset;
		}

		.directorsTextArea table .date,
		.directorsTextArea table .title {
			min-width: unset;
			width: 15%;
		}

		.directorsTextArea table .point,
		.directorsTextArea table .outcome {
			min-width:unset;
			padding-left: 3px;
			padding-right: 3px;
		}

	
	.selectFormArea .title {
		padding: 60px 20px 30px;
	}

		.selectFormArea .title .titleText {
			font-size: 18px;
		}

		.selectFormArea .title p {
			margin-bottom: unset;
		}

		.selectFormArea .title .titleSelect {
			margin-left: 15px;
		}

	.resultArea {
		padding: 30px 30px;
	}
	

	.selectFormAreaForm {
		min-width: 300px;
		max-width: 760px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.selectFormAreaFormTitle {
		font-size: 12px;
		line-height: 2.08;
	}
	/* ================= Directors end ================= */
	/* ================= About start ================= */
	.aboutContent {
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
		line-height: 1.77;
		letter-spacing: 0.05px;
	}

		.aboutContent .listTitle {
			font-size: 16px;
			line-height: 1.63;
			letter-spacing: 2px;
		}

		.aboutContent .listTitleBlack {
			font-size: 16px;
			line-height: 1.63;
			letter-spacing: 2px;
		}

		.aboutContent .listType1 {
			margin-top: 30px;
		}

			.aboutContent .listType1 .singleList {
				padding: 12px 10px;
			}

				.aboutContent .listType1 .singleList .singleListYear {
					font-size: 18px;
					width:25%;
				}

				.aboutContent .listType1 .singleList .singleListText {
					font-size: 12px;
					line-height: 1.83;
					letter-spacing: 0.32px;
					width:75%;
				}

		.aboutContent .listType2 {
			margin-top: 30px;
		}

			.aboutContent .listType2 .singleList {
				margin-top: 30px;
			}

				.aboutContent .listType2 .singleList .singleListTitle {
					margin-bottom: 10px;
				}

					.aboutContent .listType2 .singleList .singleListText {
						font-size: 12px;
						line-height: 1.67;
						letter-spacing: 0.5px;
						padding-left:20px;
					}


			.aboutContent .listType3 .singleList {
				padding: 10px;
				flex-flow:column;
			}

			.aboutContent .listType3 .singleList .listImg {
				width: 100%;
			}

			.aboutContent .listType3 .singleList .listText {
				padding-left: unset;
				width: 100%;
			}

				.aboutContent .listType3 .singleList .listText .textContent {
					padding-top: 8px;
					padding-left: 0px;
					font-size: 12px;
					line-height: 1.83;
					letter-spacing: 0.5px;
				}

		.aboutContent .glory .gloryItem {
			width: 100%;
			padding-bottom: 15px;
			padding-left: 15px;
			margin-top: 20px;
		}

			.aboutContent .glory .gloryItem.right {
				border-left: unset;
			}

			.aboutContent .glory .gloryItem .gloryItemText {
				margin-top: 5px;
				padding-left:15px;
				font-size: 16px;
			}

		.aboutContent .glory.en .gloryItem {
			margin-top: 20px;
		}

			.aboutContent .glory.en .gloryItem .listTitle {
				font-size: 18px;
				line-height: 1.24;
				letter-spacing: 0.88px;
			}
			.aboutContent .glory.en .gloryItem .gloryItemText {
				font-size: 16px;
				line-height: 1.24;
				letter-spacing: 0.88px;
			}

				.aboutContent .glory.en .gloryItem .gloryItemText .enContent {
					font-size: 12px;
					font-weight: normal;
					font-stretch: normal;
					font-style: normal;
					line-height: 1.86;
					letter-spacing: 0.5px;
					color: #808080;
				}
	/* ================= About end ================= */

	/* ================= CSR start ================= */
	.csrContent {
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
		line-height: 1.77;
		letter-spacing: 0.05px;
	}

		.csrContent .title {
			font-size: 15px;
			margin-top: 20px;
		}

		.csrContent .titleBlack {
			font-size: 15px;
			margin-top: 10px;
		}


		.csrContent .type2 .type2Text {
			width:60%
		}
		.csrContent .type2 img {
			width: 40%;
		}
	/* ================= CSR end ================= */

	/* ================= StakeHolder start ================= */
	.StakeHolder {
		padding-left: 20px;
		padding-right: 20px;
	}

		.StakeHolder .StakeHolder_left,
		.StakeHolder .StakeHolder_right {
			width: 100%;
		}

		.StakeHolder .singleInfo {
			margin-bottom: 30px;
		}

			.StakeHolder .singleInfo .title {
				font-size: 18px;
			}

			.StakeHolder .singleInfo .infoDetail {
				margin-left: 20px;
				margin-top: 12px;
				font-size: 14px;
			}

				.StakeHolder .singleInfo .infoDetail .name {
					font-size: 16px;
				}

		.StakeHolder .StakeHolder_bottom {
			font-size: 12px;
		}

	.StakeHolder-phone-hidden{
		display:none
	}

	.StakeHolder-web-hidden {
		display: block
	}

	/* ================= StakeHolder end ================= */
	.insideContainer {
		min-width: 300px;
		max-width: 760px;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* ================= guidedTour start ================= */
	.guidedTour .singleArea {
		margin-bottom: 40px;
		width: 100%;
		padding-left: unset;
	}

		.guidedTour .singleArea .title {
			font-size: 22px;
			font-weight: 600;
			line-height: 1.7;
			text-align: center;
		}

		.guidedTour .singleArea .subContent {
			text-align: center;
			font-size: 16px;
			line-height: 1.5;
		}

			.guidedTour .singleArea .subContent .subTitle {
				font-size: 20px;
				line-height: 1.55;
				color: #bf9a0e;
				margin-top: 5px;
			}
	/* ================= guidedTour end ================= */
	/* ================= contactUs start ================= */
	.contactUs .surveyDetail {
		margin-top: 20px;
	}


	.contactUs .surveyDetail .question .textInput {
		width: 100%;
	}

	.contactUs .control_area input{
		width: 60%
	}

		.contactUs .control_area div:first-child {
			margin-bottom: 20px;
		}
	/* ================= contactUs end ================= */
	/* ================= related start ================= */
	.related {
		margin-top: 40px;
	}
		.related .placeArea .title {
			font-size: 20px;
			padding-bottom: 20px;
		}

		.related .placeArea .singleList {
			padding: 20px 10px;
			flex-flow: column;
			align-items:center;
		}

		.related .placeArea .listType1 .singleList .company {
			width: 100%;
			text-align:center;
			font-size: 16px;
		}

		.related .placeArea .listType1 .singleList .companyEn {
			width: 100%;
			text-align: center;
			font-size: 14px;
			margin-top: 8px;
		}

		.related .placeArea .listType2 .singleList .country {
			width: 100%;
			text-align: center;
			font-size: 20px;
		}

		.related .placeArea .listType2 .singleList .company {
			width: 100%;
			text-align: center;
			font-size: 18px;
			margin-top: 13px;
		}

		.related .placeArea .listType2 .singleList .companyEn {
			width: 100%;
			text-align: center;
			font-size: 14px;
			margin-top: 8px;
		}
		.related .placeArea .listType3 .singleList .country {
			width: 100%;
			text-align: center;
			font-size: 20px;
		}

		.related .placeArea .listType3 .singleList .companyEn {
			width: 100%;
			text-align: center;
			font-size: 14px;
			margin-top: 8px;
		}
		.related .placeArea .listType1 .singleList .btn,
		.related .placeArea .listType2 .singleList .btn,
		.related .placeArea .listType3 .singleList .btn {
			width: 50%;
			text-align: center;
			height: 40px;
			margin-top: 16px;
		}
	/* ================= related end ================= */


	/* ================= Invest Fact Sheet start ================= */
	.InvestorFactSheet  {
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
		line-height: 1.77;
		letter-spacing: 0.05px;
	}

		.InvestorFactSheet  .title {
			font-size: 16px;
			margin-top: 30px;
		}

		.InvestorFactSheet .people {
			font-size: 18px;
			flex-flow: column;
			justify-content: center;
			align-items: flex-start;
			padding-left: 15px;
			padding-right: 15px;
			text-align: left;
			line-height: 25px;
		}
			.InvestorFactSheet .people .highlight {
				font-size: 21px;
			}

		.InvestorFactSheet .coreProductsItem {
			width: 50%;
		}


		.InvestorFactSheet .shareDetails > div {
			width: 100%;
		}

		.InvestorFactSheet .ourMarketsItem {
			width: 100%;
		}
		.InvestorFactSheet .historyItem {
			width: 100%;
		}
	/* ================= Invest Fact Sheet end ================= */

}

@media only screen and (max-width: 575px) {
	/* Index */
	ol.carousel-indicators {
		margin-bottom: 25px;
	}

	.introdction_area .content {
		margin-top: -80px;
	}

		.introdction_area .content .container {
			width: 90%;
		}

	.carousel-item img {
		height: 310px;
	}

	.introdction_select_subtitle {
		font-size: 26.2px !important;
		font-weight: 500 !important;
		letter-spacing: 0.08px !important;
	}

	.introdction_select_subtitle_en {
		font-size: 25.1px !important;
		letter-spacing: 0.01px !important;
	}

	.introdction_content {
		padding-bottom: 22px;
	}

	.introdction_content p {
		font-size: 12px !important;
	}

	.corporate_list > ul {
		margin-left: 0;
		margin-top: 0;
	}

	.corporate_list > ul > li > span {
		font-size: 16px;
	}

	.corporate_list li {
		margin-bottom: 20px;
	}
	/* Index */

	/*================== reportDownload start ==================*/

	.reportFile {
		width: 50%;
	}
	/*================== reportDownload end ==================*/

	/*================== InvestorRelations_FinanceArea start ==================*/

	.annualReport .exhibit_area {
		height: 500px;
		flex-flow: column;
	}

	.annualReport .exhibit_area .img_place {
		width: 60%;
	}
	.annualReport .exhibit_area .descript_place {
		width: 100%;
	}
	.annualReport .exhibit_area .img_place  img{
		width: 100%;
	}
	.exhibit_area .descript_place .fileYear {
		margin-top: 30px;
	}

	.exhibit_area .descript_place .en {

		margin-bottom: 15px;
	}

	/*================== InvestorRelations_FinanceArea end ==================*/
}
.font-table {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
}