@charset "utf-8";
/* sections */
body { background: url(../img/bg_body.gif) repeat-x left -200px; }
#footer { background: url(../img/bg_body.gif) repeat-x left top; }
.twoColumns #center { display:inline; width: 646px; } /*PA - wider layout*/
.twoColumns #right { padding: 0; width: 303px; }
#brandSubNav ul li ul li a { background: url(../img/menu_01_o.gif) no-repeat left top; }
#brandSubNav ul li ul li a:hover { background: url(../img/menu_01_h.gif) no-repeat left top; }

/* General styles*/
a.more, a.newsCenter { background: url(../img/arrow.gif) no-repeat left 5px; margin-right:10px; }
.twoColumnText a.more { text-decoration: none;}
a:hover, h3.newsTitle a:hover { color: #7fb142; text-decoration: underline;}
h4, h4 a { color: #7fb142; font-size: 15px; font-weight: bold; }
.tabView h5 { background-image: url(../img/tab_TWM.gif); background-repeat: no-repeat; height: 32px; text-indent: -9999px; }
.tabView li h5 { background-image: url(../img/tab_TWM.gif); background-repeat: no-repeat; cursor:auto; }
.listItem li { background: url(../img/arrow.gif) no-repeat left 5px; padding-bottom: 3px; }
.listItem li a:hover { text-decoration: underline;}
.newsText { line-height: 1.5; }
#PAdeclaration { position: absolute; cursor: pointer; #margin: 20px 0 0 -200px; z-index:999;}
.declaration { text-align: right; padding: 0 0 5px 0; }
.declaration a { text-decoration: none; background: url(../img/arrow.gif) no-repeat left 5px; padding:0 0 3px 10px; }
.declaration a:hover { text-decoration: underline; }

.separation { border-bottom: 1px solid #e5e5e5; }
.aPop div { position: absolute; width: 225px; height: 85px; margin: -85px 0 0 -25px; display: none; z-index: 9999999; }
h2.subTitle, .note, h2.newsTitle, h2.newsTitle a { color: #7fb142; }

/* KEYVISUAL styles*/
.twoColumns #keyvisual { width: 646px; }  
.twoColumns #keyvisual ul.tab { margin-left: 264px; }
#keyvisual ul.tab li,
#keyvisual ul.tab li.active { background: url(../img/bg_kv_controller.png) no-repeat -80px top; }
#keyvisual ul.tab li.active { background-position: left top; }
* html #keyvisual ul.tab li { background: url(../img/bg_kv_controller.gif) no-repeat left top; }
* html #keyvisual ul.tab li.active { background: url(../img/bg_kv_controller_hover.gif) no-repeat left top; }

/* BLOCK styles*/
#newsCenter { width: 303px; height: 299px; background: url(../img/bg_block_latestNews.gif) no-repeat left 30px; position: relative;}
#newsCenter a.newsCenter { position: absolute; right: 0; bottom: 25px; }
#newsCenter .newsContent { padding: 8px 12px 0 12px; }
#newsCenter .newsPhoto { float: left; margin: 0 14px 0 0; }
#newsCenter .newsDate { padding-left: 1px; margin-bottom: 0; }
#newsCenter h2 { font-size: 15px; font-weight: bold; padding-left: 1px; padding-bottom:10px; }
#newsCenter h2 a { color: #7fb142; }
#newsCenter .listItem { clear: both; padding: 5px; margin-bottom: 3px;}
#newsCenter a.more { margin: 0; }

#investorZone { width: 195px; height: 285px; margin-right: 15px; float: left; background: url(../img/bg_block_investors.gif) no-repeat left 30px; }
#investorZone .investorInfo { line-height:20px; }
#investorZone .tab li h5 { background-position:left -100px; width: 111px; cursor: default;}
#investorZone .tabViewContent { padding: 12px 13px 0 13px; }
.publishedTime { background: #d2d2d2; padding-left: 7px; margin-bottom: 7px; }
.investorInfo span { padding: 3px 0 3px 7px; line-height:22px; }
.investorInfo span.up { background: url(../img/triangle_up.gif) no-repeat 3px 6px; padding-left: 13px; }
#investorZone a.more { margin: 0; }
#investorZone .listItem { padding: 10px 0 0 0; }
#investorZone .listItem li { float: left; display: block; width: 60px; margin-right: 10px; #height: 10px; }

#activity { position: relative; float: left; width: 200px; height: 280px; padding: 3px; margin-right: 15px; background: url(../img/bg_block_event.gif) no-repeat left top; }
#activity a.more{ position: absolute; right: 0; bottom: 10px; }
#activity h6 { padding: 5px 0; }
#activity .tabViewContent { padding: 0 10px; }
#activity .tabViewContent h4 { margin-top: 3px; }
#activity .tabViewContent div { height: 152px; }

#participation { float: left; width: 200px; padding: 0; height: 124px; background: url(../img/bg_block_participation.gif) no-repeat left 30px; }
#participation .listItem { padding-left: 13px; padding-top: 9px; }
#participation h6 { margin-top: 3px; }
#participation .tab li h5 { background-position:left -150px; width: 111px; cursor: default; }

#featureBlock1 { float: left; width: 175px; padding: 0; height: 116px; margin-top: 14px; }

#mediaReport { margin-top: 0; height: 283px; background: url(../img/bg_block_mediaReport.gif) no-repeat left 30px; }
#mediaReport a.more { margin-right: 13px; }
#mediaReport .tab h5 { background-position: left -50px; cursor: default; }
#mediaReport .listItem { padding: 9px 10px 0 13px; height: 212px;}
#mediaReport .listItem li {margin-bottom: 6px;}
#localNav ul.navMenu { background-image: url(../img/gradient-localnav.gif); }
#localNav ul.short { background-image: url(../img/gradient-localnav_100.gif); }
#localNav ul.mini { background-image: url(../img/gradient-localnav_30.gif); }
#localNav ul.navMenu li { background-image: url(../img/arrow.gif); }
#localNav a.active, #pager a.active
{ color: #7FB142; } 

.memberInfo .portrait,
ul.members .portrait { line-height: 0;font-size: 0; background: url(../img/company-profile/bg_portrait.png) no-repeat left top; padding: 9px; width: 140px; height: 143px;}
.portrait.float { float: left; margin-right: 30px;} 
ul.members .jobTitle { padding-left: 8px; }
ul.members li { float: left; width: 175px; padding: 0; margin: 0 0 13px 0; }
ul.members li a {line-height: 0; }
ul.members li.last { width: 160px; }
ul.members li.clear { width: 100%; height:0; line-height: 0; font-size: 0; float: none; }
.memberInfo .label { float: left; width: 45px; background: url(../img/brdr_label.gif) no-repeat 35px 7px;}
.memberInfo .field { padding-left: 235px; }

/*section level modification */

body.social-responsibility #block-addon .listItem { padding: 9px 0 3px 0; } 
body.social-responsibility #mainContent .summary #block-addon { margin-top: 2px; }
body.social-responsibility #mainContent .summary #block-addon .top { background-image: url(../img/social-responsibility/bg_block_rhs_top.png); padding:2px 0; height: auto; text-align: center;}
* html body.social-responsibility #mainContent .summary #block-addon .top { background-image: url(../img/social-responsibility/bg_block_rhs_top.gif); }
.social-responsibility #mainContent .backLink { #margin-top: 2px; }
/*page level modification*/
body#employee-care #mainContentWrap .text  .top.disabled { background: none; height: 0;}
body#employee-care #mainContentWrap .text  .middle.disabled { background: none; padding: 0;}
#management-team #mainContent, #management-team #mainContent .text  { padding-bottom: 0; }
#press-release #mainContent { padding-bottom: 1px; #padding-bottom: 0; }
#press-release .date { margin:10px 0 9px 0; }
#press-release div.metadata div.date { margin: 0; }
#press-release #mainContent .text .middle { background: url(../img/bg_pressitem.gif) repeat-x left top;} 

#employee-care #mainContent .text .middle { padding: 15px 20px 3px 15px; background: url(../img/bg_pressitem.gif) repeat-x left top;} 
* html #press-release #mainContent .text .middle { height: 1%;}
#investor-relations .mainText { margin-top: -2px; #margin-top: -3px;}
#investor-relations #mainContent { padding-bottom: 6px; }
#operating-results #mainContent .text { padding-bottom: 0; }
#FAQ ul.defaultList { margin-top: -2px; #margin-top: -3px;}
#FAQ #mainContent .text .middle { padding-top: 20px; }
#national-defense-service #mainContent .text .middle { background-image: url(../img/bg_content_text_100.gif); }
#sitemap h3.itemTitle {background: url(../img/arrow.gif) no-repeat left 6px;}
.iconList img { float: left; margin-right: 20px; padding-top: 5px;}
.iconList img.last { margin-right: 0; }

/*added 2016/06/28*/
.cspolice {
	border:4px solid #7fb142;
	padding:20px;
	background-color:#edfed9;
	margin:10px 40px;
}
.cspolice h3 {
	text-align:center;
	color:#7fb142;
	margin-bottom:20px;
	font-size:18px;
}
.cspolice p strong {
	display:block;
	margin-bottom:5px;
	color:#7fb142;
	font-size:15px;
	font-weight:bold;
}
ul.list {
	padding-left:20px;
	margin-bottom:10px;
}
ul.list li {
	list-style:disc;
}

/*added 2017/07/21*/
.tabNav-new ul{
	margin:0;
	height:28px;
	width: 753px;
	padding: 3px 3px 0 3px;
	background: url(../img/bg_tab_default.png) no-repeat left top;
	font-family: 'sans-serif',"Heiti SC Light","Heiti TC Light","Adobe Fan Heiti Std B","Adobe LiGothic Medium","Apple SD Gothic Neo Light","MHeiGB5-Light-U","Hiragino Sans GB","Hiragino Sans GB W3",微軟正黑體 !important;
}
.tabNav-new ul li {
	font-size:15px;
	margin:5px 10px;
	float:left;
	line-height:27px;
	color:#000;
}
.tabNav-new ul li:last-child a {
	margin:0;
}
.tabNav-new ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:0 14px;
}
.tabNav-new ul li a:hover {
	border-bottom: 1px solid #7fb142;
	background:url(/img/social-responsibility/custom/tab-hover.gif) repeat-x top;
	text-shadow:1px 1px 0 #fff;
}
.tabNav-new ul li a.tab-on {
	border-bottom: 1px solid #7fb142;
	background:url(/img/social-responsibility/custom/tab-hover.gif) repeat-x top;
	text-shadow:1px 1px 0 #fff;
}
div.summary h3, div.text h3 {
	font-size:14px;
	color:#333;
	margin:10px 0;
}
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 5%;
	background-color:#fff;
}
.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}