* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	margin:0;
	padding:0;
	font-family:arial,"Microsoft JhengHei", "微軟正黑體";
	overflow-x:hidden;
	font-size: 1em;
	background-color: #ffffff;
}
h1,h2,h3,h4, .title, p{
	color:#3E290F;
}
.title{
	font-size:1.75em;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0;
	line-height:36px;
}
h1{
	font-size:1.75em;
	margin:0 0 5px 0;
	color:#326E80;
}
h1 a{
	text-decoration:none;
	color:#326E80;
}
h1.home{
	margin:0 0 6px;
	font-size:1.75em;
	font-weight:bold;
}
h2{
	font-size:1.5em;
	margin:0 0 10px 0;
	color:#7c6b04;
}
h2 span.blue{
	color:#2d79b4;
}
p{
	font-size:1.125em;
}
.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  display: table;
}
.w-clearfix:after {
  clear: both;
}

.headerContainer {
	margin:0;
	padding:0;
	/*border-bottom:1px solid #ddd;*/
}
.footerContainer {
	margin:0;
	padding:0;
	/*border-top:1px solid #ddd;*/
}
.main_wrapper{
	max-width:1280px;
	margin:0 auto;
	padding:0;
	min-width:320px;
}
.content_padding{
	padding: 8px 53px 34px 53px;
}
.cf{
    margin: 0;
    padding: 0;
	height: 1%;
}
.cf:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.annualreport_content_container{
	padding-top:0px;
	/*border-top: 1px solid #efecec;*/
}
.annualreport_image_container {
	padding-top:8px;
}
.header{
	padding:20px 40px 21px 53px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.logo img{
	display:block;
}
.logo img.desktop {
	display:block;
}
.logo img.mobile {
	display:none;
	width:100%;
}
.toolBar{
	margin:0;
	padding:4px 0 0 0;
	list-style:none;
}
ul.toolBar > li:nth-child(1){
	display:none;
}
.hide{
	display: none !important;
}
.toolBar li.hide {
	display:none;
}
.toolBar a{
	color:#3e290f;
	font-size:0.875em;
	text-decoration:none;
}
.toolBar a.lang_en, .toolBar a.lang_tc, .toolBar a.lang_sc {
	font-size:1em;
}
/*a.lang_sc{
	display: none;
}*/

.toolBar > li{
	display: inline-block;
	padding:0;
	position: relative;
	vertical-align: middle;
	z-index:99;
}
.toolBar > li:last-child{
	padding-right:0;
}
.toolBar > li:last-child:after {
	content: "";
	width:0;
}
.toolBar li.imgprint {
	padding:0 0 0 5px;
}
/*
.toolBar > li:after {
    background-color: #CCC;
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 5px;
}
*/
.navMobile{
	display:none;
}
.navMobile > div > a{
	display:block;
}
a.skiplink{
	margin:0;
	padding:10px;
	color: #1e1e1e;
	left: 20px;
	position: absolute;
	top: -100px;
	background-color:#781d32;
	color:#fff;
}
.h_underline a:hover{
	text-decoration:underline;
}
.navDesktop .share_option{
	display:none;
	position: absolute;
	right: 0;
	padding-top:12px;
}
.share_option .box{
	padding: 5px 1px 5px 5px;
	background-color:#fff;
	box-shadow: 1px 1px 11px 0 #ccc;
}
.share_option img{
	display:block;
}
.share_option ul{
	padding:0;
	list-style:none;
	display: flex;
}
.share_option ul li{
	display:inline-block;
}
.toolBar li:hover > .share_option, .toolBar li.search:hover > .search_option, .share_option.active{
	display:block;
}
.toolBar a:hover{
	
}
.share_option ul li a{
	display:block;
}
.share_option ul li{
	float: left;
	padding:0;
}
.share_option ul li:last-child{
	padding-right:0;
}
.search_box .search{
	width:80%;
	padding:8px;
	float:left;
	height:43px;
	margin:0;
}
#keywordSearchForm{
	width:500px;
}
.search_option{
	display:none;
	position: absolute;
	right: 0;
	top:32px;
	z-index:1;
}
.lang_option{
	display:none;
	position: absolute;
	left: 0;
	z-index:1;
	width:100%;
}
/*
.lang_option:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -6px;
    left: 50%;
	transform: translateX(-50%);
}
.lang_option:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -5px;
	left: 50%;
	transform: translateX(-50%);
}
*/
.lang_box{
	color:#949494;
	background:#ffffff;
}

