@charset "utf-8";
/*************************************************************************************************
/Diy.Body
/Diy.Btn
/Diy.Txt
/Div.Font
/Div.Detailed
*************************************************************************************************/

/*Div.Detailed***********************************************************************************/
/*
#About_Detailed {
	padding-top: 15px;
	padding-left: 25px;
}
*/

/*Div.Txt****************************************************************************************/
.Txt1{
	background:transparent;
	border: 1px solid #878787;
	height: 100px;
	width: 200px;
	font-family: Verdana, Arial, "新細明體", "標楷體";
	font-size: 12px;
	color: #FFFFFF;
}

/*Div.Body***************************************************************************************/
#BlogTool_MainBg {
	height: 300px;
	background-image: url(../Images/Bg_01.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#BlogTool_A3 {
	clear: both;
	text-align: right;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-family: Helvetica, Arial, "新細明體", "標楷體";
	font-size: 9px;
	color: #F06EAA;
	letter-spacing: 1px;
}

#BlogTool_A2 {
	clear: both;
	text-align: left;
}
#BlogTool_A2 ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#BlogTool_A2 li {
	float:left;
}

#BlogTool_A4 {
	clear: both;
	background-image: url(../Images/BlogToolTitle01.gif);
	height: 70px;
	width: 600px;
}
#BlogTool_A4 ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 48px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
}
#BlogTool_A4 li {
	float:left;
}

#ToolStep1 {
	clear: both;
	/*height: 0px;*/
	width: 600px;
}
#ToolStep1 ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
}
#ToolStep1 li {
	float:left;
}

#ToolStep2 {
	clear: both;
	width: 600px;
}
#ToolStep2 ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}
#ToolStep2 li {
	float:left;
}

#ToolStep3 {
	clear: both;
	width: 600px;
}
#ToolStep3 ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
}
#ToolStep3 li {
	float:left;
}

#ToolStep4 {
	clear: both;
	width: 600px;
}
#ToolStep4 ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}
#ToolStep4 li {
	float:left;
}

.Td01 {
	width: 280px;
}

/*Div.Btn****************************************************************************************/
/*
#BlogTool3 a{
	width: 45px;
	height: 22px;
	background: url(../images/AboutBtn01.gif) -88px 0 no-repeat;
	display: block;
	position:relative;
	right:2px;
}
#BlogTool3 a:hover{
	width: 45px;
	height: 22px;
	background: url(../images/AboutBtn01.gif) -221px 0 no-repeat;
	display: block;
	position:relative;
	right:2px;
}
*/
#BlogToolMiniMsg a{
	width: 45px;
	height: 22px;
	background: url(../images/BlogToolBtn01.gif) -44px 0 no-repeat;
	display: block;
	position:relative;
	left:-1px;
}
#BlogToolMiniMsg a:hover{
	width: 45px;
	height: 22px;
	background: url(../images/BlogToolBtn01.gif) -177px 0 no-repeat;
	display: block;
	position:relative;
	left:-1px;
}
#BlogToolMiniWeather a{
	width: 45px;
	height: 22px;
	background: url(../images/BlogToolBtn01.gif) 0 0 no-repeat;
	display: block;
}
#BlogToolMiniWeather a:hover{
	width: 45px;
	height: 22px;
	background: url(../images/BlogToolBtn01.gif) -133px 0 no-repeat;
	display: block;
}

/*Div.Font***************************************************************************************/
.TitleFontA {
	font-family: Arial;
	font-size: 11px;
	color: #88CF2B;
	display : block
}