/* CSS Reset *//**********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
/* Global *//**********************************************************/

html {
  scroll-behavior: smooth;
}

body
{
	font-size:13px;
	font-family: 'Ubuntu',"Microsoft JhengHei"," 	\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	line-height:22px;
}

p
{
	text-align:justify;
	font-size:14px;
	line-height:22px;
	margin:0 0 15px;
}

table td, table th
{
	font-size:14px;
	padding:5px 0;
}

a
{
	color:#545454;
	text-decoration:none;
}

a:hover
{
	color:#333;
	text-decoration:none;
}

b
{
	font-weight:bold;
}

u
{
	text-decoration:underline;
}

ol.text, ul.text
{
	margin:0 0 0 20px;
}

ol.text
{
	list-style-type:decimal;
}

ol.alpha
{
	list-style-type:lower-alpha
}

ul.text li
{
	list-style:disc;
}

input, textarea, select
{
	border:1px solid #ccc;
	font-size:14px;
	font-family: 'Ubuntu',"Microsoft JhengHei"," 	\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1","Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Site *//**********************************************************/

.clear
{
	clear:both;
}

.line
{
	height:1px;
	line-height:1px;
	margin:10px 0;
	border-bottom:1px dotted #ccc;
}

.right
{
	float:right;
}

.left
{
	float:left;
}

.textRight{ text-align:right}
.textLeft{ text-align:left}
.textCenter{ text-align:center}

.siteArea
{
	width:100%;
	background-color:#fff;
}

.siteFull
{
	width:100%;
}

.siteInside
{
	width:1170px;
	margin:0 auto;
}

.fullCol
{
	padding:0;
}

.realCol
{
	padding:0 15px;
}

/*
.col33.fullCol{width:390px;}
.col50.fullCol{width:585px;}
.col66.fullCol{width:780px;}
.col100.fullCol{width:1170px;}

.col33.realCol{width:360px;}
.col50.realCol{width:555px;}
.col66.realCol{width:750px;}
.col100.realCol{width:1140px;}
*/

.col16.fullCol{width:16.6%;}
.col20.fullCol{width:20%;}
.col25.fullCol{width:25%;}
.col33.fullCol{width:33.3%;}
.col50.fullCol{width:50%;}
.col66.fullCol{width:66.6%;}
.col100.fullCol{width:100%;}

/* -0.5px for round down */
.col16.realCol{width:calc(16.6% - 30px - 0.5px);}
.col20.realCol{width:calc(20% - 30px - 0.5px);}
.col25.realCol{width:calc(25% - 30px - 0.5px);}
.col33.realCol{width:calc(33.3% - 30px - 0.5px);}
.col50.realCol{width:calc(50% - 30px - 0.5px);}
.col66.realCol{width:calc(66.6% - 30px - 0.5px);}
.col100.realCol{width:calc(100% - 30px);}

.realCol .w16{width:16.6%;}
.realCol .w20{width:20%;}
.realCol .w25{width:25%;}
.realCol .w33{width:33.3%;}
.realCol .w50{width:50%;}
.realCol .w66{width:66.6%;}
.realCol .w75{width:75%;}
.realCol .w100{width:100%;}

.zoom90
{
	zoom:0.9;
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9);
}

.zoom100
{
	zoom:1;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
}

.zoom110
{
	zoom:1.1;
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-webkit-transform-origin:top;
    -moz-transform-origin:top;
}


/* Header *//**********************************************************/

#header
{
	position:relative;
	
}

#header #headerBg
{
	position:absolute;
	display:block;
	width:100%;
	z-index:1;
}

#headerTop
{
	height:58px;
	background-color:#8A716A;
	
}

#headerBottom
{
	height:57px;
	background-color:#E9E3E0;
}

#header .siteInside
{
	position: relative;
	height:115px;
}

#header .col100
{
	position:absolute;
	z-index:100;

}

#logo
{
	width:218px;
	height:58px;
	float:left;
	/*
	background-image:url(../images/logo.png);
	display:table-cell;
	*/
}
#logo img{
	position:absolute;
	/*margin:36px 0  0 17px;*/
	margin:17px 0  0 17px;
}

#header #topContent
{
	float:left;
	height:58px;
	width:922px;
}

#header #bottomContent
{
	height:57px;
	width:1140px;
}

#nav
{
	padding:0 15px;
	float:left;
	z-index:20;
}

