@charset "utf-8";

body{ font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"}

.container-fluid{ max-width:1600px;}

.footer{
	color:#fff;
	background-color:#053190;
	text-align:center;
	padding:15px 15px;
}
.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:15;
	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:#e80112;}


.title_line{
	width:80px;
	height:4px;
	background-color:#e80112;
	margin:20px auto;
}


.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:900; top:0; left:0; width:240px; height:100%; background-color:#053190; -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:1600px;}


@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:96px; background:#fff; border-top:0px solid #053190; overflow-y:visible; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
}
@media (min-width:1200px){
	.menu_header{}
}

.logo_big{ display:none}
.logo_big img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:320px; height:auto; margin-top:20px;}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center;  float:left;}
}
@media (min-width:1200px){
	.logo_big img{ width:337px; margin-top:20px;}
}


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

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

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


@media (min-width:992px){
	.menu_ul{ text-align:center; border-radius:4px; height:34px; float:right; margin-top:30px;}
	.menu_ul li{ float:left; border:none; position:relative; background-image:url(../../images/divide_line.png); background-position:center left; background-repeat:no-repeat;}
	.menu_ul li:nth-child(3){ background:none;}
	.menu_ul li a{ color:#555; font-size:0.95rem; width:auto; text-align:center; padding:22px 15px 24px 15px;}
	.menu_ul li a:hover, .menu_ul li a:focus{ color:#053190; background-color:transparent;}
	.menu_ul .mobile_home{ display:none;}
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:1rem; width:auto; text-align:center; padding:22px 30px 21px 30px;}
}
/*@media (min-width:1600px){
	.menu_ul li a{ font-size:1rem; width:130px; text-align:center; padding:22px 0 21px 0;}
}*/


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

.mobile_header{ background-color:#fff; position:fixed; z-index:890; height:80px; width:100%; border-top:8px solid #053190; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}

.mobile_header img{ margin:18px 0 0 15px; width:220px; height:auto}
@media (min-width:360px){
	.mobile_header img{ margin:15px 0 0 15px;  width:250px; height:auto}
}
@media (min-width:400px){
	.mobile_header img{ margin:12px 0 0 15px;  width:290px; height:auto}
}

.iconbar{float:right; width:48px; height:36px; margin:18px 15px 0 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/iconbar.png);}
.iconbar_close{background-image:url(../../images/iconbar2.png); border-color:#053190;  margin-top:21px;}

.menu_title{ margin:3px 15px; padding-top:20px; 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;}
}

.menu_ul .mobile_language{ color:#fff; margin:10px 15px; border:none;}
.menu_ul .mobile_language a{ display:inline-block; padding:10px 16px; font-size:0.9rem; border:1px solid #fff; border-radius:5px;}
.menu_ul .mobile_language a:hover,
.menu_ul .mobile_language a.active{ background-color:#fff; color:#053190;}
@media (min-width:992px){
	.menu_ul .mobile_language{ display:none;}
}

.search_nav{ display:none;}
@media (min-width:992px){
	.search_nav{ position:absolute; padding:0; list-style:none; top:6px; left:100%; width:800px; margin-left:-830px; text-align:right; display:block;}
	.search_nav li{ display:inline-block; font-size:0.8rem; margin-left:5px; color:#fff;}
	.search_nav li a{ color:#555; background-color:#ddd; padding:6px 15px; -webkit-transition: background 0.2s; /* Safari */ transition: background 0.2s;}
	.search_nav li a:hover{ color:#fff; background-color:#053190; text-decoration:none;}
	.search_nav .btn-group button{ font-size:0.8rem; border-radius:0; border:none; background-color:#053190; padding:5px 15px; margin-top:-4px; color:#fff; text-decoration:none; display:block;}
	.search_nav .btn-group button:focus,
	.search_nav .btn-group button:active{ background-color:#09f;}
	.search_nav .btn-group .dropdown-menu{ width:100%; min-width:0; border-radius:0;}
	.search_nav .btn-group .dropdown-menu a{ background-color:transparent; font-size:0.8rem; }
	.search_nav .btn-group .dropdown-menu a:hover{ color:#053190;}
}
@media (min-width:1200px){
	.search_nav{ margin-left:-845px;}
}

.menu_ul .sub_nav{ display:none;}
@media (min-width:992px){
	.menu_ul .sub_nav{ position:absolute; top:66px; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_ul .sub_nav a{ background-image:none; padding:15px 10px; margin:0; border-top:1px solid #ccc; background-color:#fff; width:140px; margin-left:-23px; font-size:0.9rem; color:#555;}
	.menu_ul .sub_nav a:hover{background-color:#053190; color:#fff;}
}
@media (min-width:1200px){
	.menu_ul .sub_nav a{width:160px; margin-left:-15px;}
}

@media (min-width:992px){
	.nav_about:hover .sub_nav_about{ display:block;}
	.nav_service:hover .sub_nav_service{ display:block;}
	.nav_reference:hover .sub_nav_reference{ display:block;}
	.nav_news:hover .sub_nav_news{ display:block;}
	.nav_investor:hover .sub_nav_investor{ display:block;}
	.nav_contact:hover .sub_nav_contact{ 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+ */
}


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


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

.top_block1{ padding:80px 0; background-image:url(../../images/top_bg1.jpg); background-position:top center; background-size:cover;}
.top_block1 h1{ text-align:center;}

/* set slider arrow color ! */
/*.top_block1 .slick-prev:before, .top_block1 .slick-next:before {
    color:#4c5a74 !important;
}
*/

/* set slider arrow color ! */
/*.top_block1 .slick-prev:before, .top_block1 .slick-next:before {
    color:#fff !important;
	font-family: FontAwesome;
	background-color:#e80112;
	padding:0;
	font-size:40px;
}
.top_block1 .slick-prev {
    left: 0px;
	z-index:5000;
}
.top_block1 .slick-next {
    right: 25px;
	z-index:5000;
}
.top_block1 .slick-prev:before
{
    content:"\f053";
}
[dir='rtl'] .top_block1 .slick-prev:before
{
    content:"\f054";
}
.top_block1 .slick-next:before
{
    content:"\f054";
}
[dir='rtl'] .top_block1 .slick-next:before
{
    content:"\f053";
}*/

.prev-alt{ background-color:#e80112; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(0,-50%); opacity:0.75;}
.prev-alt:hover{ opacity:1;}
.next-alt{ background-color:#e80112; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-100%,-50%); opacity:0.75;}
.next-alt:hover{ opacity:1;}

.top_block1 .responsive-slick{
	padding:0 15px 0 15px;
}
.top_block1 .responsive-slick div{
}

.responsive-slick .top_slick_con{ height:240px; margin:8px 8px 8px 8px; color:#fff; text-align:center; position:relative; padding-top:15px; -webkit-box-reflect:below 4px -webkit-linear-gradient(transparent,transparent 50%,rgba(0,0,0,0.1));}

.responsive-slick .top_slick_s1{ background-color:#002590;}
.responsive-slick .top_slick_s2{ background-color:#0651c4;}
.responsive-slick .top_slick_s3{ background-color:#007ac5;}
.responsive-slick .top_slick_s4{ background-color:#019ee5;}
.responsive-slick .top_slick_s5{ background-color:#00afe8;}
.responsive-slick .top_slick_s6{ background-color:#00b5b0;}
.responsive-slick .top_slick_s7{ background-color:#00949b;}
.responsive-slick .top_slick_s8{ background-color:#00676c;}
.responsive-slick .top_slick_s9{ background-color:#003034;}

.responsive-slick .top_slick_con img{ width:100%; height:auto; max-width:150px; margin:10px auto;}
.responsive-slick .top_slick_con a{ position:absolute; top:0; left:0; 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;}
.responsive-slick .top_slick_con a:hover{ opacity:0.4;}




/*.top_about_pic{ position:relative; background-image:url(../../images/top_about_pic.jpg); background-position:center; background-size:cover; min-height:400px;}
.top_about_pic h1{ position:absolute; top:50%; left:50%; transform:translateY(-50%); transform:translateX(-50%); color:#fff;}
.top_about_pic .top_about_pic_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../../images/top_col_bg.png); background-position:right; background-repeat:repeat-y; mix-blend-mode: multiply; opacity:0.5;}

.top_about_text{ background-color:#1892d1; position:relative;}
.top_about_text_con{color:#fff; padding:80px 30px 100px 30px; text-align:justify; line-height:1.8rem;}

.top_news_pic{ position:relative; background-image:url(../../images/top_news_pic.jpg); background-position:center; background-size:cover; min-height:400px;}
.top_news_pic h1{ position:absolute; top:50%; left:50%; transform:translateY(-50%); transform:translateX(-50%); color:#fff;}
.top_news_pic .top_about_pic_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../../images/top_col_bg2.png); background-position:left; background-repeat:repeat-y; mix-blend-mode: multiply; opacity:0.5;}

.top_news_text{ background-color:#053750; position:relative;}
.top_news_text_con{color:#fff; padding:80px 30px 100px 30px; text-align:justify; line-height:1.8rem;}
.top_news_text_con ul{ padding:0; list-style:none;}
.top_news_text_con ul li{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:5px;}
.top_news_text_con ul li a{ color:#fff;}
.top_news_text_con ul li a:hover{ color:#333; text-decoration:none;}
.top_news_text_con ul li a span{ margin-right:15px;}

@media (min-width:992px){
	.top_about_text_con,
	.top_news_text_con{color:#fff; padding:80px 60px 60px 60px; text-align:justify; line-height:1.8rem;}
	.top_about_pic h1{ position:absolute; top:50%; left:100%; transform:translateY(-50%); margin-left:-280px;}
	.top_news_pic h1{ position:absolute; top:50%; left:124px; transform:translateY(-50%);}
}*/

.top_more{ position:absolute; top:100%; left:100%; margin-top:-60px; margin-left:-200px;}
.top_more a{ background-color:#e80112; color:#fff; padding:10px 30px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_more a:hover{ text-decoration:none; background-color:#900;}
.top_more a i{ margin-left:15px;}

@media (min-width:992px){
	.top_more{ margin-left:-200px;}
}



.top_about_block{ padding:80px 0; background-image:url(../../images/top_about_bg.jpg); background-position:center; background-size:cover; text-align:left; color:#fff;}
.top_about_block .container-fluid{ max-width:1600px;}

.top_about_con{}

.top_about_more{ margin:30px 0 20px 0;}
.top_about_more a{ padding:10px 30px; color:#fff; background-color:#e80112; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_about_more a:hover{ background-color:#900; text-decoration:none;}
.top_about_more a i{ margin-left:15px;}

.top_about_video{ margin-bottom:30px;}
@media (min-width:1200px){
	.top_about_video{ float:right; width:600px; margin-top:-10px; margin-bottom:0;}
	.top_about_con{ border-left:8px solid #fff; padding:1px 30px 1px 30px; max-width:600px;}
}

@media (min-width:1400px){
	.top_about_video{ width:600px; margin-top:-25px;}
	.top_about_con{ max-width:800px;}
}


.top_news_block{ padding:80px 0; background-image:url(../../images/top_news_bg.jpg); background-size:cover; background-position:bottom center;}
.top_news_block h1{ text-align:center;}



/* set slider arrow color ! */
/*.top_news_block  .slick-prev:before, .top_news_block .slick-next:before {
    color:#fff !important;
	font-family: FontAwesome;
	background-color:#e80112;
	padding:15px;
}
.top_news_block  .slick-prev {
    left: 0px;
	z-index:5000;
}
.top_news_block  .slick-next {
    right: 25px;
	z-index:5000;
}
.top_news_block  .slick-prev:before
{
    content:"\f053";
}
[dir='rtl'] .top_news_block  .slick-prev:before
{
    content:"\f054";
}
.top_news_block  .slick-next:before
{
    content:"\f054";
}
[dir='rtl'] .top_news_block  .slick-next:before
{
    content:"\f053";
}*/

.single-item{
	margin:0;
}
.single-item .top_news_item{
	background-color:rgba(255,255,255,0.7);
	margin:0 25px 0 25px;
	padding:25px;
	position:relative;
}

.top_news_item .top_news_pic{ width:100%; height:240px; background-position:center; background-size:cover; display:block;}
.top_news_item h3{ margin-top:15px;}
.top_news_item h3 a{ color:#e80112;}

.top_news_item h5{ color:#777; margin-top:16px; margin-bottom:16px; font-size:1em;}
.top_news_item h5 span{ background-color:#e80112; color:#fff; padding:2px 16px; font-size:0.8em; margin-right:5px;}

.top_news_item p{ color:#777; font-size:1em; line-height:1.8em; padding-bottom:60px;}
@media (min-width:992px){
	.top_news_item .top_news_pic{ width:320px; height:240px; float:left;}
	.top_news_item h3,
	.top_news_item h5,
	.top_news_item p{ margin-left:340px;}
	.top_news_item p{ padding-bottom:0;}
	.top_news_item h3{ margin-top:0;}
}


.top_contact_block{ padding:30px 0; background-color:#ededed;}

.top_contact_text{ text-align:center;}
.top_contact_text ul{ list-style:none; padding:0; font-size:0.8rem; margin-top:10px; color:#555;}
.top_contact_text img{ max-width:100%; height:auto;}
@media (min-width:992px){
	.top_contact_text{ text-align:left;}
}

.site_map{ display:none;}
@media (min-width:992px){.site_map{ display:block;}}
.site_map_con h5 a{color:#053190; font-size:1.1rem;}
.site_map_con ul{ list-style:none; padding:0; font-size:0.8rem;}
.site_map_con ul li a{color:#555; 	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.site_map_con h5 a:hover,
.site_map_con ul li a:hover{ color:#09f; text-decoration:none;}


.guide{ margin-top:32px; margin-bottom:32px;}
.guide a{ color:#fff; background-color:#053190; padding:10px 18px; border-radius:20px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.guide a:hover{ text-decoration:none; background-color:#09f; color:#fff;}
@media (min-width:768px){.guide{ 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%); min-width:300px; z-index:9999; font-size:1.1rem; color:#fff; background-color:#007dba; padding:30px 50px; border-radius:15px; max-width:880px;-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:20px 0 0 10px;}
.alert_block .alert_con ul li a{ background-color:#fff; font-size:1.1rem; color:#333; border-radius:6px; padding:6px 40px; 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 40px;}
.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;}







.page_bread{ background-color:#053190; margin:0; font-size:0.9rem; display:table; width:100%;}
.page_bread .breadcrumb { background:none; float:right; text-align:left;   padding:15px 0 0 0;}
.page_bread .breadcrumb li{ border-radius:0; color:#fff;}
.page_bread .breadcrumb li::before{ color:#fff;}
.page_bread .breadcrumb a{ color:#fff;}
.page_bread .breadcrumb a:hover{color:#FC6; text-decoration:none;}



.side_nav{ padding-top:30px;}
.side_nav h3{ border-left:3px solid #053190; padding:0px 0 0px 15px;}
.side_nav h3 span{ color:#053190; display:block; font-size:0.9rem; padding-top:8px;}
.side_nav ul{ padding:0; list-style:none;}
.side_nav ul li a{ padding:8px 18px; color:#777; font-size:0.9rem; display:block; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.side_nav ul li a:hover, .side_nav ul li a.active{ background-color:#053190; color:#fff; text-decoration:none;}
@media (min-width:768px){
	.side_nav{ height:100%; padding:80px 0 80px 0;}
	.side_nav_col{ padding-right:0;}
}
/*@media (min-width:768px){
	.side_nav{ border-right:1px solid #ccc; height:100%; padding-top:80px; margin-right:15px;}
}
@media (min-width:1200px){
	.side_nav{ margin-right:0px;}
}*/


.side_nav .side_sub_ul{ margin:0;}
.side_nav .side_sub_ul li{ border-bottom:none; padding:0 0 0 1rem; margin:0;}
.side_nav .side_sub_ul li a{ font-size:0.8rem; color:#777; font-weight:normal; padding:2px 18px; background-position:-8px 7px;}
.side_nav .side_sub_ul li a:hover{ color:#053190; text-decoration:none; background-image:url(../images/arrow2.png); background-position:1px 7px; background-color:transparent; background-repeat:no-repeat;}
.side_nav .side_sub_ul li a.active{ color:#053190; background-image:url(../images/arrow2.png); background-position:1px 7px; background-color:transparent; background-repeat:no-repeat;}





@media (min-width:768px){
	.side_nav_float{ position:fixed; width:calc(33.33% - 15px); height:calc(100% - 300px); top:60px; z-index:5; }
	/*.side_nav_bottom{ position:absolute; width:calc(100% - 15px); height:auto; top:100%; transform:translateY(-100%); z-index:5;}*/
	.side_nav_bottom{ position:fixed; width:calc(33.33% - 15px); height:calc(100% - 300px); top:60px; z-index:5; }
}
@media (min-width:992px){
	.side_nav_float{ width:calc(25% - 15px);}
	.side_nav_bottom{ width:calc(25% - 15px);}
}
@media (min-width:1200px){
	.side_nav_float{ width:calc(16.66% - 15px);}
	.side_nav_bottom{width:calc(16.66% - 15px);}
}
@media (min-width:1600px){
	.side_nav_float{ width:calc(266.66px - 15px);}
	/*.side_nav_bottom{ min-height:440px;}*/
	.side_nav_bottom{ width:calc(266.66px - 15px);}
}


@media (max-height:800px){
	.side_nav ul li a{ font-size:0.8rem; padding-top:5px; padding-bottom:5px;}
	.side_nav ul li button{ float:right; color:#ccc; margin-top:0; margin-right:0px; padding-top:3px; font-size:0.8rem; cursor:pointer;}
}


.side_nav ul li button{ float:right; color:#ccc; margin-top:3px; margin-right:0px; cursor:pointer;}
.side_nav ul li button:hover, .side_nav ul li button:focus{ color:#ccc;}
.side_nav .side_nav_sub{ padding-left:1rem;}
.side_nav .side_nav_sub a{ font-size:0.9rem; color:#777; font-weight:normal; padding:2px 18px; background-position:-8px 7px;}
.side_nav .side_nav_sub a:hover{ color:#053190; text-decoration:none; background-image:url(../images/arrow2.png); background-position:1px 7px; background-color:transparent; background-repeat:no-repeat;}
.side_nav .side_nav_sub a.active{ color:#053190; background-image:url(../images/arrow2.png); background-position:1px 7px; background-color:transparent; background-repeat:no-repeat;}


.page_block{ background-image:url(../images/page_content_bg.jpg); background-position:center; background-size:cover; overflow:hidden;}

.page_title_line{ background-image:url(../images/top_title_line.png); height:2px; background-position:left; margin:15px 0;}

.page_block .row{ position:relative;}

.page_content{ padding:80px 15px;}

@media (min-width:768px){
	.page_content{ border-left:1px solid #ccc; height:100%; min-height:640px; padding:80px 15px 80px 30px; margin-left:0px;}
}
@media (min-width:1200px){
	.page_content{ margin-left:0px;}
}

.page_content img{ max-width:100%; height:auto; margin:10px 0;}
.page_content p{ color:#555;}


.service_intro_con{ position:relative; margin:10px 0;}
.service_intro_con a{ background-color:#09f; color:#fff; padding-top:140px; font-size:4rem; text-align:center; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.service_intro_con a:hover{ opacity:0.7;}
.service_intro_pic{ background-position:center; background-size:cover; height:240px;}
.service_intro_text{ padding:15px;}
.service_intro_text h4{ color:#555;}
.service_intro_text h6{ color:#053190; font-size:0.9rem;}
.service_intro_text p{ color:#999; border-top:1px solid #999; margin-top:10px; padding-top:10px;}



.product_detail_pic_wrapper{ width:100%; padding:0; margin:0;}
.product_detail_pic, .product_detail_pic_nav{ width:100%;}
.product_detail_pic_item img{ width:100%; height:auto; border:0px solid #ccc; margin:0; padding:0;}
.product_detail_pic_nav_item{ margin:5px;  border:0px solid #ccc;}
.product_detail_pic_nav_item img{ margin:0; padding:0;}
.product_detail_text{ padding:15px; background-color:#ededed; margin-top:25px;}
@media (min-width:1200px){
	.product_detail_pic_wrapper{ width:400px; float:left;}
	.product_detail_pic, .product_detail_pic_nav{}
	.product_detail_text{ padding:30px; margin-left:420px; height:242px; overflow-y:scroll;}
}
.product_detail_more{ margin:25px 0;}
.product_detail_more a{ padding:15px 40px; color:#fff; background-color:#053190; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.product_detail_more a:hover{ background-color:#09f; text-decoration:none;}


.product_sub_title{ padding:0px; color:#555; margin-top:30px; border-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}


.inquiry_block table{ background-color:#fff;}
.inquiry_block table thead{ background-color:#053190; color:#fff; text-align:center;}
.inquiry_block table tbody{text-align:center; color:#777;}
.inquiry_block table tbody tr td{ vertical-align:middle;}
.inquiry_block table tbody tr td img{ max-width:320px;}
.inquiry_block table tbody tr td i{ font-size:2.4rem;}

.inquiry_block .inquiry_more{ margin:30px 0; text-align:center; display:inline-block}
.inquiry_block .inquiry_more a{ padding:15px 40px; background-color:#053190; color:#fff; -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s;}
.inquiry_block .inquiry_more a:hover{ background-color:#09f; text-decoration:none;}
.inquiry_block .inquiry_more_clear a{background-color:#ccc; color:#555;}
.inquiry_block .inquiry_more_clear a:hover{ background-color:#ededed; text-decoration:none;}

.inquiry_block form{ color:#555;}
.inquiry_block form .form-group textarea{border-radius:0; padding:25px; background-color:#ededed;}
.inquiry_block form .form-group input{ border-radius:0; padding:25px; background-color:#ededed;}
.inquiry_block form .form-group button{ background-color:#053190; border-color:#053190; color:#fff; border-radius:0; padding:15px 0; width:118px; text-align:center; }
.inquiry_block form .form-group button[type="reset"]{background-color:#ccc; border-color:#ccc; color:#555;}



.reference_ul{ padding:0; list-style:none;}
.reference_ul li{ line-height:2rem; color:#555; text-indent:-4.68rem; margin-left:4.68rem;}
.reference_ul li span{ color:#fff; padding:2px 16px; font-size:0.9em; margin-right:10px;}

.reference_ul li:nth-child(1) span{background-color:#053190;}
.reference_ul li:nth-child(2) span{background-color:#083694;}
.reference_ul li:nth-child(3) span{background-color:#094198;}
.reference_ul li:nth-child(4) span{background-color:#0a469c;}
.reference_ul li:nth-child(5) span{background-color:#0c519f;}
.reference_ul li:nth-child(6) span{background-color:#0e56a4;}
.reference_ul li:nth-child(7) span{background-color:#0f61a8;}
.reference_ul li:nth-child(8) span{background-color:#1166ad;}
.reference_ul li:nth-child(9) span{background-color:#1371b1;}
.reference_ul li:nth-child(10) span{background-color:#1676b5;}
.reference_ul li:nth-child(11) span{background-color:#1881ba;}
.reference_ul li:nth-child(12) span{background-color:#1a86bf;}
.reference_ul li:nth-child(13) span{background-color:#1d91c3;}
.reference_ul li:nth-child(14) span{background-color:#2096c8;}
.reference_ul li:nth-child(15) span{background-color:#22a1cc;}
.reference_ul li:nth-child(16) span{background-color:#25a6d0;}
.reference_ul li:nth-child(17) span{background-color:#26b1d4;}
.reference_ul li:nth-child(18) span{background-color:#28b6d8;}
.reference_ul li:nth-child(19) span{background-color:#2ac1db;}
.reference_ul li:nth-child(20) span{background-color:#2cc6df;}

.news_block .page_content{ position:relative;}

.news_con{ position:relative; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.news_con .news_con_pic{ background-position:center; background-size:cover; border:4px solid #ccc; width:100%; height:200px;}
.news_con .news_con_text{ margin-top:15px;}
.news_con .news_con_text h4{ margin:10px 0;}
.news_con .news_con_text h4 a{ color:#053190;}
.news_con .news_con_text h6{ font-size:0.9rem;}
.news_con .news_con_text h6 span{ background-color:#053190; color:#fff; padding:2px 16px; font-size:0.8em; margin-right:10px;}
.news_con .news_con_text p{ padding-bottom:50px; color:#777;}
.news_con .top_more{ position:absolute; top:100%; left:100%; margin-top:-50px; margin-left:-160px;}
.news_con .top_more a{ background-color:#053190;}
.news_con .top_more a:hover{ background-color:#09f;}
@media (min-width:768px){
	.news_con .news_con_pic{width:200px; height:200px; float:left;}
	.news_con .news_con_text{ margin-top:0; margin-left:215px;}
}

.news_page_date{ font-size:0.9rem;}
.news_page_date span{ background-color:#053190; color:#fff; padding:2px 16px; font-size:0.8em; margin-right:10px;}

.news_page_more{ position:absolute; top:100%; left:100%; margin-top:-60px; margin-left:-170px;}
.news_page_more a{ background-color:#053190; color:#fff; padding:10px 30px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.news_page_more a:hover{ text-decoration:none; background-color:#09f;}
.news_page_more a i{ margin-right:15px;}



.pagination .page-item a{ color:#053190;}
.pagination .page-item.active a{ background-color:#053190; border-color:#053190;}


.video_block .page_content{ position:relative;}
.video_block .news_con .news_con_text h4 a{ color:#099;}
.video_block .news_con .news_con_text h6 span{ background-color:#099; color:#fff; padding:2px 16px; font-size:0.8em; margin-right:10px;}
.video_block .news_con .top_more a{ background-color:#099;}
.video_block .news_con .top_more a:hover{ background-color:#3CC;}

.video_block .embed-responsive{ margin:10px 0;}

.video_page_date{ font-size:0.9rem;}
.video_page_date span{ background-color:#099; color:#fff; padding:2px 16px; font-size:0.8em; margin-right:10px;}

.video_page_more{ position:absolute; top:100%; left:100%; margin-top:-60px; margin-left:-170px;}
.video_page_more a{ background-color:#099; color:#fff; padding:10px 30px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.video_page_more a:hover{ text-decoration:none; background-color:#3cc;}
.video_page_more a i{ margin-right:15px;}



/*投資人專區*/


.news_year_ul{ padding:0; list-style:none;}
.news_year_ul li{ display:inline-block; color:#003652;}
.news_year_ul li::after{ content:" │"}
.news_year_ul li a{ color:#6f8fa6;}
.news_year_ul li a:hover,
.news_year_ul li a.active{ color:#0097d0; text-decoration:none; font-weight:bold;}


.finance_concept{ background-color:#fff; border-top:4px solid #053190; padding:15px; margin:10px 0;}
.finance_concept h4{ border-bottom:1px solid #053190; padding-bottom:10px; margin-bottom:10px; color:#053190;}
.finance_concept ul{ list-style:none; padding:0;}
.finance_concept ul li{ border-bottom:1px dashed #ccc;}
.finance_concept ul li a{ 
	padding:5px 0;
	display:block;
	color:#0097d0;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.finance_concept ul li a:hover{ text-decoration:none; color:#003652;}
.finance_concept .btn-sm{ background-color:#053190; border-color:#053190; border-radius:0; padding:10px 0;}
.finance_concept .btn-sm:hover{ background-color:#09F; border-color:#09F;}


.finance_contact{ border-top:1px dashed #777; padding-top:10px; margin-top:10px;}
.finance_contact ul{ padding:0; list-style:none;}

.investor_cate{ border:1px solid #053190; color:#053190; display:block; text-align:center; padding:10px 0; margin: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:#09f; color:#fff; text-decoration:none; border:1px solid #09f;}

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


.investor_table table tr th{ background-color:#053190; color:#fff;}
.investor_table table tr a{ color:#0097d0;}
.investor_table table tr a:hover{ color:#003652; text-decoration:none;}
.revenue_bar{ background-color:#053190; height:1rem; float:left; margin-right:10px; margin-top:4px;}


.annual_report_con{ border-top:4px solid #053190; 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:#053190;}
.annual_report_text a{ padding:5px 20px; margin:20px 0 10px 0; background-color:#0097d0; border-color:#0097d0;}
.annual_report_text a:hover{ background-color:#003652; border-color:#003652}


.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:#053190; 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:#099; 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;}



/*投資人專區END*/


.contact_card{ margin:15px 0;}
.contact_text{ }
.contact_card h4{color:#053190; border-bottom:1px solid #053190; margin-bottom:8px; padding-bottom:8px;}
.contact_card h5{color:#053190; border-bottom:1px solid #053190; margin-bottom:8px; padding-bottom:8px;}
.contact_card ul{ padding:0; list-style:none; color:#555;}



.contact_block form{ color:#555;}
.contact_block form .form-group textarea{border-radius:0; padding:15px; background-color:#ededed;}
.contact_block form .form-group input{ border-radius:0; padding:15px; background-color:#ededed;}
.contact_block form .form-group button{ background-color:#053190; border-color:#053190; color:#fff; border-radius:0; padding:15px 0; width:118px;}
.contact_block form .form-group button[type="reset"]{background-color:#999; border-color:#999; color:#fff;}



.csr_block .page_content h4{ border-left:4px solid #053190; color:#053190; padding-left:15px;}

.resource_block .page_content ul{ list-style:none; padding:30px; border-left:4px solid #09f; background-color:#ededed; color:#555;}


/*2019-04-22追加*/

.investor_link_mops{ padding:15px 30px; background-color:#ededed; position:relative;}
.investor_link_mops a{ color:#fff; background-color:#009999; padding:15px 0; text-align:center; margin:15px auto; width:200px; display:block;}
.investor_link_mops a:hover{ text-decoration:none; background-color:#0CC; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.investor_link_mops h6{color:#555; padding:15px 0;}
.investor_link_mops h6 span{ color:#009999;}

@media (min-width:992px){
	.investor_link_mops a{ color:#fff; background-color:#009999; padding:15px 0; text-align:center; margin:15px 0; width:200px; display:block;}
	.investor_link_mops h6{position:absolute; top:50%; left:250px; transform:translateY(-50%); color:#555; padding-right:30px;}
}


.investor_report_ul{ padding:0 0 0 5px; list-style:none;}
.investor_report_ul li{ padding:5px 0;}
.investor_report_ul li a{ color:#09f;}
.investor_report_ul li a:hover{ text-decoration:none; color:#053190;}
.investor_report_ul li a i{width:32px; height:32px; background-color:#09f; color:#fff; text-align:center; font-size:1rem; border-radius:50%; padding-top:7px; margin-right:8px; text-indent:0;}
.investor_report_ul li a:hover i{background-color:#053190;}




/* ----------------- show_iframe ----------------- */

#show_iframe {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	background-color: rgba(0,0,0,0.6);
	display: table;
	width: 100%;
	height: 100%;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}
.show_content {
	background-color: #fff;
	width: 400px;
	height: 240px;
	padding: 20px;
	border: 1px solid #999;
	position: absolute;
	overflow: auto;
	top: 50%;
	left: 50%;
	margin-top: -120px; 
	margin-left: -200px;
}
.show_content h1 {
	background-color: #053190;
	font-size: 22px;
	padding: 15px 15px;
	color: #fff;
	margin: 0 0 10px 0;
}
#show_btn {
	cursor: pointer;
	}
#hide_btn {
/*	background: url(../images/cross.png) no-repeat left top;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99;
	cursor: pointer;*/
	text-align: center;
	margin-top: 50px;
}
#hide_btn a {
	display: inline-block;
	background-color: #053190;
	border-radius: 0;
	color: #fff;
	padding: 10px 30px;
	margin: 0 3px;
}
#hide_btn a:hover {
	background-color: #09f;
	text-decoration:none;
}