﻿/*此處用來存放所有區域共用的樣式*/
/*區塊的外框*/
.NewBlockStyle {
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
}

	/*自訂項目符號*/
	.NewBlockStyle div.w100 div:before,
	.NewBlockStyle div.w50 div:before {
		content: "■ ";
		font-family: "Arial Black";
	}

	/*每列單一元素*/
	.NewBlockStyle div.w100 div {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 120%;
	}

	/*每一列有兩個項目的情況下的樣式*/
	.NewBlockStyle div.w50 div {
		display: inline-block; /*當作行內區塊以方便換行*/
		text-align: left;
		vertical-align: top;
		font-size: 120%;
		width: 48%;
	}

	.NewBlockStyle div.w50 div {
		min-height: 3em;
	}

		/*分隔用虛線*/
		.NewBlockStyle div.w100 div:not(:last-child) {
			border-bottom: dashed 1px #6B6C6E;
		}

	/*標題*/
	.NewBlockStyle > .Title {
		font-weight: bold;
		
		/*舊的*/
		background-color: #5f8b03;
		background-image: linear-gradient(to bottom, #b5dd61, #5f8b03);/*CSS3標準指令，可被IE9+,FF支援*/
		background-image: -webkit-linear-gradient(top, #b5dd61, #5f8b03);/*Chrome10-25*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b5dd61, endColorstr=#5f8b03);/*IE7,8*/
		text-shadow: 2px 2px 2px #444;

		/*新的*/
		/*background-color: #6B6C6E;*/
		
		color: white;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 10px; /*因為要容納陰影所以要多一點*/
	}

	.NewBlockStyle > .Title a {
		font-weight: bold;
		color: white;
		text-decoration: none;
	}

	.NewBlockStyle > .Title a:hover {
		color: white;
		text-decoration: underline;
	}

		/*標題中的英文部分*/
		.NewBlockStyle > .Title > span {
			font-size: smaller;
			padding-left: 5px;
		}

	/*內容的預設字型樣式*/
	.NewBlockStyle > .Content {
		/*color: #6B6C6E;*/
	}

	/*解答與詳解下載，以及其他首頁區塊內的list*/
	.NewBlockStyle > ul {
		list-style-image: url('/images/img-o.gif');
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
	}

	.NewBlockStyle > ul > li > ul {
		list-style-image: url('/images/img-o2.gif');
		list-style-position: outside;
		margin: 0;
		padding-left: 1.5em;
	}

		/*聯絡資訊方塊：各子區塊*/
		.NewBlockStyle > .Content > .InfoBlock {
			margin: 2px;
		}

			.NewBlockStyle > .Content > .InfoBlock.WithIcon {
				font-family: Consolas, "Courier New","Lucida Console";
				/*padding-left: 40px;*/
				background-position: 2px 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				min-height: 43px;
			}
			.NewBlockStyle > .Content > .InfoBlock.WithIcon .ImgHolder{
				width: 33px;
				height: 33px;
				border-radius: 5px;
				float: left;
				margin: 3px;
				background-repeat: no-repeat;
			}
			/*聯絡資訊方塊：聯絡資訊的ICON*/
			.NewBlockStyle > .Content > div.InfoBlock.Contact .ImgHolder {
				background-image: url('/images/NewStyles/Contact-mail_NoBgColor.png');
			}

			/*聯絡資訊方塊：上班時間資訊的ICON*/
			.NewBlockStyle > .Content > div.Service .ImgHolder {
				background-image: url('/images/NewStyles/Contact-Service_NoBgColor.png');
			}

			/*聯絡資訊方塊：合作提案資訊的ICON*/
			.NewBlockStyle > .Content > div.Cooperation .ImgHolder {
				background-image: url('/images/NewStyles/Contact-Cooperation_NoBgColor.png');
			}

			/*聯絡資訊方塊中的超連結樣式*/
			.NewBlockStyle > .Content > .InfoBlock a {
				/*color: #6B6C6E;*/
				text-decoration: none;
			}

				/*聯絡資訊方塊中的超連結樣式：滑鼠移過時*/
				.NewBlockStyle > .Content > .InfoBlock a:hover {
					text-decoration: underline;
				}

		/*聯絡資訊方塊：各子區塊間的分隔線樣式*/
		.NewBlockStyle > .Content > div.InfoBlock.Seperator {
			border-top-style: dashed;
			border-top-width: 2px;
		}