#nav > li
{
	display:inline-block;
	position:relative;
}

#nav > li > a
{
	color:#fff;
	font-size:17px;
	font-weight:400;
	padding:0 20px;
	line-height:58px;
}

#nav > li:hover
{
	background-color:#e9e4e1;
}

#nav > li:hover > a
{
	color:#1F4B56;
}

#nav > li > ul
{
	display:none;
	position:absolute;
	background-color:#e9e4e1;
	box-shadow:0 3px 3px rgba(20%,20%,40%,0.4);
	/*
	border:1px solid #ccc;
	border-top:0px;
	*/
	width:198px;
	z-index:10;
}

#nav > li:hover > ul
{
	display:block;
}

#nav > li > ul a
{
	display:block;
	padding:6px 20px;
	color:#009999;
	border-bottom:1px solid #fff;
}

#nav > li > ul a:hover
{
	background-color:#E3DEDB;
}
/*
#nav a
{
	color:#fff;
	font-size:17px;
	font-weight:400;
	padding:0 20px;
	line-height:58px;
}
*/

#globalSearch
{
	float:right;
	width:142px;
	height:58px;
	
}

.searchBox
{
	height:100%;
	width:142px;
	height:58px;
	line-height:58px;

	background-image:url(../images/global_search_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	display:table;
	vertical-align:middle;
}

#qSearchText, #qSearchTextMobile
{
	width:100px;
	margin:auto 0;
	border:0px;
	text-indent:5px;	
}

#qSearchSubmit
{
	width:38px;
	height:20px;
	border:0px;
	background:transparent;
	cursor:pointer;
}

.ui-autocomplete
{
	z-index:2000;
	background-color:#fff;
	width:242px;
	border:#8A716A 1px solid;
}

.ui-menu-item
{
	padding:5px;
}

.ui-state-focus
{
	background-color:#ddd;	
}

#function a
{
	color:#333;
	line-height:54px;
	margin: 0 0 0 31px;
	font-size:14px;
	font-weight:300;
}

#function .langBtnArea
{
	vertical-align:middle;
	display:inline-block;
	width:96px;
	height:57px;
	overflow:hidden;
	margin: 0 0 0 31px;
}

#function .langBtnArea a
{
	float:left;
}

#function #langOpenBtn{margin:0;}
#function .lang_sc_btn{margin: 0 5px; color:#009493}
#function .lang_tc_btn{margin: 0 5px; color:#009493}
#function .lang_en_btn{margin: 0 5px; color:#009493}

#function #langSelect
{
	display:none;
}

#function #emailalert_btn
{
	padding-right:33px;
	background-image:url(../images/emailalert_btn.svg);
	background-position:right;
	background-repeat:no-repeat;
}

#function #langOpenBtn
{
	padding-right:25px;
	background-image:url(../images/lang_btn.svg);
	background-position:right;
	background-repeat:no-repeat;
}

.nav_open_btn
{
	display:none;
	height:58px;
	width:58px;
	background-image:url(../images/nav_icon_mobile.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
	float:right;
}

.nav_close_btn
{
	right:15px;
	position:absolute;
	height:58px;
	width:58px;
	background-image:url(../images/close_icon_mobile.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
}

#nav_mobile
{
	top:0;
	left:0;
	position:fixed;
	background-color:#e9e3e0;
	width:100vw;
	height:100vh;
	z-index:1000;
	opacity:0.98;
	display:none;
	text-align:center;
	overflow: scroll;

}

.searchArea
{
	margin-top:50px;
	padding:10px 0;
}

.searchArea .searchBox
{
	margin:0 auto;
	width:243px;
	background-image:url(../images/global_search_mobile_bg.png);
}

.searchArea #qSearchTextMobile
{
	width:200px;
}

.langArea
{
	border-top:1px solid #fff;
	padding:10px 0;
}

.langArea a
{
	font-size:18px;
	color:#009493;
	margin:0 10px;
}

.navItemsArea
{
	padding-bottom:100px;
}

.navItems
{
	display:block;
	border-top:1px solid #fff;

}

.navItems > a
{
	font-size:18px;
	display:block;
	padding:10px 0;
}

.subNavItems
{
	display:none;
	padding:0 0 10px;
}

.subNavItems a
{
	display:block;
	padding:6px 20px;
	color:#009999;
}

.subNavItems a:hover
{
	background-color:#E3DEDB;
}


/* Main *//**********************************************************/

#main
{
	padding:50px 0;

}

#highlightArea div
{
	padding-bottom:36px;
}

#highlightArea .top
{
	height:480px;
	display:block;
	position:relative;
	overflow:hidden;
	background-color:#444;
}

#highlightArea .top img
{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin: auto;
	transition: all .2s ease-in-out;
	width:100%;
}

#highlightArea .top:hover img
{
	transform: scale(1.1); 
}

#highlightArea .top span
{
	padding:10px 15px 15px;
	position:absolute;
	bottom:0;
	/*
	background-color:#fff;
	opacity:0.8;
	*/
	background-color:#ddd;
	width:100%;
	font-size:16px;
	font-weight:300;
	line-height:24px;
	box-sizing:border-box;
}

#highlightArea .top span h1
{
	font-size:27px;
	font-weight:400;
	line-height:36px;
	margin-bottom:3px;	
}

#highlightArea .other
{
	height:220px;
	display:block;
	position:relative;
	overflow:hidden;
	background-color:#444;
}

#highlightArea .other img
{
	margin: auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	transition: all .2s ease-in-out;
	width:100%;
}

#highlightArea .other .presentationCover
{
	width:225px;
}

#highlightArea .other .reportCover
{
	width:143px;
}

#highlightArea .other:hover img
{
	transform: scale(1.1); 
}

#highlightArea .other span
{
	padding:6px 15px;
	position:absolute;
	bottom:0;
	/*
	background-color:#fff;
	opacity:0.8;
	*/
	background-color:#ddd;
	width:100%;
	font-size:14px;
	font-weight:300;
	line-height:20px;
	box-sizing:border-box;
}

#highlightArea .other span h2
{
	font-size:16px;
	font-weight:400;
	line-height:20px;
	margin-bottom:3px;	
}

.newsArea
{
	height:736px;
	display:block;
	overflow:hidden;
	margin-bottom:36px;
}

.newsArea .groupBtn
{
	background-color:#8A716A;
	line-height:35px;
	text-align:center;
	
}

.newsArea .groupBtn a
{
	color:#fff;
	font-size:16px;
	font-weight:300;
	padding:0 20px;
}

.newsArea .item
{
	line-height:22px;
	border-bottom:1px solid #C2B8B2;
	padding: 14px 0;
}

.newsArea .item .catIcon
{
	color:#fff;
	font-size:12px;
	line-height:18px;
	padding:0 8px;
	background-color:#8A716A;
	border-radius: 3px;
	display:inline-block;
	margin-right:10px;
}

.newsArea .item .catIcon.Announcement{background-color:#5DB85B}
.newsArea .item .catIcon.Circular{background-color:#528BCE}
.newsArea .item .catIcon.Press{background-color:#CF5093}

.newsArea .item .date
{
	display:inline-block;
	font-size:12px;
	line-height:18px;
	color:#8a716a;
}

.newsArea .item .comLink
{
	color:#7AB1D0;
	font-weight:400;
	font-size:14px;
	margin-right:10px;
}

.newsArea .item .stock
{
	color:#009392;
	font-size:12px;
}

.homeWebcastHighlight
{
	height:220px;
	display:block;
	overflow:hidden;
	margin-bottom:36px;
}

.homeWebcastHighlight .top
{
	line-height:35px;
	background-color:#009090;
	padding:0 30px;
	position:relative;

}

.homeWebcastHighlight .top h3
{
	color:#fff;
	font-size:15px;
}

.homeWebcastHighlight #webcastPager
{
	position:absolute;
	right:10px;
}

.homeWebcastHighlight #webcastPager span
{
	font-size:35px;
	color:#ddd;
	padding:0 5px;
	cursor:pointer;
}

.homeWebcastHighlight #webcastPager .cycle-pager-active
{
	color:#fff;
}

.homeWebcastHighlight .content .item
{
	width:100%
}

.homeWebcastHighlight .content .item > div
{
	width:50%;
	float:left;
	text-align:center;
	padding:12px 0 6px;
}

.homeWebcastHighlight .content .item .logo img
{
	height:24px;
}

.homeWebcastHighlight a
{
	display:block;
}

.homeWebcastHighlight .comLink
{
	color:#7AB1D0;
	font-weight:400;
	font-size:14px;
	line-height:16px;
}

.homeWebcastHighlight .titleLink
{
	height:26px;
	line-height:13px;
	overflow:hidden;
}

.homeAdvertisementArea
{
	height:220px;
	display:block;
	overflow:hidden;
	padding-bottom:36px;
}

.homeAdvertisementArea img
{
	width:100%;
}


.cover img
{
	transition: all .2s ease-in-out;
}

.cover:hover img
{
	transform: scale(1.05);
}

#bannerArea #bannerFrame
{
	margin:0 auto;
}

#banner2Area
{
	text-align:center;
	
}

#bannerArea, #banner2Area, #presentationArea, #webcastArea, #reportArea
{
	padding-bottom:48px;
}

#presentationArea .title, #webcastArea .title, #reportArea .title
{
	height:70px;
	color:#fff;
	font-size:23px;
	font-weight:400;
	background-repeat:repeat-x;
	background-position:center;
	line-height:38px;
	padding: 0 15px;
	display:block;
	text-align:center;
	
}

#presentationArea .title
{
	background-image:url(../images/home_presentation_title_bg.png);
	color:#166C9D;
}

#webcastArea .title
{
	background-image:url(../images/home_webcast_title_bg.png);
	color:#477F9A;
}

#reportArea .title
{
	background-image:url(../images/home_report_title_bg.png);
	color:#018F90;
}

#presentationArea .title span, #webcastArea .title span, #reportArea .title span
{
	background-color:#fff;
	padding:0 20px;
}

#presentationArea .w33
{
	text-align:center;
}

#presentationArea .cover
{
	display:inline-block;
}

#presentationArea .cover img
{
	width:225px;
	border: 1px solid #b2b2b2;
}

#presentationArea .comName
{
	display:block;
	font-size:16px;
	color:#333;
	margin-top:12px;
}

#webcastArea .w33
{
	text-align:center;
}

#webcastArea .cover
{
	display:inline-block;
	position:relative;
}

#webcastArea .cover img
{
	width:225px;
	border: 1px solid #b2b2b2;
}

#webcastArea .cover .playBtn
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	z-index:10;
	width:48px;
	border: 0px;
}

#webcastArea .comName
{
	display:block;
	font-size:16px;
	color:#333;
	margin-top:12px;
}

#reportArea .w33
{
	text-align:center;
	/*
	display:table;
	height:204px;
	*/
}

#reportArea .reportBox
{
	padding:0 50px;
	display:table-cell;
	vertical-align:middle;
}

#reportArea .cover
{
	display:inline-block;
	/*
	display:table-cell;
	position:relative;
	padding-right:10px;
	*/
}

#reportArea .cover img
{
	border:1px solid #B2B2B2;
	max-width:143px;
}


#reportArea .comName
{
	display:block;
	font-size:16px;
	color:#333;
	margin-top:12px;
	/*
	display:table-cell;
	vertical-align: middle;
	*/
}


/* Footer *//**********************************************************/

#footer
{
	background-color:#E9E4E1;
	font-size:12px;
	color:#818181;
}

#footer .siteInside
{
	padding:30px 0;
}

#footer .footerLink, #footer .footerLink a
{
	color:#00908f;
	font-size:14px;
}

#footer .footerLink
{
	padding-bottom:18px;
}

.sitemapLink
{
	padding-top:20px;
	padding-bottom:35px;
}

.sitemapLink a
{
	display:block;
	color:#818181;
	font-size:14px;
}

.sitemapLink a.title
{
	color:#333;
	font-size:16px;
	padding-bottom:16px;
}

/* Cookies *//**********************************************************/
.cookies { width: 100%; position: fixed; bottom: 0; left:0; background: rgba(60, 60, 60, 0.85); color: #fff; padding: 20px; z-index: 150; display: none; box-sizing:border-box}
.cookies.init { display: block;}
.cookies .cookies-content { width: min(100%, 1170px); margin: 0 auto; position: relative; text-align: left;}
.cookies a{ color:#fff}
.cookies .cookies-title {margin-bottom: 10px; font-size:16px}
.cookies .cookies-inline { display: flex;justify-content: space-between}
.cookies .cookies-inline p {margin-bottom: 0; margin-right: 200px; font-size:14px}
.cookies .cookies-inline p a { text-decoration: underline;}
.cookies .cookies-inline .cookies-close { white-space: nowrap; padding: 10px 15px; background-color: #009090; font-size:14px;}
.cookies .cookies-inline .cookies-close:hover { background-color: #8A716A}