/*
.navMobile .search_option:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -5px;
	right: 20px;
}
.navMobile .search_option:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -6px;
    right: 19px;
}
*/
/*
.toolBar .search_box:after{
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: 0px;
	right: 19px;
}
.toolBar .search_box:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -1px;
	right: 18px;
}
.share_option .box:before{
	content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -1px;
    left: 18px;
}
.share_option .box:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: 0;
	left: 19px;
}
*/
.search_option.active, .lang_option.active{
	display:block;
}
.pr{
	position:relative;
}
.navMobile .search_option{
	right:0;
	padding-top:10px;
}
.lang_box{
	padding: 20px 40px;
	border: 1px solid #ccc;
}
.lang_option a{
	color:#3E290F;
	text-decoration:none;
}
.lang_option a:hover{
	text-decoration:underline;
}
.search_box{
	padding: 10px;
	background:#ffffff;
}
.navDesktop .search_box{
	box-shadow: 1px 1px 11px 0 #ccc;
}
.search_box input{
	display:inline-block;
	font: inherit;
	height:43px;
	width:20%;
}
.w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 0.875em;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}
.w-input:focus,
.w-select:focus {
  border-color: #3898EC;
 
}
.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.w-button {
  -webkit-appearance: button;
}
.content_field{
	padding:0;
}
.full_width{
	width:100%;
	display:block;
}
.enter_field{
	text-align:center;
}
.enter_field a{
	padding:5px 30px;
	background:#326E80;
	border-radius:25px;
	font-size:1.125em;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	display: inline-block;
}

.footer{
	padding:0 53px 0;
}
.footer ul li:first-child{
	padding-left:0;
}
.footer ul li{
	font-size:0.875em;
	display:inline-block;
	color: #3e290f;
	padding:0 10px;
}
.footer .border_right ul li{
	border-right:1px solid #ccc;
}
.footer ul li{
	vertical-align:top;
}
.footer .border_right ul li:last-child{
	border:none;
}
.footer ul li:last-child{
	padding-right:0;
}
.footer ul li a{
	color: #3e290f;
	text-decoration:none;
}
.footer ul{
	list-style:none;
	padding:0;
}
.vertical_top{
	vertical-align:top;
}
.footer .fr ul li:first-child{
	
}
.footer ul li a:hover{
	text-decoration: underline;
}
.navMobile img{
	display:block;
}
.contentwrapper{
	position:relative;
}
.sidenav {
	width: 0;
	position: absolute;
	z-index: 99;
	top: -30px;
	right: 0;
	overflow-x: hidden;
	/*transition: 0.6s;*/
}
.desktopSideNav{
	width:500px;
	right:13px;
	top:35px;
	display:none;
	box-shadow: 1px 1px 11px 0 #ccc;
	background-color: #fff;
}

.desktopSideNav.active{
	display:block;
}
.sidenav .padding{
    padding: 10px 10px 8px 10px;
}
.sidenav a{
    text-decoration: none;
    font-size: 1em;
    color: #3e290f;
    display: block;
    transition: 0.3s;
	line-height:24px;
	padding-right:5px;
}
.sidenav a:hover{
	color:#326E80;
}
.textsize:hover{
	text-decoration: underline;
}
.footer_mobile{
	display:none;
}
.sidenav .closebtn{
	font-size:1.625em;
}
.desktopSideNav ul, .mobileSideNav ul{
	padding-left:0;
	margin:0;
	list-style:none;
}
.sidenav ul li{
	padding:10px 5px 10px 10px;
}
.sidenav ul li.icon{
	background:url('../images/arrow_blue.png') no-repeat 99% center;
	/*border-bottom:1px solid #e8e8e8;*/
	background-size: 12px 11px;
	position:relative;
}
.sidenav ul li.icon:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:2px;
	background:url('../images/Line.png') no-repeat center center;
	background-size:cover;
}

