@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

body{ font-family: 'Noto Sans TC', sans-serif; font-weight:300;}

.container-fluid{ max-width:1080px; letter-spacing:0.05rem;}
@media (min-width:1600px){.container-fluid{ max-width:1080px;}}

.footer{
	color:#b3b3b4;
	font-family: 'Ubuntu', sans-serif;
	background-color:#3e3a39;
	text-align:center;
	padding:15px 0 10px 0;
}
.footer h6{ font-size:0.8rem;}
@media (min-width:992px){.footer h6{ font-size:1rem;}}
.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:9900;
	width:48px;
	height:48px;
	left:100%;
	top:100%;
	margin-top:-64px;
	margin-left:-64px;
	padding:5px;
	background-color:rgba(000,000,000,0.5);
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	border-radius:4px;
	cursor:pointer;
	-webkit-transition: background 0.3s; /* Safari */ 
	transition: background 0.3s;
}
.backtop:hover{ background-color:#066;}


.title_line{
	width:24px;
	height:2px;
	background-color:#25cda9;
	margin:20px 0;
}
@media (min-width:992px){
	.title_line{
		width:40px;
		height:4px;
		background-color:#25cda9;
		margin:30px 0;
	}
}


.navbar{ padding:0px;}
.navbar-brand{ margin-left:15px;}
@media (min-width:768px){.navbar-brand{ margin-left:0;}}
.navbar-toggler{ margin:15px;}
.navbar-nav .nav-item .nav-link{ padding:15px;}
.navbar-nav .nav-item .nav-link:hover{ background-color:#999;}



.menu_header{ position:fixed; z-index:9000; top:0; left:0; width:240px; height:100%; background: -webkit-linear-gradient(#626061,#2d2321); background: -o-linear-gradient(#626061,#2d2321); background: -moz-linear-gradient(#626061,#2d2321); background: linear-gradient(#626061,#2d2321); -webkit-transition: margin 0.3s; /* Safari */ transition: margin 0.3s; overflow-y: auto;}

.menu_header img{ margin:12px 0;}

.menu_close{ left:100%; margin-left:0px;}
.menu_open{ left:100%; margin-left:-240px;}

.menu_header .container-fluid{ padding:0; position:relative; max-width:1080px;}
@media (min-width:1600px){.menu_header .container-fluid{ max-width:1080px;}}

@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:auto; background:#f3f3f3; overflow-y: visible; height:110px; top:40px;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
}

.logo_big{ display:none}
.logo_white{ position:absolute; top:100%; margin-top:160px; left:30px;}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center;  float:left;}
	.logo_white{ display:none;}
}
.logo_big img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:160px; height:auto; margin-top:30px;}



