﻿@charset "utf-8";
/* CSS Document */
@import url(notosanstc.css);/*載入思源黑體 font-family:'Noto Sans TC', sans-serif;*/
#Wrap { padding-top:129px; }

/*----------------------------------------------------------------------*/
/* Header */
#Header { padding-top:49px; }
#Header > div { height:80px; }

/* 關係企業 */
#Header div.conglomerate { 
	position:absolute; top:0; left:0; width:100%;background:#032c6a no-repeat center center; z-index:10002;
	padding-left:inherit; font-size:14px; color:#def756; box-sizing:border-box; 
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.15);
	box-shadow:0 0 15px rgba(0,0,0,0.15);
	}
#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; color:#def756; 
	}
#Header div.conglomerate .superfish { height:48px; }
#Header div.conglomerate .superfish a { display:block; text-decoration:none; }

#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; color:#fff; position:relative; }
#Header div.conglomerate .superfish > li:hover > a { color:#def756; }
#Header div.conglomerate .superfish > li > a::after {
	content:''; position:absolute; top:20px; right:10px; width:5px; height:5px; border-bottom:2px solid #fff; border-right:2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
#Header div.conglomerate .superfish > li:hover > a::after {
	top:22px; border-color:#def756;
	-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; color:#333; }
    #Header div.conglomerate .superfish ul li:hover a
    /*{
        color: #61baec;
    }*/ {
        font-weight: bold;
        color: #032c6a;
    }

/* 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:#fff; 
	-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; color:#fff; width:30px; }
	.top_links > ul > li.lang > a::before { content:'\f1ab'; font-size:20px; color:#fff; width:38px; }
	.top_links > ul > li.search > a::before { content:'\f002'; font-size:18px; color:#fff; width:30px; }
    .top_links > ul > li:hover > a { color:#def756; }
	.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:hover > a::before { color:#def756; }

.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:#0467ff; }

.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 #61baec; }
.top_links .search_box input.btn { 
	width:60px; background-color:#0467ff; 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:#def756; }

.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:#61baec; }

@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:80px; padding-right:80px; }
#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; color:#333; }
	.MenuFix .top_links > ul > li > a::before { color:#333; }
	.MenuFix .top_links > ul > li:hover > a { color:#0467ff; }
	.MenuFix .top_links > ul > li:hover > a::before { color:#0467ff; }
	.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:80px; position:relative; }	
#Menu .superfish > li:hover > a, #Menu .superfish > li > a:focus, #Menu .superfish > li.select > a { color:#0467ff; }
#Menu .superfish > li > a::after { 
	content:''; display:block; position:absolute; bottom:20px; left:50%; border-top:3px solid #0467ff; 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:79px; 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:#0467FF; }
#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:#0467ff; }

@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::before, #Footer::after {
    content: '';
    display: block;
    position: absolute;
}

#Footer::before {
    top: 0;
    right: 0;
    border-left: 100vw solid #0467ff;
    border-bottom: 78px solid transparent;
    z-index: 2;
}

#Footer::after {
    top: 0;
    left: 0;
    border-right: 100vw solid #def756;
    border-bottom: 78px solid transparent;
    z-index: 1;
}
	
#Footer { background-color:#032c6a; position:relative; overflow:hidden; }
    #Footer > div {
        max-width: 1280px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15.625vh;
        padding-bottom: 30px;
        margin: 0 auto;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
       
    }
#Footer .col_left { float:left; width:600px; margin-right:60px; border-right:1px solid #e6e6e6; }
.footer_menu a { display:block; text-decoration:none; line-height:150%; }
.footer_menu a:hover, #Footer .footer_menu a:focus { color:#def756; }
.footer_menu > ul { display:table; table-layout:fixed; width:100%; }
.footer_menu > ul > li { display:table-cell; }
.footer_menu > ul > li > a { color:#def756; font-weight:bold; }
.footer_menu ul ul { padding-top:5px; }
.footer_menu ul ul a { padding:3px 0; color:#fff; font-size:14px; }

#Footer .col_right { overflow:hidden; }
.footer_btns a, .footer_btns a::before {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.footer_btns div { display:inline-block; margin-bottom:20px; margin-right:15px; }
.footer_btns a { 
	display:block; padding:0 20px; height:45px; line-height:45px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; 
	}
	.footer_btns .recruit a { background-color:#00ccff; }
	.footer_btns .contact a { background-color:#ff6699; }
.footer_btns a:hover, .footer_btns a:focus { background-color:#fadd56; }
.footer_btns a::before { margin-right:5px; font-family:'Font Awesome 5 Light'; font-weight:300; font-size:20px; vertical-align:middle; }
	.footer_btns .recruit a::before { content:"\f0c0"; }
	.footer_btns .contact a::before { content:"\f27a"; }

.footer_links {  }
.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; 
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
	}
.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;margin-right:5px; }
.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%;
        border: 1px solid #def756;
        color: #def756;
        background-color: #def756;
    }
.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; text-indent:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
    .footer_links li.fb a::before {
        content: "\f39c";
        color: #032c6a;
        background-color: #edf756;
    }
    .footer_links li.in a::before {
        content: "\f0e1";
        color: #032c6a;
    }
	.footer_links li.youtube a::before { content:"\f16a"; color:#032c6a; }
.footer_links li[class] a:hover::before, .footer_links li[class] a:focus::before { color:#032c6a; }
    .footer_links li.fb a:hover, .footer_links li.fb a:focus {
        background-color: #edf756;
    }
    .footer_links li.in a:hover, .footer_links li.in a:focus {
        background-color: #edf756;
    }
    .footer_links li.youtube a:hover, .footer_links li.youtube a:focus {
        background-color: #edf756;
    }

#Copyright { text-align:right; }
#Copyright > div { border-top:1px solid #d8d8d8; }
#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:64px; height:64px; margin-top:-32px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:18px; height:18px; margin-top:-9px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:26px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:26px; }

/*.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:400; }

/* 活動訊息 */
.IndexEvent .block_title h2 { font-size:36px; }

