@import 'https://fonts.googleapis.com/css?family=Raleway|Ubuntu:400,700|Righteous';  
@import 'select_mate.css';  /*子選單*/
/*-----------------------------------------------------------------------------------------------------------------
0.  共用
-----------------------------------------------------------------------------------------------------------------*/

:root {
  --media_width: 768px;
  --english_version_special_font_size:100%;
}



*{box-sizing: border-box;}
body{background:#FFF;/*#F7FAFA*/}

.img_r{ background:url('../images/stock_r.jpg') no-repeat center center;background-size:cover;}  /*photo by 002   009  010   freepik@jcomp*/ 
.img_f{background:url('../images/stock_f.jpg') no-repeat center center;background-size:cover;} 
.img_g{background:url('../images/stock_g.jpg') no-repeat center 40%;background-size:cover;} /*stock_006*/
.img_i{background:url('../images/faqs.jpg') no-repeat center center; background-size:cover;}
.img_c{background:url('../images/investor_concat.jpg') no-repeat center 90%; background-size:cover;}
.fit_w_h_top{height:450px;}
.auto_img{
	max-width: 100%;
	width:100% auto;
    	height: auto;
}






/*子選單*/
#sub_select{display:none;}
@media screen and (max-width:1440px){
	#primary_nav_wrap > ul a{ padding:1.5em 0.5em 1.2em; font-size:1.5em;}
}
@media screen and (max-width: 1280px){
	.calendar-container{margin:0 auto; width:550px;}
	.calendar td {	padding: .2em 1.5em .5em;}
	#primary_nav_wrap > ul a{ font-size:1.2em;}
}


@media screen and (max-width: 1024px) {
	#primary_nav_wrap > ul a{ font-size:1.2em; padding:1.5em 0.5em 1.2em; font-size:1em;}
}

@media screen and (max-width: 768px) {
	.calendar-container{ width:450px;}
	.calendar td {	padding: .2em 1em; /*.5em*/}
	
	#sub_ul{display:none;}
	#primary_nav_wrap{border:0px;}
	#sub_select{display:inline-block;
		font-size:1em;
		width:100%;
		color:#2b9fd9;
	}
	.day	{ font-size:3em;}
	.month {font-size:1.5em;}
	.time{ font-size:2em;}
	.ring-left,
	.ring-right {
		position: absolute;
		top: 65px; /*195px*/
	}
	
	
}


@media screen and (max-width: 414px) {
	.calendar-container{ width:350px;}
	.calendar td {	padding: .2em 0.5em; font-size:0.9em;}
	.file_icon{overflow-wrap: break-word; line-height:1.5em;}
	
}

/*此部份為程式代入 (--english_version_special_font_size)*/
small {font-size:--english_version_special_font_size  !important;	}

/*此部份為程式代入 (--media_width)*/
@media screen and (max-width: --media_width) {
	#sub_ul{display:none;}
	#sub_select{display:inline-block !important; 
		width:100%;
		color:#2b9fd9;
		font-size:1.2em;
	}
}


/*-----下載的按鈕----------*//*download button----begin*/

#download_item:hover{ cursor:pointer;}
#download_subject a img{padding-bottom:10px;}
#download_subject a
{
	font-size:1rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

@media screen and (max-width:480px)
{ 	#download_subject{
		font-size:0.9em;
	}
}

#download_item:hover #download_subject a{
	color:#4EA550; 
}

#download_item 
{	display:table; 
	width:100%;
	border-bottom: dashed  1px rgba(104,163,221,1); 
	padding:5px;
}

#download_subject 
{	font-size:14px;
	display:table-cell; 
	vertical-align:middle; 
	text-align:left;
}

#download_file
{	display:table-cell; 
	vertical-align:middle; 
	text-align:left; 
	width:125px;
}



