@charset "utf-8";
/* CSS Document */
/*------------網頁表格總尺寸------------*/
.indexDetail {
}
/*------------首頁左邊-----------*/
.indexLeft {
	float: left;
	width: 320px;
	margin: 20px 0 30px 20px;
}
.indexLeft .ilNews {
}
.indexLeft .ilNews .ilnTitle {
	margin-bottom: 5px;
}
.indexLeft .ilNews .ilnTitle h1 {
	font-size: 18px;
	color: #003a6a;
	line-height: 120%;
}
.indexLeft .ilNews .ilnTitle h2 {
	font-size: 14px;
	color: #585858;
	line-height: 120%;
}
.indexLeft .ilNews .ilnTitle h3 {
	font-size: 11px;
	color: #c5c4c3;
	line-height: 120%;
}
.indexLeft .ilNews .articlesImg {
	float: left;
	margin-right: 10px;
	border: 1px solid #DBDBDB;
}
.indexLeft .ilNews .articlesTitle {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d0d0d0;
	width: 216px;
	color: #787878;
	font-size: 14px;
	font-weight: bolder;
}
.indexLeft .ilNews .articlesTitle:link, .articlesTitle:visited {
	color: #787878;
	font-weight: bolder;
}
.indexLeft .ilNews .ilnArticlesContent {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d0d0d0;
	width: 216px;
	height: 64px;
	font-size: 11px;
	color: #A6A5A4;
	line-height: 160%;
}
.indexLeft .ilNews .ilnArticlesList {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d0d0d0;
	width: 294px;
	padding: 3px 0 3px 24px;
}
.indexLeft .ilNews .ilnArticlesList ul li {
	list-style-image: url(../images/all/Icon.png);
	line-height: 150%;
}
/*------------首頁右邊-----------*/
.indexRight {
	float: right;
	width: 320px;
	margin: 20px 22px 30px 20px;
}
.indexRight .irExport {
	background-image: url(../images/index/Export.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 11px;
	color: #666;
	padding: 0 0 20px 0;
	line-height: 150%;
}
/*------------產品-----------*/
.indexProduct {
}
.indexProduct .ipContent {
	float: left;
	width: 320px;
	margin: 0 0 20px 22px;
}
.indexProduct .ipContent .ipcTitle {
	border-left: 5px solid #003a6a;
	float: left;
	padding: 0 5px;
	margin-bottom:10px;
}
.indexProduct .ipContent .ipcTitle h1 {
	font-size: 18px;
	color: #003a6a;
	display:inline;/*避免使用header語法出現斷行*/
	margin-right:5px;
}
.indexProduct .ipContent .ipcTitle ul li {
	float: left;
	font-size: 11px;
	color: #888888;
}
.indexProduct .ipContent .ipcContentsBox {
	float: left;
	border: 1px solid #dbdbdb;
	width: 318px;
	padding: 10px 0;
}
.indexProduct .ipContent .ipcContentsBox img {
	float: left;
	border: 1px solid #dbdbdb;
}
.indexProduct .ipContent .ipcContentsBox .ipccLeftContents {
	float: left;
	margin-left: 10px;
}
/*右邊區塊*/
.indexProduct .ipContent .ipcContentsBox .ipccRightContents {
	float: right;
	width: 160px;
	height: 53px;
	font-size: 11px;
	line-height: 150%;
	margin: 0 10px 5px 10px;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
}
.indexProduct .ipContent .ipcContentsBox .ipccRightContents h1 {
	width: 100%;
	font-size: 14px;
	line-height: 100%;
	color: #000;
	float: left;
}
/*下方區塊*/

.indexProduct .ipContent .ipcContentsBox .ipccBottomContents {
	width: 308px;
	margin:10px 5px 10px 5px;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents ul li {
	float: left;
	width: 80px;
	font-size: 11px;
	line-height: 170%;
	padding: 0 5px;
	text-align: center;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents .iccbArrow {
	background-image: url(../images/all/Before_After.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 50px;
	display: block;
	margin-top: 17px;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents .iccbaBefore {
	background-position: -64px  -50px;
	float: left;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents .iccbaBefore:hover {
	background-position: -13px -50px;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents .iccbaAfter {
	background-position: -68px 0;
	float: right;
}
.indexProduct .ipContent .ipcContentsBox .ipccBottomContents .iccbaAfter:hover {
	background-position: -17px 0px;
}
.Left .SubnavTitle {
	letter-spacing: 2px;
	background-image: url(../images/all/Left/subnavTitleBG.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 175px;
	padding: 12px 10px 15px 15px;
	text-align: center;dddd
}
.Left .SubnavTitle h1 {
	font-size: 19px;
	font-weight: bolder;
	color: #ecce7a;
	line-height: 120%;
}
.Left .Subnav ul li {
	width: 150px;
	line-height: 35px;
	letter-spacing: 1px;
	font-size: 16px;
	height: 35px;
	border-bottom: 1px solid #CCC;
	margin: 0 25px;
	text-align: center;	
}
.Left .Subnav ul li a {
	color:#FFF;
	text-decoration:none;
	display: block;
	font-weight: bolder;
}