@charset "utf-8";
/* CSS Document */
@import url(notosanstc.css);/*載入思源黑體 font-family:'Noto Sans TC', sans-serif;*/
#Wrap { padding-top:149px; }

/*----------------------------------------------------------------------*/
/* Header */
#Header { padding-top:49px; }
#Header > div { height:100px; }

/* 關係企業 */
#Header div.conglomerate { 
	position:absolute; top:0; left:0; width:100%; background-color:#fafafa; z-index:10002;
	 border-bottom:1px solid #dcdcdc; padding-left:inherit; font-size:14px; box-sizing:border-box; 
	 }
#Header div.conglomerate > * { float:left; }
#Header div.conglomerate .label { padding-left:30px; line-height:48px; position:relative; }
#Header div.conglomerate .label::before { 
	display:block; position:absolute; top:0; left:0; width:30px; height:100%; 
	text-align:center; font-family:'Font Awesome 5 Light'; font-weight:300; content:'\f0ac'; font-size:18px; 
	}
#Header div.conglomerate .superfish { height:48px; }
#Header div.conglomerate .superfish a { display:block; text-decoration:none; color:#333; }

#Header div.conglomerate .superfish > li, 
#Header div.conglomerate .superfish > li > a,  
#Header div.conglomerate .superfish > li > a::after { 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
#Header div.conglomerate .superfish > li { float:left; position:relative; }
#Header div.conglomerate .superfish > li > a { padding:0 25px 0 5px; line-height:48px; position:relative; }
#Header div.conglomerate .superfish > li:hover > a { color:#d42828; }
#Header div.conglomerate .superfish > li > a::after {
	content:''; position:absolute; top:20px; right:10px; width:5px; height:5px; border-bottom:2px solid #9f9f9f; border-right:2px solid #9f9f9f;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
#Header div.conglomerate .superfish > li:hover > a::after {
	top:22px; border-color:#d42828;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}

#Header div.conglomerate .superfish ul { 
	display:none; position:absolute; top:44px; left:0; background-color:#fff; border:1px solid #dcdcdc; padding:0 10px; white-space:nowrap; box-sizing:border-box; 
	-webkit-box-shadow:0 0 12px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 12px rgba(0,0,0,0.3);
	box-shadow:0 0 12px rgba(0,0,0,0.3);
	}
#Header div.conglomerate .superfish ul::before { 
	content:''; position:absolute; top:-10px; left:14px; 
	border-bottom:10px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; 
	}
#Header div.conglomerate .superfish ul li { display:inline-block; }
#Header div.conglomerate .superfish ul li a { padding:0 10px; line-height:38px; }
#Header div.conglomerate .superfish ul li:hover a { color:#d42828; } 

/* logo */
#Header .logo { float:left; }
#Header .logo a { width:220px; }
	
/* top_links */
.top_links { position:absolute; top:0; right:0; padding-right:inherit; vertical-align:middle; z-index:10003; }
.top_links::after { content:''; display:block; clear:both; }
.top_links li { position:relative; }
.top_links li a { display:block; font-size:14px; text-decoration:none; }