.index_event_list { padding-top:6vh; }
.index_event_list .item { padding:30px; }
.index_event_list .item .cont { margin:-50px 20px 0; padding:5px 0 9px; overflow:hidden; }
.index_event_list .item .cont::before { top:36px; left:20px; width:48px; height:48px; }
.index_event_list .item .title  { padding:15px 5px 15px 5px; font-family:'Noto Sans TC', sans-serif; font-size:20px; font-weight:400; }
.index_event_list .item .title::after { content:''; display:block; position:absolute; top:-30px; right:0; /*border-bottom:30px solid #fff;*/ border-right:360px solid transparent; }
    .index_event_list .item .desc {
        background-color: #;
        padding: 0 25px 34px;
    }
.index_event_list .owl-carousel .owl-nav .owl-prev, .index_event_list .owl-carousel .owl-nav .owl-next { 
	width:64px; height:64px; margin-top:-32px; 
	}
.index_event_list .owl-carousel .owl-nav .owl-prev::after, .index_event_list .owl-carousel .owl-nav .owl-next::after { 
	margin-top:-12px; width:24px; height:24px;
	}
.index_event_list .owl-carousel .owl-nav .owl-prev::after { margin-left:-6px; }
.index_event_list .owl-carousel .owl-nav .owl-next::after { margin-right:-6px; }
@media screen and (max-width: 1439px) {
.index_event_list .owl-carousel .owl-nav .owl-prev { left:-36px; }
.index_event_list .owl-carousel .owl-nav .owl-next { right:-36px; }
}
@media screen and (min-width: 1440px) {
.index_event_list .owl-carousel .owl-nav .owl-prev { left:-72px; }
.index_event_list .owl-carousel .owl-nav .owl-next { right:-72px; }
}
@media screen and (orientation: portrait) {
.IndexEvent > div { padding-top:18vh; }
.index_event_list > div { padding-bottom:6.25vh; }
}
@media screen and (orientation: landscape) {
    .IndexEvent > div {
        padding-top: 9vh;
        background-image: url(/files/atts/0J079318659441130373/layout/images/index_event_bg.png);
        background-repeat: repeat;
        background-attachment: fixed;
        background-size: 45%;
    }
.index_event_list > div { padding-bottom:3vh; }
}

/* 企業新聞 */
.IndexNews > div { padding-top:180px; padding-bottom:160px; }
.IndexNews::before, .IndexNews::after { border-bottom-width:78px; }
.IndexNews > div::before, .IndexNews > div::after { border-top-width:78px; }

.IndexNews .block_title::before { bottom:0; }
.IndexNews .block_title h2 { padding-left:50px; font-size:50px; }
.IndexNews .block_title h2 span { padding-left:14.5em; }

