@charset "utf-8";
.html, body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: top;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #DCDCDC;
	scrollbar-shadow-color: #9C9C9C;
	scrollbar-3dlight-color: #9C9C9C;
	scrollbar-darkshadow-color: #FFFFFF;
	background-image: url(../images/com-bg.gif);
}
a:hover {
	text-decoration: underline;
	color: #ee0202;
}.com-border {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.font-blue-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778bb0;
	line-height: 20px;
	text-decoration: none;
	text-align: justify;
}
.font-blue-10 {
	font-size: 10px;
	color: #1d4477;
}

.font-blue-12 {
	font-size: 12px;
	color: #395890;
	text-decoration: none;
}
.font-blue-12-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #519fff;
	text-decoration: none;
}


.font-blue-13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #30486e;
	text-decoration: none;
	line-height: 21px;
}
.font-blue-13-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #519fff;
}

.font-blue-15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #325087;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 0;
}
.font-gray-hiddle-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.com-doline-1 {
	background-image: url(../images/com-doline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.font-black-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
.font-gray-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 22px;
}
.font-gray-11-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 19px;
}
.font-gray-11-2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 19px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #30486e;
	text-decoration: none;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 0;
	text-align: justify;
}

.font-gray-12 {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}
.font-gray-12-3 {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
}

.font-gray-12-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.font-gray-13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	line-height: 24px;
	text-align: justify;
}
.font-gray-13-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	text-align: justify;
}
.font-gray-13-3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	line-height: 28px;
}
.font-gray-13-4 {
	font-size: 13px;
	color: #666666;
}
.font-gray-13-5 {
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

.font-gray-15 {
	font-size: 15px;
	color: #666666;
}


.font-white-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 26px;
	text-decoration: none;
}
.font-white-11:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 26px;
}
.font-green-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #728ab5;
}
.font-green-12-2 {
	font-size: 12px;
	color: #728ab5;
	text-decoration: none;
}

.font-green-13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #476497;
	font-weight: bold;
}