.top_links > ul > li { float:left; margin:0 5px; }
.top_links > ul > li.regional { display:none; }
.top_links > ul > li > a { 
	white-space:nowrap; overflow:hidden; box-sizing:border-box; line-height:48px; color:#333; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.top_links > ul > li.regional > a { width:30px; padding-left:30px; }
	.top_links > ul > li.lang > a { width:38px; padding-left:38px; }
	.top_links > ul > li.search > a { width:30px; padding-left:30px; }
.top_links > ul > li > a::before { 
	display:block; position:absolute; top:0; left:0; height:100%; 
	text-align:center; font-family:'Font Awesome 5 Light'; font-weight:300; 
	}
	.top_links > ul > li.regional > a::before { content:'\f0ac'; font-size:18px; width:30px; }
	.top_links > ul > li.lang > a::before { content:'\f1ab'; font-size:20px; width:38px; }
	.top_links > ul > li.search > a::before { content:'\f002'; font-size:18px; width:30px; }
.top_links > ul > li:hover > a { color:#d42828; }
	.top_links > ul > li.regional:hover > a { width:86px; }
	.top_links > ul > li.lang:hover > a { width:66px; }
	.top_links > ul > li.search:hover > a { width:58px; }

.top_links > ul > li > div { display:none; position:absolute; }
.top_links > ul > li:hover > div { display:block; }

.top_links .regional_box { 
	top:42px; right:-50px; width:400px; padding-top:10px; background-color:#fff; border:1px solid #d6d6d6; text-align:left; box-sizing:border-box; 
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
	}
.top_links .regional_box::before { 
	content:''; display:block; position:absolute; top:-5px; right:80px; width:8px; height:8px; 
	background-color:#fff; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; z-index:10003; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.top_links .regional_box::after { content:''; display:block; width:100%; height:8px; background:url(../images/pattern1.png) repeat 0 0; }
.top_links .regional_box .title { padding-left:20px; padding-right:20px; margin-bottom:10px; font-weight:bold; line-height:150%; }
.top_links .regional_box .list { padding-left:20px; }
.top_links .regional_box .list a { text-decoration:none; }
.top_links .regional_box .list > li { margin-bottom:15px; }
.top_links .regional_box .list > li > a { 
	padding-left:20px; background:url("../images/icon_footer_menu.png") no-repeat 0 4px; 
	color:#000; font-size:16px; font-weight:bold; line-height:150%; cursor:default; 
	}
.top_links .regional_box .list ul { padding-left:20px; overflow:hidden; }
.top_links .regional_box .list ul > li { float:left; margin-right:20px; }
.top_links .regional_box .list ul > li > a { color:#363636; font-size:14px; line-height:180%; }
.top_links .regional_box .list ul > li > a:hover, .top_links .regional_box .list ul > li > a:focus { color:#d42828; }

.top_links .search_box { 
	top:42px; right:-50px; width:310px; padding:20px; background-color:#fff; border:1px solid #d6d6d6; text-align:left; box-sizing:border-box; 
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
	}
.top_links .search_box::before { 
	content:''; display:block; position:absolute; top:-5px; right:60px; width:8px; height:8px; 
	background-color:#fff; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; z-index:10003; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.top_links .search_box::after { content:''; display:block; clear:both; }
.top_links .search_box > * { float:left; }
.top_links .search_box label { position:absolute; opacity:0; width:0; height:0; overflow:hidden; }
.top_links .search_box input[type="text"] {
	width:200px; height:40px; padding:0 5px; border:1px solid #dddddd; background-color:transparent; 
	font-size:14px; box-sizing:border-box; 
	}
.top_links .search_box input[type="text"]:focus { outline:0; border:1px solid #00baea; }
.top_links .search_box input.btn { 
	width:60px; background-color:#00baea; font-size:14px; line-height:40px; color:#fff; text-align:center; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.top_links .search_box input.btn:hover { background-color:#d42828; }

.top_links .lang_box { 
	top:42px; left:50%; width:100px; margin-left:-50px; 
	background-color:#fff; border-bottom:1px solid #000;padding:10px 0; cursor:pointer; 
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
	}
	.top_links .lang > li:hover .lang_box { display:block; }
.top_links .lang .lang_box a { text-align:center; color:#333; line-height:32px; }
.top_links .lang .lang_box a:hover { color:#d42828; }

@media screen and (max-width: 1279px) {
#Header > div { padding-left:10px; padding-right:10px; }
#Header .logo span { width:200px; padding-left:15px; font-size:14px; }
#Header .logo span::after { display:none; }
#Header .logo span strong { display:block; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
#Header > div { padding-left:15px; padding-right:15px; }
#Header .logo span { width:200px; padding-left:40px; font-size:15px; }
#Header .logo span strong { display:block; }
}
@media screen and (min-width: 1440px) {
#Header > div { padding-left:40px; padding-right:40px; }
#Header .logo span { padding-left:40px; font-size:16px; }
#Header .logo span strong { margin-right:4px; }
}

	/* 浮動效果 */
	.MenuFix #Header { 
		position:fixed; top:0; left:0; padding-top:0; 
		animation:menu 0.5s ease 1;
		}
		@-webkit-keyframes menu{
			0%{
				top:-60px;
			}
			100%{
				 top:0;
			}
		}
	.MenuFix #Header > div { height:60px; }
	.MenuFix #Header .logo, .MenuFix #Header div.conglomerate { display:none; }
	.MenuFix .top_links { display:inline-block; padding-right:0; position:relative; }
	.MenuFix .top_links > ul > li > a { line-height:60px; }
	.MenuFix .top_links .regional { display:block; }
	.MenuFix .top_links .regional_box { top:50px; }
	.MenuFix .top_links .search_box { top:50px; }
	.MenuFix .top_links .lang_box{ top:50px; }


/*----------------------------------------------------------------------*/
/* Menu */
/* 先隱藏子選單,等網頁載入完畢後再顯示 */
#Menu .superfish { overflow:hidden; position:relative; z-index:10001; }
#Menu .superfish.sf-js-enabled { overflow:visible; }

#Menu { display:inline-block; vertical-align:middle; position:relative; z-index:10002; }
#Menu .superfish li { position:relative; }
#Menu .superfish a { 
	display:block; text-align:left; text-decoration:none; 
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	}

#Menu .superfish > li { position:relative; float:left; }
#Menu .superfish > li::after {
	content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background-color:#e6e6e6; 
    -webkit-transform:rotate(20deg);
    -moz-transform:rotate(20deg);
    transform:rotate(20deg);
	}
	#Menu .superfish > li:last-child::after { display:none; }
#Menu .superfish > li > a { color:#333333; font-weight:bold; line-height:100px; position:relative; }	
#Menu .superfish > li:hover > a, #Menu .superfish > li > a:focus, #Menu .superfish > li.select > a { color:#d42828; }
#Menu .superfish > li > a::after { 
	content:''; display:block; position:absolute; bottom:30px; left:50%; border-top:3px solid #d42828; width:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#Menu .superfish > li:hover >::after, #Menu .superfish > li.select >::after { width:100%; margin-left:-50%; }

	#Menu .superfish > li:first-child { width:210px; display:none; }
	#Menu .superfish > li:first-child::after { display:none; }
	#Menu .superfish > li:first-child > a { display:block; height:100%; vertical-align:middle; line-height:100%; text-align:center; }
	#Menu .superfish > li:first-child > a::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
	#Menu .superfish > li:first-child > a::after { display:none; }
	#Menu .superfish > li:first-child > a img { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }

#Menu .superfish ul { 
	position:absolute; display:none; width:150px; background-color:#fff;
	-webkit-box-shadow:0 8px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 8px 10px rgba(0,0,0,0.2);
	box-shadow:0 8px 10px rgba(0,0,0,0.2);
	}
	#Menu .superfish li:hover > ul { display:block; }
	#Menu .superfish > li > ul { top:99px; left:50%; margin-left:-75px; }
	#Menu .superfish > li > ul ul { top:0; left:150px; }
#Menu .superfish ul a { 
	padding:12px 25px 12px 20px;
	line-height:18px; color:#323232; font-size:14px; text-align:center; position:relative; 
	}
	#Menu .superfish ul li:first-child > a { border-top:0; }
#Menu .superfish ul li:hover > a, #Menu .superfish ul li > a:focus { color:#d42828; }
#Menu .superfish ul a.sf-with-ul::after { 
	content:''; position:absolute; top:18px; right:10px; width:5px; height:5px; border-top:1px solid #000; border-right:1px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
#Menu .superfish ul li:hover > a.sf-with-ul::after, #Menu .superfish ul a.sf-with-ul:focus::after { border-color:#b31b18; }

@media screen and (max-width: 1279px) {
#Menu .superfish > li { padding:0 5px; }
#Menu .superfish > li > a { padding:0 8px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
#Menu .superfish > li { padding:0 10px; }
#Menu .superfish > li > a { padding:0 15px; }
}
@media screen and (min-width: 1440px) {
#Menu .superfish > li { padding:0 10px; }
#Menu .superfish > li > a { padding:0 15px; }
}

/* 倒數第1個選單的處理 */
#Menu .superfish > li:last-child > ul { left:auto; right:0; }
#Menu .superfish > li:last-child > ul > li > ul { left:auto; right:150px; }
#Menu .superfish > li:last-child a { text-align:right; }
#Menu .superfish > li:last-child ul a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}
	
/* 倒數第2個選單的處理 */
/*#Menu .superfish > li:nth-last-child(2) > ul { left:auto; right:0; }
#Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:auto; right:160px; }
#Menu .superfish > li:nth-last-child(2) a { text-align:right; }
#Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}*/

	/* 浮動效果 */
	.MenuFix #Menu { float:left; }
	.MenuFix #Menu .superfish > li:first-child { display:block; }
	.MenuFix #Menu .superfish > li:first-child, .MenuFix #Menu .superfish > li:first-child > a { padding-left:0; }
	.MenuFix #Menu .superfish > li > a { line-height:60px; }
	.MenuFix #Menu .superfish > li > a::after { bottom:10px; }
	.MenuFix #Menu .superfish > li > ul { top:59px; }
	
	/* 浮動時取消倒數第1個選單的處理 */
	/*.MenuFix #Menu .superfish > li:last-child > ul { left:0; right:auto; }
	.MenuFix #Menu .superfish > li:last-child > ul > li > ul { left:150px; right:auto; }
	.MenuFix #Menu .superfish > li:last-child a { text-align:left; }
	.MenuFix #Menu .superfish > li:last-child a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/
		
	/* 浮動時取消倒數第2個選單的處理 */
	/*.MenuFix #Menu .superfish > li:nth-last-child(2) > ul { left:0; right:auto; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:150px; right:auto; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) a { text-align:left; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/


/*----------------------------------------------------------------------*/
/* Center */


/*----------------------------------------------------------------------*/
/* Footer */
#Footer { background:#f9f9f9 url("../images/footer_bg.png") no-repeat center 0; }
#Footer > div { max-width:1280px; padding-left:10px; padding-right:10px; padding-top:50px; padding-bottom:20px; margin:0 auto; box-sizing:border-box; position:relative; }
#Footer .col_left { float:left; width:660px; }
.footer_menu a { display:block; text-decoration:none; line-height:150%; }
.footer_menu a:hover, #Footer .footer_menu a:focus { color:#d93f3f; }
.footer_menu > ul { display:table; table-layout:fixed; width:100%; }
.footer_menu > ul > li { display:table-cell; padding-left:20px; background:url("../images/icon_footer_menu.png") no-repeat 0 4px; }
.footer_menu > ul > li > a { color:#333333; font-weight:bold; }
.footer_menu ul ul { padding-top:5px; }
.footer_menu ul ul a { padding:3px 0; color:#797979; font-size:14px; }

#Footer .col_right { float:left; }
.footer_btns a, .footer_btns a::before {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.footer_btns div { margin-bottom:20px; }
.footer_btns a { 
	display:block; width:150px; height:50px; border:1px solid #cccccc; line-height:50px; color:#333; font-weight:bold; text-align:center; text-decoration:none; 
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	}
.footer_btns a:hover, .footer_btns a:focus { border-color:#d42828; background-color:#d42828; color:#fff; }
.footer_btns a::before { margin-right:5px; font-family:'Font Awesome 5 Light'; font-weight:300; font-size:22px; color:#a1a1a1; vertical-align:middle; }
	.footer_btns .recruit a::before { content:"\f0c0"; }
	.footer_btns .contact a::before { content:"\f27a"; }
.footer_btns a:hover::before, .footer_btns a:focus::before { color:#fff; }

.footer_links { clear:both; padding-top:90px; }
.footer_links ul { overflow:hidden; }
.footer_links li { float:left; padding-right:15px; margin-right:15px; position:relative; }
.footer_links li::after { content:''; display:block; position:absolute; top:50%; right:0; height:16px; margin-top:-8px; border-right:1px solid #c4c4c4; }
.footer_links li:last-child { padding-right:0; margin-right:0; }
.footer_links li:last-child::after { display:none; }
.footer_links li a { 
	display:block; text-decoration:none; font-size:14px; color:#555555; line-height:32px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.footer_links li a:hover, .footer_links li a:focus { color:#d42828; }
.footer_links li[class] { padding-right:0; }
.footer_links li[class]::after { display:none; }
.footer_links li[class] a { 
	width:32px; height:32px; text-indent:-999px; position:relative; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	.footer_links li.fb a { background-color:#3b5998; }
	.footer_links li.in a { background-color:#006699; }
	.footer_links li.youtube a { background-color:#e14d41; }
.footer_links li[class] a::before { 
	display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; 
	font-family:'Font Awesome 5 Brands'; font-weight:900; font-size:16px; line-height:16px; text-align:center; color:#fff; text-indent:0;
	}
	.footer_links li.fb a::before { content:"\f39c"; }
	.footer_links li.in a::before { content:"\f0e1"; }
	.footer_links li.youtube a::before { content:"\f16a"; }
.footer_links li[class] a:hover, .footer_links li[class] a:focus { opacity:0.8; }

#Copyright { text-align:right; }
#Copyright > div > div { vertical-align:middle; line-height:40px; }
#Copyright .copyright { float:left; }
#Copyright .slogan { display:inline-block; margin-right:10px; }
#Copyright .btn_grandtech { display:inline-block; }
@media screen and (max-width: 1519px) {
#Copyright .btn_grandtech { margin-right:50px; }
}


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:60px; height:84px; margin-top:-42px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:36px; height:36px; margin-top:-18px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }

.down_arrow::after { 
	content:''; display:block; position:absolute; bottom:-30px; left:50%; margin-left:-15px; width:30px; height:30px; z-index:999;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:0 0 80px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 80px rgba(0,0,0,0.8);
	box-shadow:0 0 80px rgba(0,0,0,0.8);
	}
.down_arrow a { 
	margin-left:-32px; border-top:46px solid #fff; border-left:32px solid transparent; border-right:32px solid transparent; 
	}
.down_arrow a::before { bottom:36px; }
.down_arrow:hover a::before { bottom:10px; }


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
.block_title h2 { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:24px; }

/* 活動訊息 */
.index_event_list .item { padding:10px 25px; }
.index_event_list .item .cont { padding:15px 15px 10px 15px; }
.index_event_list .item .title  { font-family:'Noto Sans TC', sans-serif; font-weight:500; }

.index_event_list .owl-carousel .owl-nav .owl-prev, .index_event_list .owl-carousel .owl-nav .owl-next { opacity:0.6; }
@media screen and (max-width: 1439px) {
.index_event_list { background-position:right bottom; background-image:url("../images/index_event_list_bg1.png"); }
}
@media screen and (min-width: 1440px) {
.index_event_list { background-position:right bottom; background-image:url("../images/index_event_list_bg.png"); }
}
@media screen and (max-width: 1599px) {
.index_event_list .owl-carousel .owl-nav .owl-prev, .index_event_list .owl-carousel .owl-nav .owl-next { 
	background-color:#fff; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.index_event_list .owl-carousel .owl-nav .owl-prev:hover, .index_event_list .owl-carousel .owl-nav .owl-next:hover {  
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	}
.index_event_list .owl-carousel .owl-nav .owl-prev::after, .index_event_list .owl-carousel .owl-nav .owl-next::after { 
	margin-top:-6px; width:12px; height:12px; border-color:#7c7c7c; 
	}
.index_event_list .owl-carousel .owl-nav .owl-prev { left:-5px; }
.index_event_list .owl-carousel .owl-nav .owl-next { right:-5px; }
.index_event_list .owl-carousel .owl-nav .owl-prev::after { margin-left:-5px; }
.index_event_list .owl-carousel .owl-nav .owl-next::after { margin-right:-5px; }
}
@media screen and (min-width: 1600px) {
.index_event_list .owl-carousel .owl-nav .owl-prev::after, .index_event_list .owl-carousel .owl-nav .owl-next::after { 
	margin-top:-15px; width:30px; height:30px; border-color:#fff; 
	}
.index_event_list .owl-carousel .owl-nav .owl-prev { left:-25px; }
.index_event_list .owl-carousel .owl-nav .owl-next { right:-25px; }
.index_event_list .owl-carousel .owl-nav .owl-prev::after { margin-left:-15px; }
.index_event_list .owl-carousel .owl-nav .owl-next::after { margin-right:-15px; }
}

/* 企業新聞 */
.IndexNews::after { bottom:0; left:0; width:10.9375%; height:24%; }
.IndexNews > div::before { top:8%; }
.IndexNews > div::after { bottom:9.0342%; left:9.2708%; width:77px; height:56px; }
.index_news_list .title a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

@media screen and (max-width: 1439px) {
.IndexNews > div::before { right:2%; width:80px; height:67px; }
}
@media screen and (min-width: 1440px) {
.IndexNews > div::before { right:4%; width:113px; height:95px; }
}
@media screen and (orientation: portrait) {
.IndexNews::before { padding-bottom:4.2vh; }
.IndexNews > div { padding-top:3.125vh; padding-bottom:9vh; }
}
@media screen and (orientation: landscape) {
.IndexNews::before { padding-bottom:7vh; }
.IndexNews > div { padding-top:5.5vh; padding-bottom:15vh; }
}

/* 事業群 */
.IndexConglomerate { padding-top:40px; margin-top:-40px; background-color:#fff; }
.index_conglomerate_block .img { width:52%; margin-top:-35px; }
.IndexConglomerate .index_conglomerate_block:nth-child(odd) .img { float:right; }
.IndexConglomerate .index_conglomerate_block:nth-child(even) .img { float:left; }

.IndexConglomerate .index_conglomerate_block:nth-child(odd) .cont > div { padding-left:20px; margin-right:52%; }
.IndexConglomerate .index_conglomerate_block:nth-child(even) .cont > div { padding-right:20px; margin-left:52%; }
@media screen and (max-width: 1279px) {
.IndexConglomerate .index_conglomerate_block:nth-child(odd) .cont > div { padding-right:40px; }
.IndexConglomerate .index_conglomerate_block:nth-child(even) .cont > div { padding-left:40px; }
}
@media screen and (min-width: 1280px) {
.IndexConglomerate .index_conglomerate_block:nth-child(odd) .cont > div { padding-right:7.8125%; }
.IndexConglomerate .index_conglomerate_block:nth-child(even) .cont > div { padding-left:7.8125%; }
}

@media screen and (orientation: portrait) {
.index_conglomerate_block { padding-bottom:7.8125vw; }
.index_conglomerate_block .cont { padding-top:5.2vw; }
}
@media screen and (orientation: landscape) {
.index_conglomerate_block { padding-bottom:15.625vh; }
.index_conglomerate_block .cont { padding-top:10vh; }
}

/* block2 */
.IndexConglomerate .index_conglomerate_block:nth-child(2) .cont::before { top:-8%; right:7%; width:169px; height:142px; }
.IndexConglomerate .index_conglomerate_block:nth-child(2) .cont::after { bottom:12%; right:2.5%; width:73px; height:56px; }

/* block3 */
	
/* block4 */
.IndexConglomerate .index_conglomerate_block:nth-child(4) .cont::before { top:-6%; right:22%; width:51px; height:59px; }
.IndexConglomerate .index_conglomerate_block:nth-child(4) .cont::after { top:6%; right:2.6%; width:117px; height:99px; }

	/* 動畫效果 */
	.IndexConglomerate .index_conglomerate_block:nth-child(odd) .img {
		transform:translateX(100px);
		}
	.IndexConglomerate .index_conglomerate_block:nth-child(odd) .block_title,
	.IndexConglomerate .index_conglomerate_block:nth-child(odd) .desc {
		transform:translateX(-100px);
		}
	.IndexConglomerate .index_conglomerate_block:nth-child(even) .img {
		transform:translateX(-100px);
		}
	.IndexConglomerate .index_conglomerate_block:nth-child(even) .block_title,
	.IndexConglomerate .index_conglomerate_block:nth-child(even) .desc {
		transform:translateX(100px);
		}
	.IndexConglomerate .index_conglomerate_block .img.active,
	.IndexConglomerate .index_conglomerate_block .cont.active .block_title,
	.IndexConglomerate .index_conglomerate_block .cont.active .desc {
		transform:translateX(0);
		}
		
	.IndexConglomerate .index_conglomerate_block:nth-child(odd) .btn_more { transform:translateX(80px); }
	.IndexConglomerate .index_conglomerate_block:nth-child(even) .btn_more { transform:translateX(-80px); }
	.IndexConglomerate .index_conglomerate_block .btn_more.active { transform:translateX(0);}
	

/*----------------------------------------------------------------------*/
/* 表單 */
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { border-bottom:1px solid #dddddd; vertical-align:top; }
table.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td { border-bottom:0; }
table.FormTable > tbody > tr > th { border-right:1px solid #dddddd; width:150px; padding:15px 15px 15px 6px; text-align:right; }
table.FormTable > tbody > tr > th::after { position:absolute; top:14px; right:0; }
table.FormTable > tbody > tr > th:empty::after { display:none; }
table.FormTable > tbody > tr > td { padding:10px 15px 4px 15px; }
.BtnCommon a, .BtnCommon input { font-family:'Noto Sans TC', sans-serif; font-weight:300; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-bottom:120px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.PageTitle h2, h3.title, .CatTitle h2 { 
	font-family:'Noto Sans TC', sans-serif;
	}
	
/* 導覽列(麵包屑) */
.PageTitle + #Breadcrumbs { margin-top:-70px; margin-bottom:70px; }
#Breadcrumbs ul { text-align:right; }

/* 工具列 */
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:32px; }
.ToolBar .colm_left a, .ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { width:32px; height:32px; }
.ToolBar .colm_left { float:left; }
.ToolBar .colm_right { float:right; }

/* 標題 */
.PageTitle { padding-bottom:50px; }
.PageTitle::before { width:2.3%; padding-bottom:3.177%; }
.PageTitle::after { width:76px; height:43px; }
.PageTitle > div::before { width:30px; height:30px; }
.PageTitle > div::after { width:5.3646%; padding-bottom:4.6354%; }
.PageTitle h2 { background-position:0 bottom; padding-top:42px; line-height:48px; font-weight:500; letter-spacing:4px; }
h3.title { font-size:2rem; }
.postdate { font-family:'Oswald', sans-serif; }

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle h3 + .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch > div { 
	padding:30px 30px 20px 30px; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	}
.ListSearch > div::before { top:7px; right:3px; width:24px; height:10px; }
.ListSearch > div::after { 
	content:''; display:block; position:absolute; bottom:-1px; left:-1px; width:24px; height:24px; background-color:#e7ded5;
	}
.ListSearch .item { font-size:1rem; }
.ListSearch .title { display:none; }
.ListSearch .BtnCommon input { padding-left:40px; padding-right:40px; font-size:1rem; }

/* 頁碼 */
#Pagination a { 
	width:40px; height:40px; line-height:40px; text-align:center; color:#918778; font-size:0.875rem; 
	}
#Pagination a:hover, #Pagination a:focus { background-color:#d42828; color:#fff; }
#Pagination a.focuz { background-color:#d42828; color:#fff; }

#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { text-indent:-9999px; }
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.last::before, #Pagination a.last::after,
#Pagination a.prev::before, #Pagination a.next::before { 
	content:''; position:absolute; top:50%; width:6px; height:6px; border-top:1px solid #7b7b7b; border-left:1px solid #7b7b7b;
	}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
    margin-top:-3px; 
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
    margin-top:-3px; 
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
#Pagination a.first:hover::before, #Pagination a.first:hover::after, #Pagination a.last:hover::before, #Pagination a.last:hover::after,
#Pagination a.first:focus::before, #Pagination a.first:focus::after, #Pagination a.last:focus::before, #Pagination a.last:focus::after,
#Pagination a.prev:hover::before, #Pagination a.next:hover::before,
#Pagination a.prev:focus::before, #Pagination a.next:focus::before { 
	border-color:#fff; 
	}
#Pagination a.first::before { left:16px; }
#Pagination a.first::after { left:20px; }
#Pagination a.prev::before { left:18px; }
#Pagination a.last::before { right:16px; }
#Pagination a.last::after { right:20px; }
#Pagination a.next::before { right:18px; }

#Pagination .setting { padding-top:20px; line-height:36px; }

/* 內頁顯示欄位 */
.content_info ul { display:table; }
.content_info li { display:table-row; }
.content_info li span { display:table-cell; vertical-align:top; padding:5px 0; }
.content_info li span.title { text-align:right; }

/* 編輯器 */
.editable_content blockquote { padding:30px 60px; margin-left:120px; margin-right:120px; }

/* colorbox */
#colorbox_thum a { width:180px; height:135px; margin:10px; }

/* 延伸閱讀 */
.related_articles .title { font-size:1.375rem; font-family:'Noto Sans TC', sans-serif; font-weight:400 }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:30px; margin-bottom:30px; background-color:#fff; border:1px solid #dddddd; padding:20px 50px; }
.ListTable table th, .ListTable table td { padding-left:20px; padding-right:20px; border-bottom:1px solid #dddddd; }
.ListTable table tr:last-child td  { border-bottom:0; }
.ListTable table th { padding-top:12px; padding-bottom:12px; white-space:nowrap; color:#555555; }
.ListTable table td { padding-top:20px; padding-bottom:20px; line-height:150%; vertical-align:top; }

.ListTable table th.no { width:30px; }
.ListTable table td.no { width:30px; font-family:'Oswald', sans-serif; white-space:nowrap; color:#a3a3a3; text-align:right; }
.ListTable table th.date { width:80px; }
.ListTable table td.date { width:80px; font-family:'Oswald', sans-serif; white-space:nowrap; position:relative; }
.ListTable table td.date::before { 
	content:''; display:block; position:absolute; top:36px; left:24px; width:75px; height:10px; background:url("../images/pattern1.png") repeat 0 0; 
	}
.ListTable table th.date.range, .ListTable table td.date.range { width:140px; }
.ListTable table td.title { padding-left:30px; position:relative; }
.ListTable table td.title a::after { 
	content:''; display:block; position:absolute; top:29px; left:5px; 
	border-left:12px solid #e75548; border-bottom:5px solid transparent; border-top:5px solid transparent; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListTable table td.title a:hover::after, .ListTable table td.title a:focus::after { left:10px; }
.ListTable table .tc { text-align:center; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:30px; margin-bottom:30px; }
.ListPicText > div { margin-left:-20px; margin-right:-20px; }
.ListPicText .item { padding-left:20px; padding-right:20px; margin-bottom:40px; }
.ListPicText .date { font-family:'Oswald', sans-serif; color:#a4a4a4; }
.ListPicText .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; }

/* list-view */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; }
.ListPicText.list-view .img a::after { display:none; }
.ListPicText.list-view .cont { padding-top:0 !important; }
.ListPicText.list-view .title::after { display:none; }
.ListPicText.list-view .btn { margin-top:10px; }

/* grid-view */
.ListPicText.grid-view .item > div { padding-bottom:56px; }/* 預留按鈕的高度 */
.ListPicText.grid-view .btn { position:absolute; width:100%; bottom:20px; left:0; padding-left:20px; padding-right:20px; }

/* 單欄 */
.ListPicText.single .cont { padding:10px; }
.ListPicText.single .title { font-size:1.125rem; }
.ListPicText.single .date { font-size:0.8125rem; }
.ListPicText.single .desc { font-size:1rem; }
.ListPicText.list-view.single .img { padding-right:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .cont { padding:10px; }
.ListPicText.bisection .title { font-size:1.125rem; }
.ListPicText.bisection .date { font-size:0.8125rem; }
.ListPicText.bisection .desc { font-size:0.9375rem; }
.ListPicText.list-view.bisection .img { padding-right:20px; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:33.3333%; }
.ListPicText.trisection .cont { padding:10px; }
.ListPicText.trisection .title { font-size:1.125rem; }
.ListPicText.trisection .date { font-size:0.8125rem; }
.ListPicText.trisection .desc { font-size:0.875rem; }
.ListPicText.list-view.trisection > div { margin-left:-10px; margin-right:-10px; }
.ListPicText.list-view.trisection .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText.list-view.trisection .img { padding-right:10px; }

/* 四欄 */
.ListPicText.quarters > div { margin-left:-10px; margin-right:-10px; }
.ListPicText.quarters .item { float:left; width:25%; padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText.quarters .cont { padding:10px; }
.ListPicText.quarters .title { font-size:1rem; }
.ListPicText.quarters .date { font-size:0.8125rem; }
.ListPicText.quarters .desc { font-size:0.875rem; }
.ListPicText.list-view.quarters .img { padding-right:10px; }


/*----------------------------------------------------------------------*/
/* 商品列表 */
.ProductCat li { width:18.4%; margin-right:2%; padding-bottom:12.5%; letter-spacing:2px; }
	.ProductCat li:nth-child(5n+5) { margin-right:0; }
.ProductCat li a { font-size:1.25rem; font-family:'Noto Sans TC', sans-serif; font-weight:500; }

.ProductListTitle { font-family:'Noto Sans TC', sans-serif; font-weight:500; }

.ProductList .item { width:23.5%; margin-right:2%; }
.ProductList .item:nth-child(4n+4) { margin-right:0; }


/*----------------------------------------------------------------------*/
/* 經營團隊 */
.TeamList { padding-left:2.5%; padding-right:2.5%; }
.TeamList .item { float:left; width:33.3333%; padding-left:3.3333%; padding-right:3.3333%; padding-top:60px; padding-bottom:60px; }
.TeamList .item::after { width:271.604%; }
	.TeamList .item:nth-child(6n+1)::after { content:''; left:-22%; }
	.TeamList .item:nth-child(6n+6)::after { content:'';  right:-22%; }

.TeamList a:hover .img { 
	transform: translateY(-15px); 
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
	box-shadow:0 0 15px rgba(0,0,0,0.4);
	}
.TeamList .nameplate { font-family:'Noto Sans TC', sans-serif; }
.TeamList .nameplate .title { font-weight:300; font-size:1.125rem; }
.TeamList .nameplate .name { font-weight:500; font-size:1.5rem; }
.TeamList .info_list dd { font-size:0.9375rem; }
@media screen and (max-width: 1199px) {
.TeamList .item::after { height:320px; }
.TeamList .cont { padding:0 10px; }
.TeamList .info_list dl { margin-left:10px; margin-top:38px; }
.TeamList .info_list dt { left:-10px; top:-25px; }
}
@media screen and (min-width: 1200px) {
.TeamList .item::after { height:360px; }
.TeamList .cont { padding:0 20px; }
.TeamList .info_list dl { margin-left:32px; margin-top:15px; }
.TeamList .info_list dt { left:-32px; top:0; padding:0 5px; width:32px; text-align:center; }
}

/* popup box */
.team_box .box_wrap > div { padding:60px 40px 20px 40px; }
.team_box .brief .colm_left { width:42%; padding:10px; }
.team_box .brief .img { width:70%; margin-top:-25px; }
.team_box .brief .colm_right { width:54%; }
.team_box .brief .nameplate { 
	padding:20px 10px 10px 10px; width:240px; margin-left:auto; margin-right:10px; margin-top:-12px; margin-bottom:10px;
	font-family:'Noto Sans TC', sans-serif; 
	}
.team_box .brief .nameplate .title { font-weight:300; font-size:1.125rem; }
.team_box .brief .nameplate .name { font-weight:300; font-size:1.625rem; text-align:right; }
@media screen and (max-width: 1439px) {
.team_box .box_wrap { width:960px; height:90vh; margin:-45vh 0 0 -480px; }
}
@media screen and (min-width: 1440px) {
.team_box .box_wrap { width:1000px; height:700px; margin:-350px 0 0 -500px; }
}


/*----------------------------------------------------------------------*/
/* 投資人專區 */
/* 首頁 */
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction a { width:60px; height:84px; margin-top:-42px; }
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction a::after { width:36px; height:36px; margin-top:-18px; }
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
.ContentIRKeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }

.ir_index_title h3 { font-family:'Noto Sans TC', sans-serif; font-weight:400; }

.ir_index_btns { margin-left:-15px; margin-right:-15px; }
.ir_index_btns .item { width:25%; padding:15px; }
	.ir_index_btns .item1, .ir_index_btns .item4 { width:50%; }
	.ir_index_btns .item4 { float:right; }
	
.ir_index_btns .item > div { padding-bottom:84.0336%; }
	.ir_index_btns .item1 > div, .ir_index_btns .item4 > div {padding-bottom:40%; }

.ir_index_btns .item a { font-family:'Noto Sans TC', sans-serif; font-weight:400; font-size:1.25rem; }

/* 投資人專區內頁 */
#ContentIR_Left { float:left; width:200px; }
#ContentIR_Center { overflow:hidden; }
@media screen and (max-width: 1279px) {
#ContentIR_Center { padding-left:30px; }
}
@media screen and (min-width: 1280px) {
#ContentIR_Center { padding-left:50px; }
}

.ir_menu_title { font-family:'Noto Sans TC', sans-serif; font-weight:500; }

.ir_list_table table { width:100%; border-top:1px solid #e3e4e5; border-right:1px solid #e3e4e5; }
.ir_list_table table th, .ir_list_table table td { border-bottom:1px solid #e3e4e5; border-left:1px solid #e3e4e5; padding:8px 12px; }
.ir_list_table td.download { padding-top:4px; padding-bottom:4px; }
.ir_list_table table th { background-color:#e3e4e5; }
.ir_list_table table td { background-color:#f9f9f9; text-align:center; }
.ir_list_table table tr:nth-child(even) td { background-color:#ffffff; }
.ir_list_table table tr.total td { background-color:#c9e1ea; }

/* 公司年報 */
.AnnualReport .item { width:32%; margin-right:2%; margin-bottom:50px; }
.AnnualReport .item:nth-child(3n+3) { margin-right:0; }
@media screen and (max-width: 1279px) {
.AnnualReport .cont { padding-left:10px; }
}

/* 財務報告 */
.dividend_info th, .dividend_info td { border-bottom:3px solid #f9f9f9; padding:10px 30px; }
.dividend_info th { border-right:3px solid #f9f9f9; background-color:#c9e1ea; }
.dividend_info td { background-color:#e8eef1; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
h3.event_list_title { font-family:'Noto Sans TC', sans-serif; }

.EventList .item { width:31.25%; margin-right:3.125%; margin-bottom:50px; }
	.EventList .item:nth-child(3n+3) { margin-right:0; }
	
.EventList .img > div {
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	}
	.EventList .img:hover > div { transform:scale(1.02); }
.EventList .title a { font-family:'Noto Sans TC', sans-serif; font-weight:300; }
.EventList .date { font-size:0.9375rem; }

.EventList.active .title a { font-weight:500; letter-spacing:1px; }
@media screen and (max-width: 1199px) {
.EventList .btn { width:100%; text-align:center; }
}
@media screen and (min-width: 1200px) {
.EventList.active .img { float:left; width:750px; margin-right:25px; }
}
@media screen and (max-width: 1319px) {
.EventList .desc { font-size:0.9375rem; }
.EventList.active .desc { font-size:1rem; }
}
@media screen and (min-width: 1320px) {
.EventList .desc { font-size:0.9375rem; }
.EventList.active .desc { font-size:1.125rem; }
}


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .title { font-family:'Noto Sans TC', sans-serif; }