.sidenav ul li.icon:last-of-type:after{
	display:none;
}

.sidenav ul li.icon:last-child{
	border-bottom:none;
}
.sidenav ul li.list_more{
	background:url('../images/arrow_down.png') no-repeat 98.5% 12px;
	border-bottom:1px solid #e8e8e8;
	background-size: 20px;
}
.sidenav ul li.list_more ul{
	display:none;
}
.sidenav ul li.list_more.active{
	background:url('../images/arrow_up.png') no-repeat 98.5% 12px;
	background-size: 20px;
}
.sidenav ul li.list_more li:first-child{
	margin-top:7px;
}
.sidenav ul li.list_more li{
	padding:7px 0 7px 25px;
	border-bottom:none;
	background-size: 20px;
}
.sidenav ul li.list_more li.list_item1 {
	background:url('../images/bullet1.png') no-repeat left center;
}
.sidenav ul li.list_more li.list_item1 a {
	color:#7d5a37;
}
.sidenav ul li.list_more li a{
	color:#d05020;
}
.sidenav ul li.list_more li a:hover{
	color:#3e290f;
}

.header_icon {
	padding:13px 15px 13px 35px;
	height:50px;
}
.header_icon.share , .mobile_icon.share{
	background-image: url("../images/icon_share.png");/*, url("../images/sepline.png");*/
	background-position: 50% 50%;/*, 100% 50%;*/
	background-size: 32px, auto;
	background-repeat: no-repeat, no-repeat;
}
.header_icon.print , .mobile_icon.print{
	background-image: url("../images/icon_print.png");/*, url("../images/sepline.png");*/
	background-position: 35% 50%;/*, 100% 50%;*/
	background-size: 35px, auto;
	background-repeat: no-repeat, no-repeat;
}
.textsize {
	padding-right:20px;
	padding-left:10px;
	/*
	background-image: url("../images/sepline.png");
	background-position: 100% 50%;
	background-size:auto;
	background-repeat:no-repeat;
	*/
	text-align:center;
}
.lang_en, .lang_tc, .lang_sc {
	padding-right:20px;
	padding-left:15px;
	/*
	background-image: url("../images/sepline.png");
	background-position: 100% 50%;
	background-size:auto;
	background-repeat:no-repeat;
	*/
	text-align:center;
}
.header_icon.search {
	background-image: url("../images/icon_search.png");/*, url("../images/sepline.png");*/
	background-position: 30% 50%;/*, 100% 50%;*/
	background-size: 38px, auto;
	background-repeat: no-repeat, no-repeat;
}
.header_icon.menu {
	background-image: url("../images/icon_menu.png");
	background-position: 50% 50%;
	background-size: 25px, auto;
	background-repeat: no-repeat, no-repeat;
}
.header_icon.menu.open {
	background-image: url("../images/icon_cross.png");
}
.mob_btn_search {
	width:20%;
	float: right;
	background-color: #0071b1;
	line-height:24px;
}
.header_share_icon {
  width: 30px;
  height: 30px;
  margin-right: 4px;
  margin-left: 4px; }