.font-green-15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #75c9d8;
}
.font-white-13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 25px;
}
.font-gray-s-13 {
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
}
.font-red-11 {
	font-size: 11px;
	color: #bd2426;
	text-decoration: none;
}
.font-red-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c9252b;
}
.font-red-13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #c9252b;
	text-decoration: none;
}
.font-red-15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #c9252b;
}
.environmental-bg {
	background-image: url(../images/environmental-bg.jpg);
	background-repeat: no-repeat;
	background-position: right 250px;
}
.font-red-15-2 {
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-size: 15px;
	color: #993399;
	line-height: 22px;
}
.designSeo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 26px;
	display:inline;
}
.designSeo a{
	color: #FFFFFF;
	text-decoration: none;
}
.designSeo a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.sitemapSeo {
	font-size: 13px;
	color: #666666;
	display:inline;
}
.sitemapSeo a {
	color: #666666;
	text-decoration: none;
}
.sitemapSeo a:hover {
	color: #666666;
	text-decoration: none;
}
a.reportPDF{
	list-style-type:none; 
	line-height: 25px;
	background:url(../images/iconPDF.gif) no-repeat left top; 
	padding-left:25px;
	padding-top: 5px;
	margin-left: 10px;
	color: #666666;
	text-decoration: none;
}
a.reportPDF:hover {
	text-decoration: underline;
	color: #ee0202;
}
.PDF li{
	list-style-type:none; 
	background:url(../images/iconPDF.gif) no-repeat left top; 
	padding-left:25px;
	margin-bottom:3px;
}
.PDF li a{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.PDF li a:hover {
	text-decoration: underline;
	color: #ee0202;
}
.contact-pic {
	background-image: url(../images/contact-pic.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.corporate-pic {
	background-image: url(../images/corporate-pic.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #f4f4f4;
	border: 1px solid #E0E0E0;
	margin-top: 5px;
	margin-bottom: 5px;
}
.input-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.Environment-pic {
	background-image: url(../images/environmental-bg.jpg);
	background-repeat: no-repeat;
	background-position: right 200px;
}
.line-1 {
	border-bottom: 1px solid #dddddd;
}

/* ------------- web-menu ----------------- */
.web-menu{
	width:100%;
	float:left;
	background-color:#fff;
	border-top:1px solid #000;
	min-width:1002px;
}
ul.menu_ul{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}
ul.menu_ul > li {
	width:167px;
	*width:165px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #000;
	border-left:1px solid #bebebe;
	text-align:center;
	overflow:hidden;
}
ul.menu_ul > li:first-child {
	border-left:none;
	*border-left:1px solid #bebebe;
}
ul.menu_ul > li:last-child {
	border-right:none;
	*border-right:1px solid #000;
}
ul.menu_ul > li.first{
	*border-left:none;
	*width:166px;
}
ul.menu_ul > li.last{
	*border-right:none;
	*width:166px;
}
ul.menu_ul > li > a{
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
	background-image:url(../images/menubg.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#000;
	padding:0;
	line-height:34px;
	position:relative;
	z-index:2;
	font-family:"微軟正黑體";
	font-size:15px;
}
ul.menu_ul > li > a:hover{
	color:#fff;
	background-image:url(../images/menubg-ov.png);
}
ul.menu_ul > li > .mask{
	width:100%;
	height:100%;
	background-color:#8f8d8e;
	float:left;
	min-height:34px;
	margin-left:-100%;
	*margin-left:-165px;
	margin-top:-34px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
ul.menu_ul > li.first > .mask,
ul.menu_ul > li.last > .mask{
	margin-left:-100%;
	*margin-left:-166px;
}

ul.menu_ul > li:hover > .mask{
	margin-left:0;
}


/* secondary menu
---------------------------------------------*/
#secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#secondary li {
	margin: 0;
	border-bottom: 1px dotted #c5cbd9;
}
#secondary li a {
background: url(../images/sidemenu.gif) repeat-x left center;
display: block;
font-size: 12px;
color: #333333;
text-decoration: none;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 53px;
}
#secondary li a:hover {
color: #6b87c8;
background: url(../images/sidemenu-over.gif) repeat-x left center;
}
#secondary li a.unit-now {
color:#6b87c8;
background: url(../images/sidemenu-over.gif) repeat-x left center;
}


/* TabPag
----------------------------------- */ 
#tabPag {
	clear:both;
	padding:0 20px;
}
#tabPag ul.tabs {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding:0;
}
#tabPag ul.tabs li{
	float: left;
	margin-right: 2px;
	line-height: 36px;
	font-size: 13px;
	font-weight: bold;
}
#tabPag ul.tabs li a{
	text-decoration:none;
	cursor: pointer;
	padding: 10px 14px;
	background: #e9e9e9;
	font-size:15px;
	color: #333333;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
#tabPagg ul.tabs li .stay {
	background: #ffffff;
}
#tabPag ul.tabs li a:hover {
	background: #e3e3e3;
	border-bottom:1px solid #ffffff;
}
#tabPag ul.tabs li a.active {
	background: #ffffff;
}
#tabPag ul.tabs li.active a {
	background: #ffffff;
}	
#tabPag ul.tabs li.active a:hover {
	background: #ffffff;
}
#tabPag div.tab_content {
	clear:both;
	color:#666666;
	border:1px solid #e0e0e0;
	padding:0px 20px 10px 20px;
}

#tabPag div.tab_content ol {
	width:100%;
	clear:both;
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 13px;
}
#tabPag div.tab_content ol strong {
	float:left;
	width:50px;
	margin-right:3px;
	color: #333333;
	margin-top:8px;
	font-size: 15px;
}
#tabPag div.tab_content li {
	float:right;
	width:470px;
	padding-bottom:8px;
	margin-top:8px;
	border-bottom: 1px dotted #c8d0eb;
}
#tabPag div.tab_content .line {
	width:100%;
	clear:both;
	margin: 0;
	padding-bottom:15px;
}