/*===about shared===*/
.sub_content .menu_cht{ width:200px;line-height:16.5px;}
.sub_content .menu_cht .section{margin:0 0 40px 0}
.sub_content .menu_cht .list li{ margin:0 0 4px 0}
.sub_content .menu_cht .list li a{ display:block; background:url(../images/assets/icon_list1.png) no-repeat; padding-left:42px;}
.sub_content .menu_cht .list li:hover > a, .sub_content .menu .list li.active a{ background:url(../images/assets/icon_list2.png) no-repeat #06c; color:#fff;} 
.sub_content .menu_cht .list li ul{ margin:10px 0 10px 50px; list-style:disc; display:none;}
.sub_content .menu_cht .list li:hover >ul{ display:block}
.sub_content .menu_cht .list li ul li a{background:none; padding:0;}
.sub_content .menu_cht .list li ul li a:hover{ color:#06c; background:none;}

.sub_content .menu_cht .arrowsidemenu{}
.sub_content .menu_cht .arrowsidemenu div {margin-bottom:6px;}
.sub_content .menu_cht .arrowsidemenu div a{display: block; line-height:20px;background:url(../images/assets/icon_list1.png) no-repeat; padding-left:42px; cursor:pointer;}
.sub_content .menu_cht .arrowsidemenu div a:link, .arrowsidemenu div a:visited{}
.sub_content .menu_cht .arrowsidemenu div a:hover{background:url(../images/assets/icon_list2.png) no-repeat #06c; color:#fff;}
.sub_content .menu_cht .arrowsidemenu div.unselected a{ }
.sub_content .menu_cht .arrowsidemenu div.selected a{ 	color: #fff;	background:url(../images/assets/icon_list2.png) no-repeat #06c !important;}
.sub_content .menu_cht .arrowsidemenu ul{padding: 0;margin:10px 0 10px 50px;}
.sub_content .menu_cht .arrowsidemenu ul li{ list-style:outside disc; }
.sub_content .menu_cht .arrowsidemenu ul li a{ 	display: block; padding:0; background:none !important;}
.sub_content .menu_cht .arrowsidemenu ul li a:hover{background:none !important;}


/*===about rightside===*/
.sub_content .menu{ width:210px;margin-right:0;}

.sub_content .menu .intro p {font-size: 12px;margin: 0;margin-right:-5px ;}

.sub_content .menu .list ul {margin-bottom:8px;}
.sub_content .menu .list li {margin-bottom:8px;}

.sub_content .menu .list li a {color:#666;line-height: 1.5}
.sub_content .menu .list li a:hover {text-decoration: none;}


.sub_content .menu .info p {display: block;font-size: 10px;line-height:16.5px;margin: 0;padding: 0 0 0 23px;}
/*===about_main/about===*/
.content {
	padding-bottom: 0;
}

.ABOUT{
	margin:0;
}

.container .main .title{
	margin-top:10px;
	margin-bottom:15px;
}

.container .main h2{
	margin:0 0 5px 0;
	font-size:15px;
	line-height:2;
	color:#06c;
	text-indent: 5px;
	border-bottom:1px dotted #ddd;
}

.container .main p{
	padding:0 5px 12px 5px;
	margin:0;
	font-size:13px;
	line-height:2;
}

.container .main span{
	color:#06c;
}

.container .main .PROFILE {
    width:470px;
}

.container .main .TURNOVER {
    width:200px;
    height:520px;
}

.container .main .well {
	background-color:#fff;
	padding:5px 15px 10px 15px;
}

.container .main .well .title {
	margin-top:10px;
	margin-bottom: 5px;

}
.container .main .well ul {
    margin-bottom:10px;
}

.container .main .well .LIST li {
    border-bottom: 1px dotted #E5E5E5;
    padding: 7px 0;
}

.container .main .well .LIST li p {
    padding:0;
    line-height:1.8;
}

.container .main .well .LIST li p.TITLE {
	text-align: right;
	color: #06c;
	padding-right: 20px;
	width:80px;
}

.container .main .well p.TURNOVER {
	padding-top: 5px;
	width: 220px;
}

/*===about_spirit===*/
.container .main .SPIRIT p {}

.container .main .SPIRIT .POINT {
	float: left;
	width:150px;
	padding:0 10px;
}

.container .main .SPIRIT .POINT .TITLE {
	text-align: center;
	color: #06c;
	line-height: 1.6;
	padding-top: 10px;
}
.container .main .SPIRIT .POINT .TITLE2 {
	text-align: center;
	color: #06c;
	line-height: 2;
	padding: 10px 0;
	border-bottom:1px dotted #E5E5E5;
}
.container .main .SPIRIT .POINT p {
	line-height: 1.5;
	border-bottom:1px dotted #E5E5E5;
	padding:0 0 5px 0;
}

/*===about_trademark===*/
.container .main .TRADEMARK .BRAND {
	float: left;
	width:236px;
	padding: 7px;
	margin:10px 0 5px 0;
}

.container .main .TRADEMARK .BRAND img {
	border:1px solid #E5E5E5;
}

.container .main .TRADEMARK .BRAND p {
	text-align: center;
	line-height: 2;
	border-bottom:1px dotted #E5E5E5;
	padding:0 0 5px 0;
}
.container .main .TRADEMARK{ margin-right:-40px;}
.container .main .TRADEMARK li{padding:15px 40px 15px 0;}
.container .main .TRADEMARK li:first-child{padding-top:10px;}
.container .main .TRADEMARK li:last-child{border:none;}
.container .main .TRADEMARK li .LOGO{margin:0 ;}
.container .main .TRADEMARK li .LOGO img {border:1px solid #E5E5E5; width:230px;}
.container .main .TRADEMARK li .INFO{margin:0;}

/*===about_rd===*/

.container .main .title {
	margin:10px 0;

}
.container .main ul {
    margin-bottom:10px;
}

.container .main .rd{ font-size:13px;}
.container .main .rd_title{background: #06c; line-height:30px;padding:10px 0 10px 20px;}
.container .main .rd_title span{ color:#fff; display:inline-block;}
.container .main .rd_list li{border-bottom:1px dotted #e5e5e5;; line-height:30px; background:url(../images/assets/icon_dott_blue.png) no-repeat left center;padding-left: 20px; }
.container .main .rd_list li:hover span{}
.container .main .rd span{ display:inline-block; vertical-align:top;}
#box{width:650px;height:520px;overflow:auto; padding-top:30px;}
.fancybox-title-inside{width: 670px !important;margin:0 !important;position: absolute !important;top: 0 !important;background: #06c !important;color: #fff !important;line-height: 30px;font-size: 18px !important;padding-bottom: 0 !important;}

.container .main .rd .rd_title .COUNTRY, .container .main .rd .rd_title .ID{border-right: 1px dotted #E5E5E5;}
.container .main .rd .COUNTRY {	width:100px;white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden;}
.container .main .rd .ID {text-align: center; width:120px;}
.container .main .rd .INTRO {	width:248px; padding-left:10px;white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden; 	}
.container .main .rd_list li span{color: #666;}
.container .main .rd_list li:hover a  span{	color: #06c; }

.container .main .rd_list li a {display:inline-block;}
.container .main .rd_list li:hover a{text-decoration: none;}

/*===about_quality===*/
.container .main .QUALITY .HISTORY{
	width:510px;
	margin:20px 0;
	text-align:center;
}
.container .main .QUALITY .INTRO{
	width:510px;
}
.container .main .QUALITY .INTRO img{
	margin-bottom: 10px;
}

.container .main .QUALITY .INTRO p{
	text-align: justify;
	padding-bottom:10px;
	margin:0;
}
.container .main .QUALITY .LIST{
	margin-top: 10px;
}
.container .main .QUALITY .LIST li.SUBJECT{
	background-color: #ccc;
}

.container .main .QUALITY .LIST li.SUBJECT p{
	color: #fff;
	text-align: center;
}

.container .main .QUALITY .LIST li.TOP{
	border-top:1px dotted #E5E5E5;
}

.container .main .QUALITY .LIST li .YEAR {
	float: left;
	text-align: center;
	color:#ccc;
	font-size: 27px;
	line-height: 60px;
	width:125px;
}
.container .main .QUALITY .LIST li .YEAR2 {
	float: left;
	text-align: center;
	color:#ccc;
	font-size: 27px;
	line-height: 90px;
	width:125px;
}
.container .main .QUALITY .LIST p.TITLE {
	color:#06c;
	line-height: 30px;
}
.container .main .QUALITY .LIST p.INFO {
	line-height: 30px;
}

/*===about_empolyee_care-員工關懷===*/
.container .main .EMPOLYEE_CARE{
	margin: 0;
}

.container .main .EMPOLYEE_CARE .PHOTO1 {
	float: left;
	width:160px;
	padding: 5px;
	margin:0;
}
.container .main .EMPOLYEE_CARE .PHOTO1 p {
	width:160px;
	padding:5px 5px 5px 5px;
	overflow: hidden;
	display:  table-cell;
	text-align: center;
	line-height: 2;
	margin:0;
	border-bottom:1px dotted #E5E5E5;
}


/*===about_empolyee_care-社會參與===*/
.container .main .EMPOLYEE_CARE .PHOTO {
	float: left;
	width:236px;
	padding: 7px;
	margin:10px 0 5px 0;
}
.container .main .EMPOLYEE_CARE .PHOTO .pc{
	width:236px;
	height:236px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #E5E5E5;
}

.container .main .EMPOLYEE_CARE .PHOTO .pc img {
	max-width:236px;
	max-height:236px;
}
.container .main .EMPOLYEE_CARE .PHOTO .text{
	width:246px;
	height:60px;
	border-bottom:1px dotted #E5E5E5;
	
}
.container .main .EMPOLYEE_CARE .PHOTO p {
	width:246px;
	height:60px;
	padding:0 0 5px 0;
	overflow: hidden;
	display:  table-cell;
	vertical-align:middle;
	text-align: center;
	line-height: 1.6;
	margin:0;
}


/*===about_environment===*/
.container .main .ENVIRONMENT a{color: #06c;}
.container .main .ENVIRONMENT .section2 .nav-tabs{border-bottom:1px solid #E5E5E5; }
.container .main .ENVIRONMENT .section2 .nav-tabs > li > a{ border:1px solid #E5E5E5;padding:5px 10px;background:url(../images/assets/tab_bg.jpg) repeat-x;margin-right:5px; font-size:14px; color:#999; }
.container .main .ENVIRONMENT .section2 .nav-tabs > .active > a, .prod .section2 .nav-tabs > .active > a:hover{ background:#fff; color:#333; border-bottom:1px solid #fff; }
.container .main .ENVIRONMENT .section2 .tab-content { margin:10px 10px 0 10px;}
.container .main .ENVIRONMENT .section2 .tab-content .title2{ font-size:16px; color:#06c;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered td, .prod .section2 .tab-content .table-bordered th{padding:6px 6px; font-size:10px; height:20px;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered thead th{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered tbody th{ color:#06c;font-weight:normal;text-align:center;vertical-align: middle;padding:5px;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered tbody img{ max-width:80px;max-height:80px;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered .head{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;vertical-align: middle;}
.container .main .ENVIRONMENT .section2 .tab-content .introduction {margin-bottom:5px; }
.container .main .ENVIRONMENT .section2 .tab-content .introduction td, .prod .section2 .tab-content .introduction th{ text-align:center;vertical-align: middle;}
.container .main .ENVIRONMENT .section2 .tab-content .introduction td span, .prod .section2 .tab-content .introduction th span{ color:#aaa;font-family:arial;font-size: 27px; }
.container .main .ENVIRONMENT .section2 .tab-content ul{ margin-bottom:20px;}
.container .main .ENVIRONMENT .section2 .tab-content li{ background: url(../images/assets/icon_dott_blue.png) no-repeat; padding:0 0 4px 20px; color:#333;}
.container .main .ENVIRONMENT .section2 .tab-content li span{ }
.container .main .ENVIRONMENT .section2 .tab-content .specification th, .container .main .ENVIRONMENT .section2 .tab-content .specification td{padding:0;height:20px; border:none;}
.container .main .ENVIRONMENT .section2 .tab-content .specification th{color:#397EB8; font-weight:normal;}
.container .main .ENVIRONMENT .section2 .tab-content .specification th img{ padding-right:10px; vertical-align:top;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered thead th{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;vertical-align: middle;padding:5px;}
.container .main .ENVIRONMENT .section2 .tab-content .table-bordered thead th span{ color:#999;font-size: 10px;line-height: 1.5}

.container .main .ENVIRONMENT .section2 p.NOTE{font-size:11px;line-height: 1.6;}


/*===about_careers===*/
.container .main .CAREERS .INTRO p.SLOGAN{width:360px;font-family:Palatino,sans-serif;font-size:21px; color:#06c; text-align:center; line-height:55px;}
.container .main .CAREERS .section2 .nav-tabs{border-bottom:1px solid #E5E5E5; }
.container .main .CAREERS .section2 .nav-tabs > li > a{ border:1px solid #E5E5E5;padding:5px 16px;background:url(../images/assets/tab_bg.jpg) repeat-x;margin-right:5px; font-size:14px; color:#999; }
.container .main .CAREERS .section2 .nav-tabs > .active > a, .prod .section2 .nav-tabs > .active > a:hover{ background:#0076ec url(../images/assets/tab_bg2.jpg); color:#fff; border-bottom:1px solid #fff; }
.container .main .CAREERS .section2 .tab-content { margin:0;}
.container .main .CAREERS .section2 .tab-content .title2{ font-size:16px; color:#06c;}
.container .main .CAREERS .section2 .tab-content .table-bordered td, .prod .section2 .tab-content .table-bordered th{padding:6px 6px; font-size:10px; height:20px;}
.container .main .CAREERS .section2 .tab-content .table-bordered thead th{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;}
.container .main .CAREERS .section2 .tab-content .table-bordered tbody th{ color:#06c;font-weight:normal;text-align:center;vertical-align: middle;}
.container .main .CAREERS .section2 .tab-content .table-bordered .head{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;vertical-align: middle;}
.container .main .CAREERS .section2 .tab-content .introduction {margin-bottom:5px; }
.container .main .CAREERS .section2 .tab-content .introduction td, .prod .section2 .tab-content .introduction th{ text-align:center;vertical-align: middle;}
.container .main .CAREERS .section2 .tab-content .INTRO ul{ display:black;margin:0 0 20px 0px;}
.container .main .CAREERS .section2 .tab-content .INTRO li{ list-style:none;background: url(../images/assets/icon_dott_gray.png) no-repeat; padding:0 0 4px 15px;margin-left:6px;}
.container .main .CAREERS .section2 .tab-content .INTRO li span{ }
.container .main .CAREERS .section2 .tab-content .specification th, .container .main .ENVIRONMENT .section2 .tab-content .specification td{padding:0;height:20px; border:none;}
.container .main .CAREERS .section2 .tab-content .specification th{color:#397EB8; font-weight:normal;}
.container .main .CAREERS .section2 .tab-content .specification th img{ padding-right:10px; vertical-align:top;}
.container .main .CAREERS .section2 .tab-content .table-bordered thead th{ color:#999;background:#F3F3F3; font-weight:normal;text-align:center;}

.container .main .CAREERS .section2 #careers a{color: #06c;}
.container .main .CAREERS .section2 #careers img{margin-top:10px;}
.container .main .CAREERS .PHOTOBOX{width:510px;clear:both;}
.container .main .CAREERS .PHOTO1 {float: left;width:160px;padding: 5px;margin:0;}
.container .main .CAREERS .PHOTO1 p {width:160px;padding:5px 5px 5px 5px;overflow: hidden;display:  table-cell;text-align: center;line-height: 2;margin:0;border-bottom:1px dotted #E5E5E5;}


/*===about_careers_benefits===*/
.container .main .CAREERS .section2 #benefits .PHOTO_LIST{}
.container .main .CAREERS .section2 #benefits .PHOTO_LIST .PHOTO img{margin-bottom:5px;}
.container .main .CAREERS .section2 #benefits .PHOTO_LIST .PHOTO p{padding: 0 0 5px;margin-bottom:10px;line-height: 2;text-align: center;}
.container .main .CAREERS .section2 #benefits .INTRO{float:left;width:241px;margin:7px;}

/*===about_careers_訓練發展===*/

.container .main .CAREERS ul {
    margin-bottom:10px;
}

.container .main .ABOUT .CAREERS .LIST {}

.container .main .LIST .ABOUT .CAREERS li.TITLE_BAR {
	color: #fff;
	background: #06c;
}

.container .main .ABOUT .CAREERS .LIST li {
    border-bottom: 1px dotted #E5E5E5;
    padding: 7px 0;
}

.container .main .ABOUT .CAREERS .LIST li p {
    padding:0;
    line-height:2;
}
.container .main .ABOUT .CAREERS .LIST li p .inner {
	width:auto;
	height:135px;
    display: table-cell;
    vertical-align: middle;
}

.container .main .ABOUT .CAREERS .LIST a {
	display: block;
	color: #666;
	text-decoration: none;
}
.container .main .ABOUT .CAREERS .LIST a:hover {
	display: block;
	color: #06c;
	background: #f9f9f9;
	text-decoration: none;
}

.container .main .ABOUT .CAREERS .LIST li p.COUNTRY {
	float: left;
	text-align: center;
	border-right: 1px dotted #E5E5E5;
	padding:0 10px;
	width:100px;
}
.container .main .ABOUT .CAREERS .LIST li p.ID {
	float: left;
	text-align: center;
	border-right: 1px dotted #E5E5E5;
	padding:0 10px;
	width:120px;
}
.container .main .ABOUT .CAREERS .LIST li p.INTRO {
	padding: 0 10px 0 275px;
}



/*===about_global===*/
.container .main .GLOBAL{width:510px;}
.container .main .GLOBAL .AREA{padding:5px 5px;border-bottom: 1px solid #E5E5E5 }
.container .main .GLOBAL .AREA li{float: left;line-height:30px;}
.container .main .GLOBAL .AREA li p{line-height:40px;text-align: center;padding-right:10px;}
.container .main .GLOBAL .AREA li a{display:block;color:#06c; padding:0 7px;}
.container .main .GLOBAL .AREA li a:hover{text-decoration:underline;}

.container .main .LOCATION li{border-bottom:1px dotted #E5E5E5;padding:20px 0 10px 0;}
.container .main .LOCATION li:first-child{padding-top:10px;}
.container .main .LOCATION li .FLAG{width:60px;margin-right: 15px;}
.container .main .LOCATION li .INFO{width:430px;}
.container .main .LOCATION li .INFO p a.WEB {color:#999;text-decoration: none;padding-left:5px;}
.container .main .LOCATION li .INFO p a.WEB:hover {text-decoration: underline;}
.container .main .LOCATION li .INFO p a {color:#666;text-decoration: none;padding-left:5px;}
.container .main .LOCATION li .INFO p a:hover {text-decoration: underline;}

.container .main .LOCATION{border-top: 1px solid #E5E5E5; margin-top:20px; }
.container .main .LOCATION h5{ padding-left:23px; background:url(../images/assets/icon_dott_blue.png) no-repeat left center;}
.container .main .LOCATION li  p{ display:block; padding:0 0 0 23px; margin:0; background-position:center left}
.container .main .LOCATION li  p.add{ background:url(../images/assets/icon_home3.png) no-repeat center left; }
.container .main .LOCATION li  p.tel{ background:url(../images/assets/icon_tel.png) no-repeat center left; }
.container .main .LOCATION li  p.fax{ background:url(../images/assets/icon_fax.png) no-repeat center left; }
.container .main .LOCATION li  p.mail{ background:url(../images/assets/icon_mail.png) no-repeat center left; }
.container .main .LOCATION li button{ border:none; color:#fff; text-decoration:none; background:#06c;text-shadow:none;padding:5px 17px; margin:5px 0; font-size:14px;}


/*===history===*/
.company_history dt{ width:100px; font-size:24px; text-align:center;line-height:40px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;display: inline-block;font-weight: bold;color: #ffffff; background:#06c;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:inset  0 0 15px rgba(0,0,0,0.3);	-webkit-box-shadow:inset  0 0 15px rgba(0,0,0,0.3);box-shadow:inset  0 0 15px rgba(0,0,0,0.3);
}
.company_history dd{ border-bottom:1px dotted #e5e5e5; margin:0 0 20px;;padding-left:110px;}
.company_history dd ul{ margin-left:25px; }
.company_history dd li{padding:0 0 7px; }