.menu_ul{list-style:none; padding:0;}
.menu_ul li{ border-bottom:1px solid #777;}

.menu_ul li a{ color:#fff; display:block; font-size:1rem; -webkit-transition: background 0.3s, color 0.3s; /* Safari */ transition: background 0.3s, color 0.3s;  padding:15px 30px;}
.menu_ul li a:hover, .menu_ul li a:focus{ text-decoration:none; color:#25cda9;}

.menu_ul li a span{ display:block; font-size:0.8rem;}


.menu_ul .menu_dot{ display:none;}

@media (min-width:992px){
	.menu_ul{ text-align:center; border-radius:4px; height:48px; float:right; margin-top:30px;}
	.menu_ul li{ float:left; border:none; position:relative;}
	.menu_ul li a{ color:#717071; font-size:0.95rem; width:100px; text-align:center; padding:20px 0 20px 0; background-image:url(../../images/green_line.jpg); background-position:14px -10px; background-repeat:no-repeat}
	.menu_ul li a:hover, .menu_ul li a:focus, .menu_ul li a.active{ color:#25cda9; background-color:transparent; background-position:14px 12px;}
	.menu_ul .mobile_home{ display:none;}
	.menu_ul .menu_dot{ width:6px; height:6px; border-radius:50%; margin:28px 6px 0 6px; color:#25cda9; font-size:1rem; display:block; cursor:default; background-color:#25cda9}
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:0.95rem; width:100px; text-align:center; padding:18px 0 20px 0; background-position:14px -10px;}
	.menu_ul li a:hover, .menu_ul li a:focus, .menu_ul li a.active{ background-position:14px 10px; background-repeat:no-repeat;}
}
@media (min-width:1800px){
	.menu_ul li a{ width:100px;}
}


.mobile_hide{ background-color:#000; opacity:0; position:fixed; z-index:8999; top:0; left:0; width:100%; height:100%;}

.mobile_header{ background-color:#f3f3f3; position:fixed; z-index:8000; height:100px; top:40px; width:100%; }

.mobile_header img{ margin:20px 0 0 15px;}

.iconbar{float:right; width:48px; height:36px; margin:24px 15px; border:2px solid #525269; border-radius:4px; cursor:pointer; background-position:center; background-repeat:no-repeat;-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */ transition: background 0.2s;}

.iconbar_open{background-image:url(../../images/icon_nav.png);}
.iconbar_close{background-image:url(../../images/iconbar2.png); border-color:#c30d23;}

.menu_title{ margin:3px 15px; padding-top:23px; padding-bottom:16px; color:#fff; font-family:Verdana, Geneva, sans-serif;}

@media (min-width:992px){
	.mobile_hide{ display:none;}
	.mobile_header{ display:none;}
	.iconbar_close{ display:none;}
	.menu_title{ display:none;}
}


.top_header{ background-color:#25cda9; height:40px; position:fixed; top:0; width:100%; z-index:8100; -webkit-box-shadow:0 4px 15px -2px #ccc; box-shadow:0 4px 15px -2px #ccc;}
@media (min-width:992px){.top_header{ -webkit-box-shadow:none; box-shadow:none;}}

.lang_ul{ display:none;}
@media (min-width:992px){
	.lang_ul{ padding:0; list-style:none; text-align:right; margin-right:20px; margin-top:5px; display:block;}
	.lang_ul li{ display:inline-block; margin-left:4px;}
	.lang_ul li a{ height:auto; width:auto; padding:3px; font-size:0.8rem; font-weight:300; font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"; background-color:#595757; color:#fff; border-radius:50%; display:block; text-align:center;-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
	.lang_ul li a:hover, .lang_ul li a.active{ background-color:#fff; color:#595757; text-decoration:none;}
	.lang_ul li a span{ padding:0 3px;}
}

.lang_mobile{ padding:0; list-style:none; margin-top:20px; margin-right:15px; float:right;}
.lang_mobile li{ display:inline-block; margin-left:2px;}
.lang_mobile li a{ height:auto; width:auto; padding:3px; font-size:0.8rem; font-weight:300; font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"; background-color:#595757; color:#fff; border-radius:50%; display:block; text-align:center;-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.lang_mobile li a:hover, .lang_mobile li a.active{ background-color:#25cda9; color:#fff; text-decoration:none;}
.lang_mobile li a span{ padding:0 3px;}
.lang_mobile li a i{ padding:0 6px;}

.iconnav{ background-image:url(../../images/icon_nav.png); background-position:center; background-size:contain;  height:28px; width:28px;background-repeat:no-repeat; float:left; margin-top:5px; cursor:pointer;}
@media (min-width:992px){.iconnav{ display:none;}}

.menu_header_blank{ height:40px; border-bottom:2px solid #25cda9;}
@media (min-width:992px){.menu_header_blank{ display:none;}}



.menu_header .menu_ul .sub_nav{ display:none; margin-bottom:15px;}
.menu_header .menu_ul .sub_nav a{ font-size:0.9rem; padding:5px 15px 5px 46px;}
@media (min-width:992px){
	.menu_header .menu_ul .sub_nav{ width:130%; margin-left:-15%; background-color:#ededed; position:absolute; top:60px;}
	.menu_header .menu_ul .sub_nav a{ border-bottom:1px solid #ccc; display:block; width:100%; padding:15px;}
	.menu_header .menu_ul .sub_nav a:hover, .menu_header .menu_ul .sub_nav a:focus{ background-color:#25cda9; color:#fff;}
}


.nav_about:hover .sub_nav_about,
.nav_about:focus .sub_nav_about{ display:block;}
.nav_advantage:hover .sub_nav_advantage,
.nav_advantage:focus .sub_nav_advantage{ display:block;}
.nav_product:hover .sub_nav_product,
.nav_product:focus .sub_nav_product{ display:block;}
.nav_news:hover .sub_nav_news,
.nav_news:focus .sub_nav_news{ display:block;}
.nav_investor:hover .sub_nav_investor,
.nav_investor:focus .sub_nav_investor{ display:block;}

.fadeIn {
  -webkit-animation: fadeIn 0.4s; /* Safari 4+ */
  -moz-animation:    fadeIn 0.4s; /* Fx 5+ */
  -o-animation:      fadeIn 0.4s; /* Opera 12+ */
  animation:         fadeIn 0.4s; /* IE 10+, Fx 29+ */
}




.top_blank{ height:140px;}
@media (min-width:992px){.top_blank{ height:150px;}}



.bg_dots{ position:absolute; width:100%; height:100%; background-image:url(../../images/bg_dots.png); background-position:0 -20px;}




.top_banner{ height:160px; background-image:url(../../images/top_banner_bg.jpg); background-position:bottom; background-repeat:repeat-x; border-bottom:8px solid #25cda9; position:relative; overflow:hidden;}
.top_banner .container-fluid{ position:relative; height:100%;}
.top_banner_pro{ position:absolute; top:-10px; left:50%; margin-left:-600px;}
.top_banner_pro img{ width:700px; height:auto;}
.top_banner_text{ position:absolute; font-family: 'Ubuntu', sans-serif; color:#25cda9; font-size:1.2rem; line-height:1.4rem; letter-spacing:0.1rem; text-align:right; left:100%; margin-left:-320px; width:300px; top:15px; border-right:4px solid #25cda9; padding:0 10px;}

.top_banner .bg_dots{ display:none;}

@media (min-width:768px){
	.top_banner{ height:300px; background-image:url(../../images/top_banner_bg.jpg); background-position:bottom; background-repeat:repeat-x; border-bottom:8px solid #25cda9; position:relative; overflow:hidden;}
	.top_banner .bg_dots{ display:block;}
	.top_banner_pro{ position:absolute; top:-60px; left:50%; margin-left:-1480px;}
	.top_banner_pro img{ width:1400px; height:auto;}
	.top_banner_text{ position:absolute; font-size:2.2rem; line-height:2.4rem; letter-spacing:0.1rem; text-align:right; left:100%; top:50%; transform:translateY(-50%); border:none; font-weight:500;}
}

.top_block1{ background-color:#efefef; height:auto; position:relative; padding:48px 0; overflow:hidden; font-family: 'Ubuntu', sans-serif; border-bottom:8px solid #fff;}
.top_block1 .bg_dots{ display:none;}
.top_block1 a{ position:absolute; z-index:999; width:100%; height:100%; top:0; left:0; background-color:#fff; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; opacity:0;}
.top_block1 a:hover{ opacity:0.3;}

.top_block_title{ float:left; color:#25cda9; width:6.25rem; font-size:1.3rem; line-height:1rem; font-family: 'PT Sans', sans-serif; border-top:4px solid #25cda9; border-bottom:1px solid #25cda9; padding:15px 0;}
.top_block1 .row{ margin-left:7.25rem; color:#3d3a39;}
.top_block1 .row .col-lg-4{ margin-bottom:30px;}
.top_block1 .row img{ max-width:320px; width:100%; height:auto; mix-blend-mode: multiply;}
.top_block1 .row h5{ font-size:0.9rem;}
.top_block1 .row h5 img{ margin-top:-16px; width:13px;}
@media (min-width:768px){
	.top_block1 .top_block_title{ width:200px; font-size:1.8rem; line-height:1.2rem;}
	.top_block1 .row{ margin-left:240px;}
	.top_block1 .row h5{ font-size:1.1rem;}
}
@media (min-width:992px){
	.top_block1{ height:280px; }
	.top_block1 .bg_dots{ display:block; background-position:0 -40px;}
	.top_block1 .top_block_title{ float:left; color:#f0b200; border-color: #f0b200;  margin-top:30px; width:160px; font-size:1.8rem; line-height:1.2rem;}
	.top_block1 .row{ margin-left:200px; color:#3d3a39;}
}
@media (min-width:1280px){
	.top_block1 .top_block_title{ width:280px; font-size:2.4rem; line-height:1.8rem;}
	.top_block1 .row{ margin-left:360px;}
}

.top_block2{ background-color:#efefef; height:auto; position:relative; padding:48px 0; overflow:hidden; font-family: 'Ubuntu', sans-serif; border-bottom:8px solid #fff;}
.top_block2 .bg_dots{ display:none;}
.top_block2 a{ position:absolute; z-index:999; width:100%; height:100%; top:0; left:0; background-color:#fff; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; opacity:0;}
.top_block2 a:hover{ opacity:0.3;}

.top_block2 .row{ margin-left:120px; color:#3d3a39;}
.top_block2 .row .col-lg-4{ margin-bottom:30px; position:relative;}
.top_block2 .row img{ max-width:100%; width:64px; height:auto; margin-bottom:30px;}
.top_block2 h5{ font-size:0.9rem; position:absolute; top:24px; left:90px;}

.top_block2_slick{ display:none;}

@media (min-width:768px){
	.top_block2 .top_block_title{ width:200px; font-size:1.8rem; line-height:1.2rem;}
	.top_block2 .row{ margin-left:240px;}
	.top_block2 .row img{ width:140px;}
	.top_block2 h5{ font-size:1.1rem; position:absolute; top:50px; left:200px;}
}
@media (min-width:992px){
	.top_block2{ height:280px; }
	.top_block2 .bg_dots{ display:block; background-position:0 -40px;}
	.top_block2 .top_block_title{ float:left; margin-top:30px; width:160px; font-size:1.8rem; line-height:1.2rem;}
	.top_block2 .row{ margin-left:200px; color:#3d3a39; display:none;}
	.top_block2 .row img{ margin-bottom:15px;}
	.top_block2 h5{position:static; margin-top:15px;}
	
	.top_block2_slick{ display:block; margin-left:200px; padding-top:10px; position:relative;}
	
	.top_block2_slick .prev{ position:absolute; top:50%; left:0%; transform:translate(-450%,-50%); cursor:pointer;}
	.top_block2_slick .next{ position:absolute; top:50%; left:100%; transform:translate(-100%,-50%); cursor:pointer;}
	
	.top_block2_slick .top_block2_slick_item img{ width:70%}
}
@media (min-width:1280px){
	.top_block2 .top_block_title{ width:280px; font-size:2.4rem; line-height:1.8rem;}
	.top_block2 .row{ margin-left:360px;}
	.top_block2 .row .col-lg-3{ padding:0 30px;}
	
	.top_block2_slick{ display:block; margin-left:360px;}
}


.top_block3{ background-color:#efefef; height:auto; position:relative; padding:48px 0; overflow:hidden; font-family: 'Ubuntu', sans-serif; border-bottom:8px solid #fff;}
.top_block3 .bg_dots{ display:none;}
.top_block3 a{ position:absolute; z-index:999; width:100%; height:100%; top:0; left:0; background-color:#fff; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; opacity:0;}
.top_block3 a:hover{ opacity:0.3;}


.top_block3 .row{ margin-left:120px; color:#3d3a39;}
.top_block3 .row .col-lg-4{ margin-bottom:30px;}
.top_block3 .row img{ max-width:320px; width:100%; height:auto;}
.top_block3 .row h5{ font-size:0.9rem;}
.top_block3 .row h5 img{ margin-top:-16px; width:13px;}
@media (min-width:768px){
	.top_block3 .top_block_title{ width:200px; font-size:1.8rem; line-height:1.2rem;}
	.top_block3 .row{ margin-left:240px;}
	.top_block3 .row h5{ font-size:1.2rem;}
}
@media (min-width:992px){
	.top_block3{ height:280px; }
	.top_block3 .bg_dots{ display:block; background-position:0 -40px;}
	.top_block3 .top_block_title{ float:left; color:#ff8376; border-color: #ff8376;  margin-top:30px; width:160px; font-size:1.8rem; line-height:1.2rem;}
	.top_block3 .row{ margin-left:200px; color:#3d3a39;}
}
@media (min-width:1280px){
	.top_block3 .top_block_title{ width:280px; font-size:2.4rem; line-height:1.8rem;}
	.top_block3 .row{ margin-left:360px;}
}


.top_contact{ padding:80px 0; background-color:#25cda9; color:#fff; position:relative; background-image:url(../../images/bg_dots2.png);}
.top_contact .container-fluid{ position:relative;}
.top_contact h6{ padding:10px 0 10px 32px; background-position:center left; background-size:24px 24px; background-repeat:no-repeat; font-size:0.8rem; font-weight:300;}
.top_contact h5{ font-size:1rem; font-weight:300;}

.top_contact .share_fb{ display:none;}
@media (min-width:992px){
	.top_contact h6{ font-size:0.9rem; background-size:36px 36px; padding:12px 0 12px 48px;}
	.top_contact h5{ font-size:1.2rem;}
	.top_contact .share_fb{ position:absolute; top:100%; margin-top:-42px; left:100%; margin-left:-85px; display:block;}
	.top_contact .share_fb img{ width:30px; height:auto;}
	
	.top_contact .share_in{ position:absolute; top:100%; margin-top:-42px; left:100%; margin-left:-45px; display:block;}
	.top_contact .share_in img{ width:30px; height:auto;}
}
@media (min-width:1400px){
	.top_contact .share_fb{ position:absolute; top:100%; margin-top:-42px; left:100%; margin-left:0;}
	
	.top_contact .share_in{ position:absolute; top:100%; margin-top:-42px; left:100%; margin-left:40px;}
}


.guide{ margin-top:32px; margin-bottom:32px; font-size:0.8rem;}
.guide a{ color:#fff; border:2px solid #fff; padding:8px 16px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.guide a:hover{ text-decoration:none; background-color:#595757; border-color:#595757;}
@media (min-width:768px){.guide{ display:none;}}


.page_block{}
.page_block .container-fluid{ max-width:none;}

.page_block .side_nav_col{
	background: -webkit-linear-gradient(#241916,#4b4848);
	background: -o-linear-gradient(#241916,#4b4848);
	background: -moz-linear-gradient(#241916,#4b4848);
	background: linear-gradient(#241916,#4b4848);
	position:relative;
	overflow:hidden;
	display:none;
}
@media (min-width:992px){
	.page_block .side_nav_col{ display:block;}
}


.side_nav_text{ position:absolute; top:120px; left:15px;}
@media (min-width:1295px){
	.side_nav_text{left: calc(50vw - 540px)}
}

.side_nav_text h1{ color:#25cda9; font-size:1.8rem; font-weight:300; line-height:1.8rem;}
.side_nav_text ul{ padding:0; list-style:none; font-size:0.9rem;}
.side_nav_text ul li{ margin:30px 0;}
.side_nav_text ul li a{ color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s; border-bottom:1px solid #ddd; padding-bottom:4px;}
.side_nav_text ul li a:hover{ color:#25cda9; text-decoration:none; border-color:#25cda9;}


.side_bg1{position:absolute; background-image:url(../images/side_bg1.png); background-repeat:no-repeat; width:100%; height:100%; left:0; top:0; opacity:0.5;}
.side_bg2{position:absolute; background-image:url(../images/side_bg2.png); background-repeat:no-repeat; width:100%; height:100%; left:0; top:160px; opacity:0.5;}
.side_bg3{position:absolute; background-image:url(../images/side_bg3.png); background-repeat:no-repeat; width:100%; height:100%; left:0; top:560px; opacity:0.5;}
.side_bg4{position:absolute; background-image:url(../images/side_bg4.png); background-repeat:no-repeat; width:100%; height:100%; left:0; top:160px; opacity:0.5;}

.side_nav_col .bg_dots{ background-position:-15px 10px;}


.page_content_col{ position:relative; background-color:#f3f3f3;}
.page_content_col .bg_dots{ display:none;}
.page_content{ padding:50px 0;}
@media (min-width:992px){
	.page_content_col{ overflow:hidden;}
	.page_content_col .bg_dots{ display:block;  background-position:-45px 10px;}
	.page_content{ position:absolute; width:100%; padding:125px 80px;}
}

.page_mobile_title{ padding-bottom:0;}
.page_mobile_title h1{color:#25cda9; font-size:1.6rem;}
@media (min-width:992px){.page_mobile_title{ display:none;}}



@media (min-width:1200px){
	.page_block .side_nav_col{width:33.3%;}
	.page_block .page_content_col{width:66.7%;}
}
@media (min-width:1600px){
	.page_block .side_nav_col{width:37%;}
	.page_block .page_content_col{width:63%;}
}

.about_banner .top_banner_pro{ position:absolute; top:-30px; left:50%; margin-left:-500px;}
.about_banner .top_banner_pro img{ width:500px; height:auto;}
.about_banner .top_banner_text{}
@media (min-width:768px){
	.about_banner .top_banner_pro{ position:absolute; top:0; left:33.3%; margin-left:-640px;}
	.about_banner .top_banner_pro img{ width:640px; height:auto;}
	.about_banner .container-fluid{ max-width:none;}
	.about_banner .top_banner_text{ position:absolute; font-size:2rem; line-height:2.2rem; left:33.8%; margin-left:80px; top:60%; border:none; text-align:left;}
}
@media (min-width:1200px){
	.about_banner .top_banner_pro{ position:absolute; top:0; left:33.3%; margin-left:-640px;}
	.about_banner .top_banner_pro img{ width:640px; height:auto;}
	.about_banner .top_banner_text{ left:33.8%; margin-left:80px;}
}
@media (min-width:1600px){
	.about_banner .top_banner_pro{ position:absolute; top:0; left:37%; margin-left:-720px;}
	.about_banner .top_banner_pro img{ width:720px; height:auto;}
	.about_banner .top_banner_text{ left:37.5%; margin-left:80px;}
}

.about_content_col p{ font-size:0.9rem; color:#717071; text-align:justify;}
@media (min-width:992px){
	/*.about_content_col{ height:720px;}
	.about_content_col .page_content{ padding:125px 80px;}*/
	.about_content_col p{ font-size:0.9rem; /*max-width:500px;*/ line-height:2rem;}	
}


.product_banner .top_banner_pro img{ width:700px; height:auto;}
@media (min-width:768px){
	.product_banner .top_banner_pro{ position:absolute; top:-90px; left:50%; margin-left:-1480px;}
	.product_banner .top_banner_pro img{ width:1400px; height:auto;}
	.product_banner .top_banner_text,
	.product_banner2 .top_banner_text,
	.product_banner3 .top_banner_text,
	.product_banner4 .top_banner_text{ font-size:2rem; line-height:2.2rem;}

}

.page_product_block{font-family: 'Ubuntu', sans-serif; }

.product_content_col{ color:#333;}
.product_content_col h3{ margin-bottom:15px; font-size:1rem;}
.product_content_col ul{ list-style:none; padding:0; font-size:0.7rem;}
.product_content_col ul li{ margin-left:0.54rem; text-indent:-0.54rem;}

.product_content_col .product_con1{ text-align:center; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #777;}
.product_content_col .product_con1:last-child{ border:none;}
.product_content_col .product_con1 img{ max-width:75%;}
.product_content_col .product_con1_text{ text-align:left; width:240px; margin:0;}

.product_content_col .product_con_title{ padding-bottom:15px; padding-top:15px; margin-bottom:0px; border-bottom:1px solid #777; border-top:1px solid #777; font-size:1.6rem;}
.page_product_block .download img {
    max-width: 12px;
    margin-left: 5px;
}

@media (min-width:480px){
	.product_content_col .product_con1_text{ text-align:left; width:380px; margin:auto;}
	.product_content_col h3{ font-size:1.4rem;}
	.product_content_col ul{ list-style:none; padding:0; font-size:0.8rem;}
}

@media (min-width:992px){
	.product_content_col{ height:2800px;}
	.product_content_col h3{ font-size:1.4rem;}
	.product_content_col ul{ }
}
@media (min-width:1280px){
	.product_content_col .product_con1 img{ margin-right: calc(50vw - 720px)}
	.product_content_col .product_con1_text{ margin-right: calc(50vw - 580px)}
}
@media (min-width:1600px){
	.product_content_col .product_con1 img{  margin-right: calc(50vw - 740px);}
	.product_content_col .product_con1_text{ margin-right: calc(50vw - 600px);}	
}


.product_con1a{ padding-bottom:72px; padding-top:72px; margin-bottom:0px; border-bottom:1px solid #777; position:relative;}
.product_con1a.product_con1a_first{ padding-bottom:96px;padding-top:96px;}
.product_con1a:last-child{ border:none;}
.product_con1a_pic{ float:left;}
.product_con1a_pic img{ width:72px; height:auto; mix-blend-mode: multiply; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-15px;}
.product_con1a_text{ margin-left:90px;}
.product_con1a .product_con1a_text h3{ margin-bottom:10px; font-size:0.9rem;}
.product_con1a .product_con1a_text ul{ list-style:none; padding:0; font-size:0.6rem;}
.product_con1a .product_con1a_text ul li{ margin-left:0.5rem; text-indent:-0.5rem;}
.product_con1a .product_con1a_text ul li img{ width:80px; height:auto;}
@media (min-width:768px){
	.product_con1a_pic img{ width:200px; margin-top:0px; position:static; top:0; transform:translateY(0);}
	.product_con1a_text{ margin-left:220px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.product_con1a .product_con1a_text h3{ margin-bottom:15px; font-size:1.4rem;}
	.product_con1a .product_con1a_text ul{ font-size:0.8rem; max-width:380px;}
	.product_con1a .product_con1a_text ul li{ margin-left:0.67rem; text-indent:-0.67rem;}
	.product_con1a .product_con1a_text ul li img{ width:200px; height:auto;}
}
@media (min-width:1600px){
	.product_con1a{ padding-left: calc(50vw - 850px)}
	.product_con1a_text{ padding-left: calc(50vw - 850px)}
}


.bp2_lg{ display:none;}

.product_banner2 .top_banner_pro{ position:absolute; top:25px; left:15px; margin-left:0}
.product_banner2 .top_banner_pro img{ width:240px; height:auto;}
@media (min-width:768px){
	.bp2_lg{ display:block;}
	.bp2_sm{ display:none;}
	.product_banner2 .top_banner_pro{ position:absolute; top:90px; left:50%; margin-left:-500px;}
	.product_banner2 .top_banner_pro img{ width:680px; height:auto;}

}
@media (min-width:1200px){
	.product_banner2 .top_banner_pro{ position:absolute; top:90px; left:50%; margin-left:-500px;}
	.product_banner2 .top_banner_pro img{ width:700px; height:auto;}
}

.product_con2{ padding-bottom:72px; padding-top:72px; margin-bottom:0px; border-bottom:1px solid #777;}
.product_con2.product_con2_first{ padding-top:15px;}
.product_con2:last-child{ border:none}
.product_con2_pic{ float:left;}
.product_con2_pic img{ width:72px; height:auto; margin-top:20px;}
.product_con2_text{ margin-left:90px;}
.product_con2 .product_con2_text h3{ margin-bottom:10px; font-size:0.9rem;}
.product_con2 .product_con2_text ul{ list-style:none; padding:0; font-size:0.6rem;}
.product_con2 .product_con2_text ul li{ margin-left:0.5rem; text-indent:-0.5rem;}
@media (min-width:768px){
	.product_con2_pic img{ width:140px;}
	.product_con2_pic img.tp10{ width:160px;}
	.product_con2_text{ margin-left:180px;}
	.product_con2 .product_con2_text h3{ margin-bottom:15px; font-size:1.4rem;}
	.product_con2 .product_con2_text ul{ font-size:0.8rem; max-width:380px;}
	.product_con2 .product_con2_text ul li{ margin-left:0.67rem; text-indent:-0.67rem;}
}
@media (min-width:1600px){
	.product_con2{ padding-left: calc(50vw - 850px)}
}

.product_banner3{ background-image:url(../images/top_banner_bg2.jpg);}
.product_banner3 .top_banner_gr{ height:179px; width:100%; z-index:4; position:absolute; top:100%; margin-top:-179px; left:0; background-image:url(../images/top_banner_bg2gr.png); mix-blend-mode: multiply;}
.product_banner3 .top_banner_text{ z-index:6;}
.product_banner3 .bg_dots{ z-index:5;}
.product_banner3 .top_banner_pro{ position:absolute; top:48px; left:5px; margin-left:0}
.product_banner3 .top_banner_pro img{ width:300px; height:auto;}
@media (min-width:400px){
	.product_banner3 .top_banner_pro{ position:absolute; top:40px; left:10px; margin-left:0}
	.product_banner3 .top_banner_pro img{ width:360px; height:auto;}
}
@media (min-width:768px){
	.product_banner3 .top_banner_pro{ position:absolute; top:70px; left:50%; margin-left:-560px;}
	.product_banner3 .top_banner_pro img{ width:640px; height:auto;}
}

.product_con3{ padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #777;}
.product_con3:last-child{ border:none;}
.product_con3 p{ font-size:0.8rem; max-width:100%; width:400px;}

.product_con3 img{ max-width:75%; width:320px; height:auto; margin-top:10px;}
.product_con3 h3 img{ width:13px; margin-top:-20px; margin-left:5px;}
@media (min-width:768px){
	.product_con3 p{ font-size:0.8rem;}
	.product_con3 ul li{ font-size:0.8rem;}
}
@media (min-width:1600px){
	.product_con3{ padding-left:8%;}
}


.product_banner4{ background-image:url(../images/top_banner_bg2.jpg);}
.product_banner4 .top_banner_gr{ height:179px; width:100%; z-index:4; position:absolute; top:100%; margin-top:-179px; left:0; background-image:url(../images/top_banner_bg2gr.png); mix-blend-mode: multiply;}
.product_banner4 .top_banner_text{ z-index:6;}
.product_banner4 .bg_dots{ z-index:5;}
.product_banner4 .top_banner_pro{ position:absolute; top:-10px; left:50%; margin-left:-240px;}
.product_banner4 .top_banner_pro img{ width:300px; height:auto; mix-blend-mode: multiply;}
@media (min-width:768px){
	.product_banner4 .top_banner_pro{ position:absolute; top:-96px; left:50%; margin-left:-400px;}
	.product_banner4 .top_banner_pro img{ width:680px; height:auto;}
}

.product_con4{ padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #777;}
.product_con4:last-child{ border:none;}

.product_con4 p{ font-size:0.8rem; max-width:540px;}
.product_con4_pic img{ mix-blend-mode: multiply; max-width:60%;}

@media (min-width:768px){
	.product_con4 p{ font-size:0.8rem;}
}
@media (min-width:1600px){
	.product_con4{ padding-left:8%;}
}


/*------------------------------------------------UPDATE 11/12------------------------------------*/

@media (min-width:768px){
	.news_banner .top_banner_text{ position:absolute; font-size:2rem; line-height:2.2rem; left:33.8%; margin-left:80px; top:60%; border:none; text-align:left; margin-top:-30px;}
}
@media (min-width:1200px){
	.news_banner .top_banner_text{ left:33.8%; margin-left:80px;}
}
@media (min-width:1600px){
	.news_banner .top_banner_text{ left:37.5%; margin-left:80px;}
}

.news_content_col p{ font-size:0.8rem; color:#717071; }
@media (min-width:992px){
	.news_content_col{ height:2800px;}
	.news_content_col .page_content{ padding:125px 80px;}
	.news_content_col p{ font-size:0.9rem; max-width:500px;}	
}

.page_news_year{ color:#16ca9b; padding-bottom:30px; border-bottom:1px solid #777; text-align:center;}

.page_news_con{ padding:20px 0; border-bottom:1px solid #777; position:relative;}
.page_news_con h6{ font-weight:400; color:#16ca9b; font-size:0.8rem;}
.page_news_con h5{ font-weight:400; color:#3e3a39; margin-bottom:0; margin-top:15px; font-size:0.9rem; padding-right:0; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.page_news_con h5 a{ color:#3e3a39;}
.page_news_con h5 a:hover{ color:#007bff;}

.page_news_con .page_news_con_link{ width:100%; padding-right:0; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.page_news_con .page_news_con_link a{ font-weight:400; color:#3e3a39; width:100%; font-size:0.9rem; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}

.page_news_con .page_news_con_channel{ margin-top:10px; color:#777; font-size:0.8rem;}

@media (min-width:768px){
	.page_news_con h5{ color:#3e3a39; padding-right:120px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
	.page_news_con .page_news_con_link{ width:100%; padding-right:120px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
	.page_news_con .page_news_con_channel{ position:absolute; left:100%; top:50%; transform:translate(-100%,-50%); width:120px; text-align:right; margin-top:0;}
}


.page_top_line{border-top:1px solid #777;}
@media (min-width:992px){
	.news_content_col.training_content_col{ height:3200px;}
}
.news_training_row .col-md-6{ margin-bottom:30px;}

.training_content_col .page_news_con h5 span{ display:block;}
@media (min-width:768px){
	.training_content_col .page_news_con h5 span{ margin-right:50px; display:inline-block;}
	.training_content_col .page_news_con h5{ padding-right:0px; }
	.training_content_col .page_news_con .page_news_con_link{ padding-right:0px;}
}

.event_content_col .page_news_con dl{ font-size:0.8rem;}
.event_content_col .page_news_con dt{float: left; color:#16ca9b;}
.event_content_col .page_news_con dd{margin-left: 180px; color:#3e3a39; font-weight:bold;}
@media (min-width:992px){
	.event_content_col{ height:3100px;}
}


.contact_content_col{}
@media (min-width:992px){
	.contact_content_col{ height:960px;}
}
.contact_content_col h3{ font-size:1.2rem; margin:20px auto; text-align:center; color:#3e3a39;}
.contact_content_col .contact_link{ margin:40px 0;  text-align:center;}
.contact_content_col .contact_link a{ background-color:#16ca9b; color:#fff; font-size:1rem; border-radius:10px; padding:10px 30px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.contact_content_col .contact_link a:hover{ text-decoration:none; background-color:#399;}
@media (min-width:768px){
	.contact_content_col h3{ max-width:540px; font-size:1.2rem;}
	.contact_content_col .contact_link a{font-size:1rem; border-radius:10px; padding:6px 60px;}
}


.contact_map{ display:none;}
/*@media (min-width:1600px){
	.contact_map{ position:relative; text-align:center; font-weight:400; display:block;}
	.contact_map_dot{ position:absolute; font-size:0.6rem; cursor:default;}
	.contact_map_dot span{ display:block; opacity:0; font-size:0.8rem; -webkit-transition: all 0.2s;  transition: all 0.2s;}
	.contact_map_dot:hover span{ opacity:1;}
	
	
	.contact_map_america{ top:34%; left:21.5%;}
	.contact_map_colombia{ top:54%; left:26%;}
	.contact_map_argentina{ top:79%; left:28%;}
	.contact_map_turkey{ top:34%; left:55%;}
	.contact_map_china{ top:34%; left:75%;}
	.contact_map_myanmar{ top:42%; left:73.5%;}
	.contact_map_thailand{ top:50.5%; left:75.5%;}
	.contact_map_thailand span{ float:right;}
	.contact_map_malaysia{ top:59%; left:73.5%;}
	.contact_map_australia{ top:70%; left:82%;}
	
	.contact_map_s{ display:none;}
}*/


.alert_block{ position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:rgba(050,050,050,0.7);-webkit-transition: margin 5s, opacity 0.3s; /* For Safari 3.1 to 6.0 */ transition: margin 5s, opacity 0.3s;}
.alert_block .alert_con{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; font-size:1.1rem; color:#fff; background-color:#16ca9b; padding:30px 50px 20px 50px; border-radius:15px; max-width:840px;-webkit-transition: margin 5s, opacity 0.3s; /* For Safari 3.1 to 6.0 */ transition: margin 5s, opacity 0.3s;}

.alert_block .alert_con ul{ padding:0; list-style:none; text-align:right;}
.alert_block .alert_con ul li{ display:inline-block; margin:0px 25px 0 0;}
.alert_block .alert_con ul li a{ background-color:#fff; font-size:1rem; color:#333; border-radius:6px; padding:4px 32px; font-weight:bold; text-align:center;-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.alert_block .alert_con ul li a:hover{ text-decoration:none; background-color:#ccc;}

.alert_block .alert_con ul li:last-child a{ background-color:#3e3a39; color:#fff; padding:6px 42px;}
.alert_block .alert_con ul li:last-child a:hover{ background-color:#777;}

.alert_block .alert_con_times{ height:0; position:relative;}
.alert_block .alert_con_times img{ position:absolute; left:100%; top:0; margin-top:-45px; margin-left:25px; width:40px; height:auto; cursor:pointer;}



.investor_content_col p{ font-size:0.9rem; color:#717071; text-align:justify;}
@media (min-width:992px){
	.investor_content_col{ min-height:1400px;}
	.investor_content_col .page_content{ padding-top:125px; padding-left:80px; padding-right:80px;}
	.investor_content_col p{ font-size:0.9rem; /*max-width:500px;*/ line-height:2rem;}	
}

.investor_content_col .page_news_con dl{ font-size:0.8rem;}
.investor_content_col .page_news_con dt{float: left; color:#16ca9b;}
.investor_content_col .page_news_con dd{margin-left: 180px; color:#3e3a39; font-weight:bold;}
.investor_content_col .page_news_con dd i{margin-right: 5px;}


.finance_concept{ padding:20px 0; border-bottom:1px solid #777;}
.finance_concept h4{ font-size:1.2rem; color:#16ca9b;}
.finance_concept ul{ font-size:0.9rem; list-style:none; padding-left:26px;}
.finance_concept ul li a{ color:#3e3a39;}

.finance_concept_more a{ float:right; padding:2px 15px; border-radius:8px; background-color:#16ca9b; color:#fff; font-size:0.9rem; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.finance_concept_more a:hover{ text-decoration:none; background-color:#399;}


.news_year_ul{ padding:0; list-style:none;}
.news_year_ul li{ display:inline-block; color:#16ca9b;}
.news_year_ul li::after{ content:" │"}
.news_year_ul li a{ color:#777;}
.news_year_ul li a:hover,
.news_year_ul li a.active{ color:#16ca9b; text-decoration:none; font-weight:bold;}


.investor_cate{ border:1px solid #16ca9b; color:#16ca9b; display:block; text-align:center; padding:10px 0; margin:0 0 5px 0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.investor_cate:hover,
.investor_cate.active{ background-color:#16ca9b; color:#fff; text-decoration:none; border:1px solid #16ca9b;}

.investor_block .news_year_ul{ margin-top:10px;}
.investor_block .page_content h3{ color:#053190;}

.investor_table table{ color:#3e3a39;}
.investor_table table tr th{ background-color:#16ca9b; color:#fff;}
.investor_table table tr a{ color:#16ca9b;}
.investor_table table tr a:hover{ color:#399; text-decoration:none;}
.revenue_bar{ background-color:#16ca9b; height:1rem; float:left; margin-right:10px; margin-top:4px;}



.annual_report_con{ border-top:4px solid #16ca9b; margin:10px 0; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
.annual_report_pic{ background-position:center; background-size:cover; height:240px;}
.annual_report_text{ padding:15px; text-align:center; background-color:#fff;}
.annual_report_text h4{ color:#16ca9b;}
.annual_report_text a{ padding:5px 20px; margin:20px 0 10px 0; background-color:#16ca9b; border-color:#16ca9b;}
.annual_report_text a:hover{ background-color:#399; border-color:#399;}


.shareholder_concept{ background-color:#eee; border-top:4px solid #0097d0; padding:15px; margin:10px 0;}
.shareholder_concept h4{ border-bottom:1px solid #003652; padding-bottom:10px; margin-bottom:10px; color:#003652;}
.shareholder_concept p{ min-height:120px;}
.shareholder_concept .btn-sm{ background-color:#053190; border-color:#053190;}
.shareholder_concept .btn-sm:hover{ background-color:#09f; border-color:#09f;}


.dividend_ol{ padding:15px 30px; background:#eee;}

.meeting_title{ padding:20px 15px; background-color:#16ca9b; color:#fff;}

.meeting_wrapper{-moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray; margin-bottom:30px;}
.meeting_content{ padding:15px;}
.meeting_content .investor_table table{ border:1px solid #eee;}
.meeting_content .investor_table table tr th{ background-color:#777; color:#fff;}

.major_list_date{ text-align:right; margin:30px 0;}

.session_con{ margin:15px 0; padding:15px; background-color:#eee;}

.session_pic{width:100%; height:200px; background-size:cover; background-position:center; margin-bottom:10px; position:relative;}
.session_pic a{ position:absolute; width:100%; height:100%; background-color:#fff; opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.session_pic a:hover{ opacity:0.4;}
.session_text h4 a{ color:#003652;}
.session_more{ border-top:1px solid #ccc; padding-top:15px; color:#777;}
.session_more a{ float:right; margin-top:-8px; margin-left:5px; padding:5px 20px; background-color:#09f; border-color:#09f; border-radius:0;}
.session_more a:hover{ background-color:#036; border-color:#036}
@media (min-width:992px){
	.session_pic{ width:200px; height:140px; float:left;}
	.session_text{ margin-left:220px;}
}
.session_more a.btn-danger{ background-color:#099; border-color:#099; border-radius:0;}
.session_more a.btn-danger:hover{ background-color:#3cc; border-color:#3cc;}


.director_con{ border-left:4px solid #0097d0; padding:15px 30px; margin:10px 0; background-color:#eee;}
.director_con h3{ color:#0097d0;}
.director_con h5{ color:#960d80;}
.director_con a{ padding:5px 20px; background-color:#0097d0; border-color:#0097d0;}
.director_con a:hover{ background-color:#003652; border-color:#003652;}

.source_list{ list-style:none; padding-left:2rem;}
.source_list a{ color:#960d80;}
.source_list a:hover{ color:#636; text-decoration:none;}
.source_list i{ margin-right:10px;}

.price_table tr:nth-child(odd){ background-color:#eee;}
.price_table tr td{ vertical-align:middle;}
.price_table h6 span{ color:#c00; font-weight:bold;}




/*------------------------------------------------UPDATE 190522-------------------------------------------------------*/

@media (min-width:992px){
	.top_block3_add .top_block_title{color:#708fc2; border-color: #708fc2;}
}



.top_banner_pro{ position:absolute; top:-50px; left:100%; margin-left:-320px;}
.top_banner_pro img{ width:400px; height:auto;}

.top_banner_text_add{position:absolute; font-family: 'Ubuntu', sans-serif; color:#25cda9; font-size:1.2rem; line-height:1.4rem; letter-spacing:0.1rem; text-align:right; left:0; margin-left:-120px; width:300px; top:15px; border-right:4px solid #25cda9; padding:0 10px;}
@media (min-width:768px){
	.top_banner_pro_add{ position:absolute; top:-220px; left:100%; margin-left:-560px;}
	.top_banner_pro_add img{ width:960px; height:auto;}
	.top_banner_text_add{ position:absolute; font-size:2.6rem; line-height:2.6rem; letter-spacing:0.1rem; text-align:right; margin-left:0; left:0; top:50%; transform:translateY(-50%); border:none; font-weight:300;  width:340px;}
}

@media (min-width:1200px){
	.top_banner_pro_add{ position:absolute; top:-220px; left:100%; margin-left:-720px;}
	.top_banner_pro_add img{ width:960px; height:auto;}
}

@media (min-width:1600px){
	.top_banner_pro_add{ position:absolute; top:-220px; left:100%; margin-left:-960px;}
	.top_banner_pro_add img{ width:960px; height:auto;}
}

.product_banner5 .top_banner_pro{ left:0; top:-80px; margin-left:-200px;}
.product_banner5 .top_banner_pro img{ width:500px; height:auto;}
@media (min-width:768px){
	.product_banner5 .top_banner_pro{ position:absolute; top:-210px; left:50%; margin-left:-960px;}
	.product_banner5 .top_banner_pro img{ width:960px; height:auto;}
	.product_banner5 .top_banner_text{ font-size:2rem; line-height:2.2rem;}

}

.side_bg5{position:absolute; background-image:url(../images/side_bg3.png); background-repeat:no-repeat; width:100%; height:100%; left:0; top:0px; opacity:0.5;}

@media (min-width:992px){.product_content_col5{ height:960px;}}

.product_content_col5 .product_con5{ padding-bottom:72px;  padding-top:72px; margin-bottom:0px; border-bottom:1px solid #777; border-top:1px solid #777;}
/*.product_con5:last-child{ border:none}*/
.product_con5_pic{ float:left;}
.product_con5_pic img{ width:72px; height:auto; margin-top:20px;}
.product_con5_text{ margin-left:90px;}
.product_con5 .product_con5_text h3{ margin-bottom:10px; font-size:0.9rem;}
.product_con5 .product_con5_text ul{ list-style:none; padding:0; font-size:0.6rem;}
.product_con5 .product_con5_text ul li{ margin-left:0.5rem; text-indent:-0.5rem;}
@media (min-width:768px){
	.product_con5_pic img{ width:240px;  margin-top:-20px;}
	.product_con5_text{ margin-left:260px;}
	.product_con5 .product_con5_text h3{ margin-bottom:15px; font-size:1.4rem;}
	.product_con5 .product_con5_text ul{ font-size:0.8rem; max-width:380px;}
	.product_con5 .product_con5_text ul li{ margin-left:0.67rem; text-indent:-0.67rem;}
}
@media (min-width:1600px){
	.product_con5{ padding-left: calc(50vw - 850px)}
}


/*------------------------------------------------UPDATE 200317-------------------------------------------------------*/


.about_content_col table thead{ background-color:#25cda9; color:#fff;}
.about_content_col table tbody td{ vertical-align:middle;}

.about_content_col .page_contact_title{ color:#25cda9; text-align:left;}

@media (min-width:992px){
	.about_content_col.about_content_col1{ height:4300px;}
	.about_content_col.about_content_col2{ height:880px;}
	.about_content_col.about_content_col3{ height:1280px;}
	.about_content_col.about_content_col4{ height:960px;}
	.investor_content_col.investor_content_col1-2{ height:2000px;}
	.investor_content_col.investor_content_col3-1{ min-height:6700px;}
	.investor_content_col.investor_content_col3-2{ height:1600px;}
	.investor_content_col.investor_content_col3-3{ height:6000px;}
	.investor_content_col.investor_content_col3-4{ height:8300px;}
	.investor_content_col.investor_content_col3-6{ height:1800px;}
	.investor_content_col.investor_content_col3-7{ height:1800px;}
	.investor_content_col.investor_content_col4{ height:2400px;}
	.investor_content_col.investor_content_col6{ height:2200px;}
	
}
@media (min-width:1280px){
	.about_content_col.about_content_col1{ height:3200px;}
	.about_content_col.about_content_col3{ height:960px;}
	.investor_content_col.investor_content_col3-2{ height:1750px;}
	.investor_content_col.investor_content_col3-3{ height:5000px;}
	.investor_content_col.investor_content_col3-4{ height:7000px;}
}

@media (min-width:1920px){
	.investor_content_col.investor_content_col3-1{ min-height:5200px;}
	.investor_content_col.investor_content_col3-3{ height:4500px;}
	.investor_content_col.investor_content_col3-4{ height:6200px;}
	.investor_content_col.investor_content_col3-6{ height:1700px;}
	.investor_content_col.investor_content_col3-6 img{ max-width:700px;}
	.investor_content_col.investor_content_col3-7{ height:1500px;}
}


.investor_content_col h6{ font-size:0.9rem; color:#717071;  line-height:2rem; font-weight:normal;}

.investor_content_col .investor_year_select{ padding:5px 10px; color:#555;}

.investor_content_col table thead{ background-color:#25cda9; color:#fff;}
.investor_content_col table tbody td{ vertical-align:middle;}
.investor_content_col table tbody td a{color:#25cda9; font-size:1.2rem;}
.investor_content_col table tbody td a:hover{color:#066; text-decoration:none;}
.investor_content_col5 table tbody td a{font-size:0.9rem;}

.investor_category_row{ padding-bottom:15px;}
.investor_category_row a{ margin:10px 0; padding:10px 0; text-align:center; font-size:0.8rem; border:1px solid #25cda9; color:#25cda9; border-radius:20px; display:block;  -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.investor_category_row a.active,
.investor_category_row a:hover{ text-decoration:none; background-color:#25cda9; color:#fff; }
@media (min-width:1200px){
	.investor_category_row a{ width:160px;}
}

.tpex_link_con{ padding:15px; background-color:#ededed; position:relative;}
@media (min-width:992px){
	.tpex_link_con{ padding:30px;}
	.tpex_link_con a{ position:absolute; top:50%; left:30px; transform:translateY(-50%);}
	.tpex_link_con a img{ width:240px; height:auto; border:4px solid #ccc;}
	.tpex_link_con h6{ margin-left:260px;}
	.tpex_link_con h6 span{ color:#25cda9;}
}

/*------------------------------------------------UPDATE 221129-------------------------------------------------------*/

.resource_content_col p{ font-size:0.9rem; color:#717071; text-align:justify;}
.resource_content_col img{ padding-bottom:15px;}
.resource_content_col .resource_list{ list-style:none; padding:0;}
.resource_content_col .resource_list li{ color:#717071; font-size:0.9rem;}
.resource_content_col .btn{ border:1px solid #000; padding:0; border-radius:0;}
.resource_content_col .btn img{ padding:0;}
.resource_content_col .btn:hover{ opacity:0.6; transition:all .3s;}

@media (min-width:992px){
	.resource_content_col{ height:720px;}
	.resource_content_col.style2{ height:1350px;}
	.resource_content_col.style3{ height:950px;}
	
	.resource_content_col .page_content{ padding-top:125px; padding-left:80px; padding-right:80px;}
	.resource_content_col p{ font-size:0.9rem;  line-height:2rem;}	
}
@media (min-width:1920px){
	.resource_content_col.style2{ height:1150px;}
	.resource_content_col.style3{ height:1100px;}
}

.investor_content_col .table thead th{ vertical-align:top; text-align:center;}
.h2-style{ font-size:1rem; font-weight:bold;}

.development_content_col p{ font-size:0.9rem; color:#717071; text-align:justify;}
.development_content_col table thead { background-color:#25cda9; color:#fff;}
.development_content_col .table thead th{ vertical-align:top; text-align:center;}
.development_content_col.development_content_col3 .table a{ color:#25cda9; font-weight:bold;}


@media (min-width:992px){
	.development_content_col{ height:720px;}
	.development_content_col .page_content{ padding-top:125px; padding-left:80px; padding-right:80px;}
	.development_content_col p{ font-size:0.9rem; line-height:2rem;}	
	.development_content_col.development_content_col1{ height:1200px;}
	.development_content_col.development_content_col1-2{ height:4200px;}
	.development_content_col.development_content_col2{ height:2600px;}
}
@media (min-width:1280px){
	.development_content_col.development_content_col1-2{ height:3500px;}
	.development_content_col.development_content_col2{ height:2200px;}
}
@media (min-width:1920px){
	.development_content_col.development_content_col1-2{ height:2800px;}
	.development_content_col.development_content_col2{ height:2100px;}
}