.header_share_icon.email {
  background-image: url("../images/share_icon_email.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.fb {
  background-image: url("../images/share_icon_fb.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.wtsapp {
  background-image: url("../images/share_icon_wtsapp.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.weibo {
  background-image: url("../images/share_icon_weibo.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.wechat {
  background-image: url("../images/share_icon_wechat.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.twitter {
  background-image: url("../images/share_icon_twitter.png");
  background-position: 0px 0px;
  background-size: 30px;
  background-repeat: no-repeat; }

.header_share_icon.rss {
  background-image: url("../images/share_icon_rss.png");
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat; }

.tspace{
	display:none;
}
.annualreport_left{
	/*width: 25%;*/
	width:23%;
	float: left;
}
.annualreport_left img{
	width:100%;
}
.annualreport_left h1 a {
	color:#7c6b04;
	text-decoration:none;
}
.annualreport_right{
	width: 75%;
	float: left;
	padding-left:22px;
}
.annualreport_name_column {
    width: 33%;
	float: left;
}
.annualreport_name_column.column1 {
	/*width:31%;*/
	width:48%;
	/*new UI*/
	margin-right: 4%;
}
.annualreport_name_column.column2 {
	/*width:34%;*/
	/*width:49%;*/
	width: 35%;
}
.annualreport_sectioname_container {
	padding-left: 20px;
    background-image: url("../images/bullet1.png");
	background-position: 0px 16px;
    background-size: 10px;
    background-repeat: no-repeat;
	padding-bottom:7px;
	padding-top:5px;
    width: 100%;
    padding-top: 11px;
    padding-right: 20px;
    padding-bottom: 11px;
}
.annualreport_sectioname {
    color: #326E80;
    font-size: 1.125em;
    text-decoration: none;
}
.annualreport_sectioname:hover{
	color: #4e4e50;
}
.annualreport_sectioname.no_link:hover{
    color: #4e4e50;
}
.annualreport_name_container{
	
}
.annualreport_sectioname_container.annual_report_item1 {
    padding-left: 25px;
    background-image: url("../images/bullet1.png");
    background-position: 0px 8px;
    background-size: 14px;
    background-repeat: no-repeat;
	padding-bottom:7px;
	padding-top:5px;
}
.annualreport_sectioname_container.annual_report_item1 a {
	color:#7d5a37;
}

.annualreport_sectioname.style {
    color: #d6572b;
}
.annualreport_sectioname.style:hover {
    color: #3e290f;
}
.button_field {
	padding-top:30px;
	text-align:center;
}
.btn_annualreport_pdf {
    margin-top: 10px;
    padding: 8px 60px;
    border-radius: 100px;
    background-color: #326E80;
    background-image: url("../images/Doc.png"), url("../images/Arrow_white.png");
    background-position: 10% 50%, 90% 50%;
    background-size: 19px 25px, 16px 15px;
    background-repeat: no-repeat, no-repeat;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	font-size:0.938em;
}
.pdf_text{
	font-size:0.875em;
}
.btn_annualreport_pdf.financial {
	margin-right:0;
	background-color:#2d79b4;
}
.w-inline-block{
	max-width: 100%;
	display: inline-block;
}

.skip-link {
	position:relative;
	z-index:1001;
}
.wc-qrcode-container {
	display:none;
}
.other_option.hide {
	display:none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.footer ul {
	margin-bottom:5px;
}
.footer p {
	margin:0;
	padding:0;
	font-size:0.875em;
}
.footer_date {
	padding-bottom:30px;
}

/*Tablet & Phone(Mobile)*/
@media only screen and (max-width: 991px) {
	.logo img.desktop {
		display:none;
	}
	.logo img.mobile {
		display:block;
	}
	.navMobile .search_box{
		padding:0 10px;
	}
	.share_list{
		position:relative;
	}
	.share_option.active{
		display:block;
	}
	.mobileSideNav .textsize{
		background:none;
	}
	.mobile_icon {
		padding:13px 15px 13px 35px;
		height:50px;
	}
	.sidenav .padding{
		float:right;
	}
	.w-nav-overlay{
		position: absolute;
		overflow: hidden;
		display: none;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
	}
	.msearch{
		width: 50px;
		height: 50px;
		margin-right: 7px;
		background-image: url("../images/icon_search_1icon_search.png");
		background-position: 50% 50%;
		background-size: 45px;
	}
	.mlang{
		width: 50px;
		height: 50px;
		margin-right: 11px;
		background-image: url("../images/globe_1globe.png");
		background-position: 50% 50%;
		background-size: 25px;
		background-repeat: no-repeat;
	}
	.mmenu{
		width: 50px;
		height: 50px;
		margin-right: 12px;
		background-image: url("../images/menu-256.png");
		background-position: 50% 50%;
		background-size: 33px;
		background-repeat: no-repeat;
	}
	.mmenu.active{
		background-color: #fff;
		background-image: url("../images/mclose.png");
		background-size: 24px;
		
	}
	
	.footer_date p{
		font-size:0.75em;
	}
	.footer_logo, .footer_more, .footer_date{
		text-align:center;
	}
	.footer_desktop{
		display:none;
	}
	.footer_mobile{
		display:block;
	}
	.footer p {
		padding-top:16px;
	}
	/*
	.other_option > ul > li:after {
		background-color: #CCC;
		content: "";
		display: block;
		width: 1px;
		height: 15px;
		position: absolute;
		right: 0;
		top: 5px;
	}
	.other_option > ul > li:last-child:after {
		width:0;
	}
	*/
	.desktopSideNav.active, .desktopSideNav{
		display:none;
		border:none;
	}
	.mobileSideNav .share_option .box{
		text-align:center;
	}
	.mobileSideNav .share_option ul li{
		padding-top:0;
		padding-bottom:0;
		padding-left: 2px;
		padding-right: 2px;
	}
	.mobileSideNav .share_option ul{
		margin:0;
	}
	.mobileSideNav .share_option{
		margin:0 auto;
		display:none;
		width:278px;
	}
	.mobileSideNav .share_option.active{
		display:block;
	}
	
	.mobileSideNav .other_option{
		text-align:center;
	}
	.header_share_icon {
		margin-left:0;
		margin-right:0;
	}
	.m_nav_width{
		width:80%;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
		/*min-height:600px;*/
	}
	.other_option{
		
	}
	.other_option > ul{
		list-style:none;
		margin:10px 0 0 0;
		padding-left:0;
	}
	.other_option > ul > li{
		display:inline-block;
		padding:0;
		vertical-align:middle;
		position:relative;
	}
	.header{
		padding:20px 0 0 0;
		position:relative;
	}
	.navDesktop{
		display:none;
	}
	.navMobile{
		display:block;
	}
	.header{
		padding-top:0;
	}
	.logo{
		padding:14px 0 14px 15px;
	}
	.navMobile img{
		padding:17px;
	}
	.search_option {
		position:fixed;
		width:100%;
		padding-bottom:10px;
		background:#ffffff;
	}
	.mobileSideNav{
		top:100%;
		width:100%;
		display:none;
	}
	.mobileSideNav.active{
		display:block;
	}
	.navMobile .search_option{
		min-height:80px;
		top:58px;
	}
	.annualreport_left {
		width:50%;
		margin-bottom:40px;
	}
	.annualreport_right {
		width:100%;
	}
	.annualreport_name_column.column1, .annualreport_name_column.column2, .annualreport_name_column.column3 {
		width:100% !important;
	}
	.annualreport_name_column.column1{
		margin-right: 0;
	}
	.content_padding {
		padding:8px 15px 20px 15px;
	}
	.annualreport_right {
		padding-left:0;
	}
	.sidenav ul li br {
		display: none;
	}
}

@media only screen and (max-width: 615px) {
	.fl.halogo {
		width:60%;
	}
	
}

/*Only Tablet*/
@media only screen and (min-width: 480px)  and (max-width: 991px) {
	
}

/*Only Phone*/
@media only screen and (max-width: 479px) {
	.search_box .search{
		width:75%;
	}
	.search_box input{
		width:25%;
	}
	.sidenav a{
		padding-right:40px;
	}
	.footer{
		padding:0 20px 0;
	}
	.msearch{
		background-size: 32px;
		width: 30px;
		background-repeat: no-repeat;
	}
	.mlang{
		width: 25px;
		background-size: 18px;
		background-repeat: no-repeat;
	}
	.mmenu, .mmenu{
		background-size: 22px;
		width: 25px;
	}
	
	
	.content_field{
		padding:0;
	}
	.header{
		padding-left:0px;
		padding-right:10px;
	}
	.logo img{
		width:240px;
	}
	.navMobile img{
		padding:15px 10px;
		width:17px;
	}
	.navMobile div:last-child img{
		padding-right:0;
	}
	.annualreport_left {
		width:100%;
	}
	.content_padding {
		padding-left:14px;
	}
}

/*li.search.hoverimg, .navMobile .fl .msearch{
	display: none !important;
}*/
.sidenav ul li.icon a { padding-right:5%; }