@font-face{
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('../fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('../fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.a-btn{
    
    width:115px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:5px 10px 5px 35px;
    position:relative;
    float:left;
    display:block;
    overflow:hidden;
    margin:5px;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a-btn-symbol{
    font-family:'WebSymbolsRegular', cursive;
    color:rgba(0,0,0,0.5);/*#555;*/
    font-size:14px;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    position:absolute;
    left:10px;
    line-height:12px;
    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}
.a-btn-text{
    font-size:15px;
    color:#81c483;
    line-height:16px;
    font-weight:bold;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    display:block;
}

@media screen and (max-width:480px)
{
	.a-btn-text{
		font-weight:300;
		font-size:13px;
		font-family:"Microsoft JhengHei UI" ,"Microsoft JhengHei", Arial, sans-serif,Verdana;	

	}

}

/*調整滑鼠移過時download button字的顏色*/
.a-btn-slide-text{
    font-family:Arial, sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#555;
    text-shadow:0px 1px 1px rgba(255,255,255,0.9);
}
.a-btn-slide-icon{
    position:absolute;
    top:-30px;
    width:22px;
    height:22px;
    background:transparent url(../images/arrow_down_black.png) no-repeat top left;
    left:10px;
    opacity:0.4;
}
.a-btn:hover ,#download_item:hover .a-btn{
    background:#fff;
    -webkit-box-shadow:0px 0px 5px rgba(104,163,221,1), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 5px rgba(104,163,221,1), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 5px rgba(104,163,221,1), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:hover .a-btn-symbol ,
#download_item:hover .a-btn .a-btn-symbol{
    opacity:0;
}
.a-btn:hover .a-btn-slide-icon, #download_item:hover .a-btn .a-btn-slide-icon{
    -webkit-animation:slideDown 2s linear infinite;
    -moz-animation:slideDown 2s linear infinite;
    animation:slideDown 2s linear infinite;
}
.a-btn:active{
    background:#81c483;
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:active .a-btn-text{
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
.a-btn:active .a-btn-slide-text{
    color:rgba(0,0,0,0.4);
    text-shadow:none;
}
@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}

/*download button----end*/

/*三角形*/
.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 60px 0 60px;
	border-color: #EAF3F3 transparent transparent transparent;
	line-height: 0px;
	_border-color: #EAF3F3 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position:relative;
	left:46.5%;
	top: -155px;
}

@media screen and (max-width:780px)
{
	.triangle{border-width:40px 40px 0 40px;top:-100px;}
}

@media screen and (max-width: 414px) {
	.triangle{top: -40px;left:40%;}	
}



/*-----------------------------------------------------------------------------------------------------------------
1.  財務資訊頁面

-----------------------------------------------------------------------------------------------------------------*/

.statistics_content h2 , .investor_content h2 , .corporate_content h2{
	font-size:2rem; margin:0; padding:0; 
	font-family: "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	line-height:4rem;
	margin-bottom:1rem;
}

.statistics_content
{	
	margin-top:5rem;
	margin-bottom:20px;
	height:100%; 
	padding:1em; 
	text-align:left;
	width:80%;	
	margin-left:10%;
}

.half_div{
	display:inline-block;
	vertical-align:top;
	/*background-color:#fff;*/
}

.half_div_leftside{width:60%; }
.half_div_rightside{width:37%;  padding-left:2%;}
.half_div_rightside .img_div {display:inline-block;   margin:0.5rem;  border:1px solid #ddd; padding:1rem; border-radius:5px; box-shadow:1px 2px 5px rgba(0,0,0,0.1); width:100%; height:100%;}

.search_year div{display:table-cell;width:50%; line-height:2rem;vertical-align:bottom;}

/*selector*/
.select_year {
	cursor:pointer;
	font-size:2rem;
	font-family: "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	border-top: 0 !important;  /*Removes border*/
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom:1px dashed #aaa;
     	color: #1455a2;
}

.select_year option{font-size:1rem;padding: 8px; }

.select_div {
	position: relative;
	display:inline-block;
	float: left;
	min-width: 150px;
	width:150px;
}
 
select::-ms-expand {     display: none;	}
 
.select_div:after {
	content: '<>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 11px;		
	top: 18px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	position: absolute;
	pointer-events: none;
}
 
.select_div select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	display: block;
	width: 100%;
	max-width: 150px;
	height: 50px;
	float: right;
	margin: 5px 0px;
	padding: 0px 24px;
	line-height: 1.75;
	background-color: #ffffff;
	background-image: none;

	-ms-word-break: normal;
	word-break: normal;
}
/**/


@media screen and (min-width:1280px){
	.statistics_content
	{	width:90%;	
		margin-left:5%;
	}
}


@media screen and (max-width: 1024px) {
	.half_div{display:block;}
	.half_div_leftside{width:100%; }
	.half_div_rightside{width:100%;  padding-top:2rem;}
	
}

@media screen and (max-width: 768px) {
	.statistics_content {width:95%; margin-left:2%;padding:0.5em;}
	.select_year {
		font-size:1.5rem;
	}
	.statistics_content h2, .investor_content h2, .corporate_content h2 { font-size:1.5rem;}
	.select_year option{font-size:1rem;padding: 8px; }
}

@media screen and (max-width: 414px) {
	.statistics_content {width:100%; margin-left:0;}
	.select_year {
		font-size:1.2rem;
	}
	.statistics_content h2, .investor_content h2 , .corporate_content h2 { font-size:1.2rem;}
	.select_year option{font-size:0.8rem;padding: 8px; }
	.select_div select{padding:0 4px; max-width:100px;line-height: 1.75;}
	.search_year div{width:20%;}
	.select_div {	min-width: 100px;	width:100px;}
	.box_div h3{font-size:1.1em;}
}

/*------統計表格Table Style ------*/


.my_table, .my_table tbody,.my_table tfoot,.my_table tr,.my_table th,.my_table td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	width: 0 auto;
	height:0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	font-family:"Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;	
	
}