.index_news_list li { margin:36px 0; }
.index_news_list .date { top:20px; left:45px; font-size:16px; }
.index_news_list .title a { padding:50px 45px 20px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 事業群 */
.IndexConglomerate .block_title h2 { font-size:36px; }
.IndexConglomerate .block_title h2 span { font-size:16px; }

.index_conglomerate_block .img { position:absolute; width:55%; }
.index_conglomerate_block .cont { width:62%; }
.index_conglomerate_block .cont::before { /*right:-100px;*/ }
.index_conglomerate_block .cont::after { top:20px; left:-20px; }
.index_conglomerate_block .cont > div { padding:35px 30px 20px 30px; }
.index_conglomerate_block .cont > div::after { top:35%; left:-55px; border-right-width:50px; border-bottom-width:40px; }
.index_conglomerate_block .desc { font-size:14px; }
@media screen and (max-width: 1319px) {
/*.index_conglomerate_block { border-left:20px solid #fff; border-right:20px solid #fff; padding:50px 20px 60px 50px; }*/
.IndexConglomerate .index_conglomerate_block:nth-child(even) { /*border-top:25px solid #fff; border-bottom:25px solid #fff;*/ }
.index_conglomerate_block .img { top:50px; right:20px; }
.index_conglomerate_block .img::before { top:15%; }
.index_conglomerate_block .cont { margin-top:15%; }
}
@media screen and (min-width: 1320px) {
/*.index_conglomerate_block { border-left:50px solid #fff; border-right:50px solid #fff; padding:60px 35px 80px 100px; }*/
/*.IndexConglomerate .index_conglomerate_block:nth-child(even) { border-top:45px solid #fff; border-bottom:45px solid #fff; }*/
.index_conglomerate_block .img { top:60px; right:35px; }
.index_conglomerate_block .img::before { top:27%; }
.index_conglomerate_block .cont { margin-top:20%; }
}
@media screen and (orientation: portrait) {
.IndexConglomerate { padding-top:5vh; padding-bottom:4vh; }
}
@media screen and (orientation: landscape) {
.IndexConglomerate { padding-top:9.375vh; padding-bottom:72.4vh; }
}

/* block1 */
@media screen and (max-width: 1319px) {
.IndexConglomerate .index_conglomerate_block:nth-child(1) { padding-top:60px; }
.IndexConglomerate .index_conglomerate_block:nth-child(1)::before { left:-20px; border-left:100px solid #0467ff;border-bottom:100px solid transparent; }
.index_conglomerate_block .img { top:60px; }
}
@media screen and (min-width: 1320px) {
.IndexConglomerate .index_conglomerate_block:nth-child(1) { padding-top:80px; }
.IndexConglomerate .index_conglomerate_block:nth-child(1)::before { left:-50px; /*border-left:150px solid #61baec;*/ border-bottom:150px solid transparent; }
.index_conglomerate_block .img { top:80px; }
}

/* block2 */

/* block3 */
	
/* block4 */
@media screen and (max-width: 1319px) {
.IndexConglomerate .index_conglomerate_block:nth-child(4)::before { right:-20px; bottom:-25px; border-right:100px solid #0467ff; border-top:100px solid transparent; }
}
@media screen and (min-width: 1320px) {
.IndexConglomerate .index_conglomerate_block:nth-child(4)::before { right:-50px; bottom:-45px; /*border-right:150px solid #61baec;*/ border-top:150px solid transparent; }
}

	/* 動畫效果 */
	.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; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Center::before { width:160px; height:182px; }
#Center::after { width:178px; height:0px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.PageTitle h2, h3.title, .CatTitle h2 { 
	font-family:'Noto Sans TC', sans-serif;
	}
	
/* 導覽列(麵包屑) */
#Breadcrumbs { margin-bottom:30px; }

/* 工具列 */
.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-top:30px; }
.PageTitle h2 { 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:#65d1d3; color:#fff; }
#Pagination a.focuz { background-color:#65d1d3; 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; position:relative; }
.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 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 #5ad4d5; 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; }
.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:5px; }
.ListPicText.list-view .title::before { display:none; }
.ListPicText.list-view .btn { margin-top:10px; }

/* grid-view */
.ListPicText.grid-view .item > div { padding-bottom:56px; }/* 預留按鈕的高度 */
.ListPicText.grid-view .img { overflow:hidden; }
.ListPicText.grid-view .date, .ListPicText.grid-view .title a { padding-left:10px; }
.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 { padding-bottom:12.5%; letter-spacing:2px; }
.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; }
@media screen and (max-width: 1279px) {
.ProductCat li { width:23.5%; margin-right:2%; }
.ProductCat li:nth-child(4n+4) { margin-right:0; }
}
@media screen and (min-width: 1280px) {
.ProductCat li { width:18.4%; margin-right:2%; }
.ProductCat li:nth-child(5n+5) { 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-bottom:40px; }

.TeamList a:hover .img { 
	transform: translateY(-10px); 
	-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 .colm_left::before { 
	background-image:url("../images/bg_team_popup.png"); background-repeat:no-repeat; background-position:130% 20%; 
	} 
.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:220px; }
#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_menu > ul > li > a { font-family:'Noto Sans TC', sans-serif; font-weight:400; }

.ir_list_table table { width:100%; border-top:1px solid #d2d2d2; }
.ir_list_table table th, .ir_list_table table td { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:8px 12px; }
.ir_list_table table tr th:first-child, .ir_list_table table tr td:first-child { border-left:1px solid #d2d2d2; }
.ir_list_table td.download { padding-top:4px; padding-bottom:4px; }
.ir_list_table table th { background-color:#c0e3f7; }
.ir_list_table table td { background-color:#fff; text-align:center; }
.ir_list_table table tr.total td { background-color:#5ad4d5; border-bottom:1px solid #5ad4d5; border-right:1px solid #5ad4d5; color:#fff; font-weight:bold; }
.ir_list_table table tr.total td:first-child { border-left:1px solid #5ad4d5; }

/* 公司年報 */
.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 #fff; padding:10px 30px; }
.dividend_info th { border-right:3px solid #fff; background-color:#5ad4d5; color:#fff; text-align:left; }
.dividend_info td { background-color:#e7efef; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
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 .item:nth-child(odd) .img { float:left; width:750px; margin-right:25px; }
.EventList.active .item:nth-child(odd) .btn { right:0; }
.EventList.active .item:nth-child(even) .img { float:right; width:750px; margin-left:25px; }
.EventList.active .item:nth-child(even) .btn { left:0; right:auto; }
}
@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:1rem; }
}


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .title { font-family:'Noto Sans TC', sans-serif; }