.my_table {border-spacing: 0;  } /* IMPORTANT, I REMOVED border-collapse: collapse; FROM THIS LINE IN ORDER TO MAKE THE OUTER BORDER RADIUS WORK */
.my_table a:link {
	color: #666;
	
	text-decoration:none;
}
.my_table a:visited {
	color: #999999;
	
	text-decoration:none;
}
.my_table a:active,
.my_table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.my_table {
	
	color:#666;
	font-size:1em;
	line-height:1.6em;
	text-shadow: 1px 1px 0px #fff;
	background:#F7F7F7;
	
	border:#ccc 1px solid;
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.my_table th {
	padding:5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	padding-top:1rem;
	padding-bottom:1rem;
	color:#5e94bf;
	
}

.dark_blue{color:#002DB2;}

.my_table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.my_table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.my_table tr{
	text-align: center;
	padding-left:20px;
	padding-top:1rem;
	padding-bottom:1rem;
}
/*.my_table tr td:first-child{
	border-left: 0;
}*/
.my_table tr td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	padding-top:0.7rem;
	padding-bottom:0.7rem;
}
.my_table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.my_table tr:last-child td{
	border-bottom:0;
}
.my_table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.my_table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.my_table tr:hover td{
	background: #f5f6fa;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ffffff));
	background: -moz-linear-gradient(top,  #fefefe,  #ffffff);	*/
}

@media screen and (max-width:1440px)
{
	.my_table tr td {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
}
@media screen and (max-width:660px)
{
	.my_table {font-family:arial; font-weight:100%;}
	/*.my_table th {	padding:1px;}
	.my_table tr{	padding-left:1px;}
	.my_table tr td {	padding:1px;}*/
	.small_font{font-size:11px;}
}

@media screen and (max-width:480px)
{
	.my_table, .my_table tbody,.my_table tfoot,.my_table tr,.my_table th,.my_table td {
		font-family:arial; font-weight:100%;
	}
	.small_font {font-size:0.7rem;}
}

h6{line-height:20px; margin:0; padding:0;}












/*-----------------------------------------------------------------------------------------------------------------
2.  股東服務頁面

-----------------------------------------------------------------------------------------------------------------*/


/*日曆*/

.calendar-container {
	position: relative;
	width: 450px;
	font: 87.5%/1.5em  "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
}

.calendar table td {
	padding: 0;
}
.calendar-container header {
	border-radius: 1em 1em 0 0;
	background: #e66b6b;
	color: #fff;
	padding: 1.5em 2em; /*3em 2em*/
	

}

.calendar-container header div{ display:inline-block; padding-left:10px;}
.day {
	font-family:  "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	font-size: 5em;  /*7em*/
	font-weight: 900;
	line-height: 1em;
}

.month {
	font-family: "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	font-size: 2em; /*3.5em*/
	line-height: 1em;
	text-transform: lowercase;
}
.time{
	font-family: "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	font-size:3em;
	font-weight:900;
	line-height:1em;
	 float:right;
	
}
.calendar {
	background: #fcfcfc;
	border-radius: 0 0 1em 1em;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
	color: #555;
	display: inline-block;
	padding: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	border: 1px solid #ddd;
    	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}

.calendar thead  {
	color: #e66b6b;
	font-weight: 700;
	text-transform: uppercase;
	width:100%;
	
}

.calendar td {
	padding: .2em 1em; /*.5em*/
	text-align: center;
	width:14.8%;
}
/*
.calendar tbody td:hover {
	background: #cacaca;
	color: #fff;
}*/

.current-day {
	color: #da2525;
	font-weight:bold;
	font-size:1.1rem;
}

.prev-month,
.next-month {
	color: #cacaca;
}

.ring-left,
.ring-right {
	position: absolute;
	top: 85px; /*195px*/
}

.ring-left { left: 2em; }
.ring-right { right: 2em; }

.ring-left:before,
.ring-left:after,
.ring-right:before,
.ring-right:after {
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, .3), 0 -1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 3px 1px rgba(0, 0, 0, .3), 0 -1px 1px rgba(0, 0, 0, .2);
	content: "";
	display: inline-block;
	margin: 8px;
	height: 22px;	/*32px*/
	width: 8px;
}
/*日曆結束*/

/*法說會的部份*/
.investor_block{margin-top:5rem;}

.investor_content{width:100%;padding: 150px 15% 150px 15%;}

.gray_bg{background:linear-gradient(#FFFFFF, #e0e0d1,#FFFFFF);}
.investor_left_side{
	width:40%;
	display:table-cell; 
	vertical-align:top;
	
}
.investor_right_side{
	font-family: "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	
	border-top-right-radius: 10px;
	border-bottom-right-radius:10px;
	display:table-cell;
	width:100%;
	padding : 6rem 0 0 10rem;
	vertical-align:top;	
	position:relative;
	font-size:1.2rem;
	line-height:2rem;
	
}

.investor_right_side h4{margin-bottom:0; line-height:1.5rem; font-size:1.2em;}

.investor_right_side_map

{	
	
	color:rgba(230, 107, 107,0.5);
	font-size:8rem;
	position:absolute;
	left: 50px;
	top: 25%;
	margin:0; padding:0;
	
	
}
.investor_location{color: #006600;}

@media screen and (max-width:1280px){
	.investor_left_side, .investor_right_side{display:block;  width:100%; }
	.investor_right_side_map{ top:40%; left:150px;}
	.investor_right_side {padding-left:260px;}
}


@media screen and (max-width: 1024px) {
	
	.investor_right_side_map{ top:40%; left:80px;}
	.investor_right_side {padding-left:200px;}
	.investor_right_side{ font-size:1rem;}
}

@media screen and (max-width: 768px) {
	.investor_right_side_map{ top:40%; left:0px;}
	.investor_right_side {padding-left:120px;}
	.investor_right_side{ font-size:0.9rem;}
	
}

@media screen and (max-width: 414px) {
	.investor_content{padding:8% 5% 5%;}
	.investor_right_side_map{ top:40%; left:10px;}
}


.shareholder #nav_area,
.corporate #nav_area{display:inline-block; margin:10px 0 10px 3em;}

/*股東會部的部份*/

.meeting_div {
	/*讓子div高度一致*/
	display:flex;
	flex-wrap:wrap;
	width:100%;
	
}
.meeting_div .box_div , .investor_div .box_div{
	display:inline-block; 
	width:48%;
	vertical-align:top;
	background-color:#fafafa;   
	margin:5rem 0 0 2%;  
	border:1px solid #ddd; 
	padding:1rem; 
	border-radius:5px; 
	box-shadow:1px 2px 5px rgba(0,0,0,0.1);
}

/*---股價的部份---*/
.stock_table{ width: 100%; border:1px solid #e0e0e0; } 
.stock_table th {
	padding:5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	text-align:center;
}
.stock_table td {
	
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	
}
.stock_table .highlight{
	color:rgb(255, 128, 0);
	font-weight:bold;
	font-size:2.5em;
	font-family:Raleway,Verdana;
}
.stock_table .lightgray{
	text-align:center;
	background-color:#fafafa;
}

@media screen and (max-width:768px){
	.meeting_div .box_div , .investor_div .box_div{display:block; width:90%;}
}

/*股務代理機構*/
.investor_agent{
	border:1px solid #ddd; 
	padding:2rem; 
	border-radius:10px; 
	box-shadow:1px 2px 5px rgba(0,0,0,0.1);
	background-color:#fff;	
}
/*--------------------------------------------------------------------------------------------------
3. 公司治理
----------------------------------------------------------------------------------------------------*/
.corporate_content{width:100%;padding: 150px 15% 150px 15%;}

.corporate_content .half_div{
	vertical-align:top;
	display:table-cell;
	width:50%;
	height:100% auto;
}
.corporate_content .half_div_desc{ border:1px solid #eee;  box-sizing:border-box; padding:10px;border-radius:10px; background-color:#eee;}
.corporate_content .half_div_desc ol {padding: 0 0 0 20px; }
.corporate_content .half_div_desc h4 {color:#5E94BF;}


.short_padding{ padding:1.5em 0.7em 1.2em !important; }
.bg1{ background:#F2F1ED;}
.bg2{background:#D3DDDC;}
.bg3{background:linear-gradient(#FFFFFF , #EAF3F3);}

/*svg*/

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 120;
   /*animation-name: dash;
    animation-duration: 5s;
    animation-iteration-count: 1;*/
 
  
}



.board_director_title{ color:#b32a2a; font-weight:bold; font-size:1.3em;}
.board_director_name{ color:#225786; font-weight:bold; font-size:1.2em;}
.board_director_more{ color: #bf6900;}
.board_list{ cursor:pointer;} 


@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.svg-box {width:100%;	max-width:880px;  margin:0 auto; left:50%;} 
        
.audit_content ol li{ line-height:1.7em;}

.red_font {color:darkred;}
.blut_font{ color:darkblue;}
.orange_font{color:darkorange;}
.green_font{color:#21A121; }

@media screen and (max-width:1440px)
{
	.corporate_content{padding-left:5%; padding-right:5%;}
}
@media screen and (max-width:1280px)
{

	.half_div_desc{ font-size:0.9em;}
	.half_div_desc h4{font-size:1em;}
	.half_div_desc ol {padding-left:15px; }
}

@media screen and (max-width:1280px)
{
	.corporate_content{padding-left:2%; padding-right:3%;}
}

@media screen and (max-width:780px)
{
	.corporate_content{padding: 100px 5% 100px 5%;}
	.corporate_content .half_div{
		display:block;
		width:99%;
		height:100% auto;
	}
}

@media screen and (max-width: 414px) {
	.corporate_content{padding:8% 5% 100px;}
	.triangle{top: -40px;left:40%;}
	
	
}


/*-----------------------------------------------------------------------------------------------------------------
4.  常見問與答頁面
-----------------------------------------------------------------------------------------------------------------*/


.irf_subject{
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	padding:10px 0px 5px 0px;
	margin-left:2.5em;
	text-indent : -1.2em;
	color: #286DB3;
}
.irf_content
{ 	margin-left:30px;
	padding:10px;
	font-size:13px;	
	vertical-align: text-top;
	background-color: rgba(155,155,155,0.1);
	text-shadow: 1px 1px 0px #fff;
}

/*new */


.faq_div {
	/*讓子div高度一致*/
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 0 5% 5%;
	
}

.flip {
	display:inline-block; 
	width:20%;
	vertical-align:middle;
	background-color:#fafafa;   
	margin:5rem 0 0 2%;  
	border:1px solid #ddd; 
	padding:1rem; 
	border-radius:5px; 
	box-shadow:1px 2px 5px rgba(0,0,0,0.1);
	min-height:220px;
}
.flip .front{
	padding:0 2em 2em 0 ;	
	
}
.flip .back{background:#fafafa;}
.flip .front::after{
	content:'Q'; 
	color:rgba(43, 159, 217,0.1); 
	top:-40px; left:0px; 
}
.flip .back::after{
	content:'A'; 
	color:rgba(255,0,0,0.1); 
	bottom:-40px; right:0; 
}



.flip .front::after,
.flip .back::after{
	font-size:10rem;
	position:absolute; 
	font-family:Righteous, "Ubuntu","Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;;
	font-weight:700;
}

@media screen and (max-width:1024px){
	.flip{ width:27%;}
}
@media screen and (max-width:768px){
	.flip{ width:42%;}
}

@media screen and (max-width:480px){
	.flip{width:85%;}
}


/*-----------------------------------------------------------------------------------------------------------------
5.  連絡IR
-----------------------------------------------------------------------------------------------------------------*/
.concat_div {
	/*讓子div高度一致*/
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0 0 5% 0;
	box-sizing: border-box;
}
.person_list {
	display:inline-block; 
	width:25%;
	vertical-align:middle;
	background-color:#fafafa;   
	margin:5rem 0 0 6%;  
	border:1px solid #ddd; 
	padding:1rem; 
	border-radius:5px; 
	box-shadow:1px 2px 5px rgba(0,0,0,0.1);
	min-height:230px;
	
	
}

.person_list .item{
	position:relative;
	height:100%;
	min-height:200px;
}

.person_list .item::after{
	content:"\f2bd";
	font-family: FontAwesome;
	color:rgba(43, 159, 217,0.05); 
	bottom:-5px; right:0px; 
	font-size:10rem;
	position:absolute; 
	font-weight:700;
}

.person_list .item:hover::after{
	color:rgba(255, 0, 0,0.05); 
}


.person_list .item div{width:100%; text-align:center; }
.person_list .item div:first-child{height:30%;}
.person_list .item div:nth-child(2){height:30%;}
.person_list .item div:nth-child(2) h3{margin:1em 0 0 0 ;}
.person_list .item div:last-child{height:40%;}

@media screen and (max-width:1024px){
	.person_list {
		width:27%;
		margin:5rem 0 0 4%;  
	}
}

@media screen and (max-width:980px){
	.person_list {
		width:28%;
		margin:5rem 0 0 4%;  
	}
}

@media screen and (max-width:480px){
	.person_list {
		display:block;
		width:80%;
		margin:4rem 0 1rem 10%;  
	}
}

/*-----------------------------------------------------------------------------------------------------------------
接班規劃
-----------------------------------------------------------------------------------------------------------------*/
.succession_div{
	display: inline-block;
	margin: 3px;
	box-shadow: 3px 3px 10px #b3b3b3;
}

/*---------------------------------------------------public--------------------------------------------*/
a{text-decoration: none;}
.green_h3
{	
	font-family:Raleway ,"Microsoft JhengHei UI" ,"Microsoft JhengHei", sans-serif,Arial, Verdana;
	text-align:left;
	width:100%;
	border-bottom: 1px solid rgba(129,196,131,1);
	color: #4EA550;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	line-height:40px;
}


/*-----nav ------*/


.buttons a {
	font-size:14px;
	margin: 10px;
	padding:0 10px 0 10px;
	width: 100% auto;
	height: 100% auto;
	display: inline-block;
	position: relative;
	line-height: 40px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	text-shadow: 1px 1px 0px #fff;
}

.buttons a:hover{
	cursor:pointer;
	color: #67a5cd; 
	text-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
	-webkit-box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
	box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
}


.buttons .select_active{
	cursor:pointer;
	color: #67a5cd; 
	font-weight:bold;
	-moz-box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
	-webkit-box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
	box-shadow: 0 0px 6px rgba(40,109,179,1), 0 2px 3px rgba(40,109,179,0.25);
}


.disappear{
	display:none;
}

.txt_right
{	text-align:right;}