/******************************* 正文样式Css *************************************
 样式名称:	文章正文样式   AContentDiv:通用型    AContentCancel,NoArticle:文章不存在   		CenterImg,AlignImg:由函数生成,标签为blockquote			注意,默认设置 line-height:1.7em; color:#565656;    font-size:1.1em; (此值与EWebeditor[9][1]一致,在Super.htm的正文默认字体大小中设置)
	  注意:	1) p标签内不能有h标签,否则会造成p标签无效														2) 如果不想text-indent,使用blockquote						3) 只对p标签设置text-indent,同时对它们的首图片再设置margin-left:-2rem,抵消缩进的影响			4) 我给CenterImg的img加display:block,给AlignImg的img加float:left,可避免父级元素text-indent:2rem对其的影响
	  			5) 目前blockquote标签使用line-height:0,因此只能用于图片容器(图片可有说明文字)		6) center标签可用于文字容器,无text-indent:2em的影响	7) 最后决定,此给P标签text-indent:2em,因为它破坏性太大

-LH_ImgTit: 图片下显示说明文字(word导入的MyFunc.js)									-ShowImgTitle:		图片下显示说明文字(正文编辑框的自定义按钮的LH_Self_Func.js)
															{'										'										'										'										'										'										'										'										'										'										} */

.AContentDiv																					{padding:0.4rem 0;				text-align:left;				box-sizing:border-box;																								/*此padding很重要*/}
.AContentDiv a,  .AContentDiv p a,  .AContentDiv div a							{color:#000000!important;		border-bottom:#000000 1px dashed;}
.AContentDiv>p																					{text-indent:2em;					margin:0.4rem auto;																																		/*因为richtext.js录入的内容,没有p,只有div,必须加上richtext类名 text-indent:initial; */}
.AContentDiv>p:nth-child(1)																{margin-top:0;}

/*  关于H设置,htm默认是H1为32px,H2为24px;等,目前我的设置是 H1比基本font-size大60%;按20递减,padding也按比例设置  */
.AContentDiv h1																				{font-size:160%;					padding:0.51rem 0;}
.AContentDiv h2																				{font-size:140%;					padding:0.34rem 0;}
.AContentDiv h3																				{font-size:120%;					padding:0.23rem 0;				font-weight:bolder;}
.AContentDiv h4																				{font-size:100%;					padding:0.15rem 0;				font-weight:bolder;}
.AContentDiv h5																				{font-size:85%;}
.AContentDiv h6																				{font-size:70%;}
.AContentDiv h1, .AContentDiv h2, .AContentDiv h3, .AContentDiv h4, .AContentDiv h5, .AContentDiv h6		color:#000;}


.AContentDiv>p span.-ShowImgTitle:nth-child(1)										{margin-left:-2em!important;																																									/*此句用于后台,显示正常*/}
.AContentDiv div																				{margin:0.4rem auto;}
.AContentDiv div span.-ShowImgTitle, .AContentDiv p span.-ShowImgTitle		text-indent:0rem;																																													/*避免对-ShowImgTitle的不必要影响*/}



.AContentDiv img																				{margin:0.4rem auto;				display:block;																																				/*多图片上下间隔,同时避免img受到p标签的text-indent:2em的影响*/}
.AContentDiv p img:first-child, .AContentDiv div img:first-child, .AContentDiv blockquote img:first-child 										{margin-top:0!important;}
.AContentDiv p img:last-child,  .AContentDiv div img:last-child,  .AContentDiv blockquote img:last-child											{margin-bottom:0!important;}

.AContentDiv, .AContentDiv table td, .AContentDiv ol								{letter-spacing:0px;				color:#565656;						text-align:justify;				font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";	/*设置默认样式*/}

.AContentDiv table td																		{line-height:1.8rem;}
.AContentDiv p strong																		{color:#666666;}
.AContentDiv blockquote																		{line-height:0;					margin:0 auto;																																				/*因此此标签注要用于图片,因此行高设为0后避免影响图片间距*/}
.AContentDiv blockquote	img																{display:inline-block;}

.AContentDiv ol li																			{list-style:initial;				list-style-type:decimal;		margin:0.4rem auto;}
.AContentDiv ul li																			{list-style:initial;				list-style-type:disc;			margin:0.8rem auto;}

.CenterImg, .AlignImg																		{width:100%;						padding:0.2rem 0;					text-align:center!important;}
.CenterImg img																					{max-width:100%!important;		display:block;						border-radius:0.3rem;			margin-top:0.3rem;}
.CenterImg img first-child																	{margin-top:0;}
.AlignImg																						{zoom:1;								vertical-align:top;																																		/*支撑图片并列排列*/}
.AlignImg:after, .AlignImg:before														{display:block;					clear:both;							content:"";							visibility:hidden;}

.AContentDiv p.AlignImg img:first-child, .AContentDiv blockquote.AlignImg img:first-child						{margin-top:0.3rem!important;																															/*如果AlignImg用于P标签,防止前面的.AContentDiv img 对水平排列图片的影响*/}
.AContentDiv p.AlignImg img:last-child,  .AContentDiv blockquote.AlignImg img:last-child						{margin-bottom:0.3rem!important;}
.AlignImg img																					{float:left;						vertical-align:top;				border-radius:0.3rem;			margin:0.3rem 0.3rem!important;										/*这里给图片加dispaly:block可以防止父级元素text-indent:2rem对其的影响*/}
.AlignImg img:nth-child(2n+1)																{clear:left;}

.SmallImg																						{display:inline!important;		width:initial;						padding:0 0.2rem;					line-height:1.8rem;}

.-AlignTow																						{display:flex;						justify-content:space-between;width:99%;							margin:auto;						flex-direction:row;				flex-wrap:wrap;					align-items:flex-start;			box-sizing:border-box;			padding:0;					font-size:0;																										/*border:#F00 1px solid;*/}
.-AlignTow img																					{width:49.3%;						height:auto;						margin:0.3rem 0 0 0;}
.-AlignTow img:nth-child(2)																{margin:0;}
.-AlignTow tt																					{width:50%;							display:inline-block;			font-size:0.90rem;				color:#999;							text-align:center;				line-height:1rem;					margin:0.5rem 0 0.7rem 0;}

/* -LH_ImgTit,-LH_ImgTitA,此样式名不要动,因为已在导入word文档时MYFunc.js中使用了 */
.-LH_ImgTit																						{display:block;					margin:0.2rem auto!important;											border:#F8F8F8 1px solid;		border-radius:0.3rem;			/*display:原来是inline-block,由于图片无法居中,现改为block,但可能造成两张图片无法并排,以后解决*/}
.-LH_ImgTit img																				{display:block!important;		margin:auto;						border-radius:0.3rem;}
.-LH_ImgTit tt																					{display:block;					text-align:center;				line-height:1.8rem;				color:#767676;						text-indent:0!important;		font-size:0.9rem!important;}

.SelfImgTitle																					{display:block;					margin:0.8rem auto!important;width:95%;							border:#F8F8F8 1px solid;		border-radius:0.6rem;			/*专用于系统设置中的设置编辑窗口的正文图片专属Css名.比如随山刊木的合同书栏目,管理员在编辑框上传合同图片,配合本样式,图片下显示页码*/}
.SelfImgTitle img																				{max-width:95%;					height:auto;						margin:auto;}
.SelfImgTitle>tt																				{display:block;					text-align:center;				text-indent:0!important;}
.SelfImgTitle>tt>tt																			{display:inline-block;			padding:0.2rem 0.8rem;			line-height:0.9rem;				background-color:#FFF;			font-size:0.9rem!important;	position:relative;				top:0.6rem;}

.DumpBR																							{display:inline;					line-height:0;}
.AContentCancel																				{width:100%;						overflow:visible!important;	vertical-align:top;				box-sizing:border-box;			text-align:center!important;	margin:auto;						min-height:12.5em;				box-sizing:border-box;}
.AContentCancel table																		{text-align:center;}



.AContentNo, .NoArticle																		{display:table;					width:55vw;							height:55vw;}
.AContentNo																						{background:url(../3G/Images/Common/NoArticle.png) no-repeat;background-size:100% 100%;	margin:auto;						margin-top:5vw!important;		/*单栏目文章和文章详情,未录入*/}
.AContentNo dd																					{display:table-cell;				vertical-align:bottom;			text-align:center;				font-size:1em;						color:#0079EE;}
.AContentNo dd span																			{background-color:#0068CD;		padding:0.13em 0.6em;			border-radius:0.2em;				font-size:0.9em;					position:relative;				top:-0.8em;}

.NoArticle																						{display:table;					width:100%;																																					/*上拉加载,如无数据的样式显示*/}
.NoArticle div																					{text-align:center;				vertical-align:middle;			height:50vh;						width:100%;							text-align:center;				color:#D2D2D2;						font-size:1rem;}
.NoArticle div img																			{width:60%;							height:auto;						opacity:1;							}
.NoArticle div a																				{color:#AAA;}
.NoArticle div dd																				{height:6em;}






/* 以上是不变的部分,注意letter-space用em,否则影响中文断行 */


/* 以上是可能会改动的css */
.AContentDiv img																				{max-width:100%;}
.AContentDiv>p>img:nth-child(1)															{margin-left:-2em;}
.AContentDiv, .AContentDiv p, .AContentDiv center									{font-size:0.95rem;				line-height:1.35rem;				color:#333;							font-family:SC-Regular;				line-break:anywhere;}

.Content_Animate																				{top:4vw;							position:relative;				opacity:0;}
@keyframes Content_Animate																	{from{top:4vw;						opacity:0;}							to{top:0vw;							opacity:1;}}

.GovernmentDoc, .GovernmentDoc p, .GovernmentDoc center							{font-family:"FangSong","仿宋";font-size:1.00rem;}

.ReturnBtn																						{margin:0!important;				width:6rem;}
.ReturnBtn a																					{display:block;					background-color:#2F73E2;		text-align:center;				padding:1rem 0 1.2rem 0;		border-radius:3px;}
.ReturnBtn a dd																				{display:inline-block;			font-size:1rem;					color:#FFF;							padding-left:1rem;				position:relative;}
.ReturnBtn a dd::before																		{content:"";						width:8px;							height:8px;							border-left:2px solid #FFF;	border-top:2px solid #FFF;		transform:rotate(-45deg);		position:absolute;				left:0;								top:50%;						margin-top:-3px;}
.ReturnBtn a:hover dd																		{color:#FF0;}



.LazyLoadImg																					{margin:auto;						height:2em;							border:0;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAWCAYAAAB5VTpOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZEQkQ3NDZFOEYxNzExRTQ5NUZCRjQzMkM2RTA1RTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZEQkQ3NDZGOEYxNzExRTQ5NUZCRjQzMkM2RTA1RTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkRCRDc0NkM4RjE3MTFFNDk1RkJGNDMyQzZFMDVFMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkRCRDc0NkQ4RjE3MTFFNDk1RkJGNDMyQzZFMDVFMkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hmE5XAAACP0lEQVR42uxYy3HCMBA1DPe4g5AKYiqwUwF0YHPiSirAVAA5copLIBUgOnAJTgemAkeaeZq8ESvGgJPh4J3ZsbQyq9XT/sygaZqgp18a9ID0gPSA3AXIYrGww63mUnNxh36leQk9hjLNkeZc85jkbfQUd9pyRrvd7kw2uvC+Mby+YZ+ExjHmIeZj6DUgrTTPWx4yBih/ThIgY3CIpz1gjRuVYuyNDM6dtYyA5XeM7k+s7R8lZCRAMtyeoVfNKcZHAued3P1wwUMaeIMEVgYde8crtx5bM0d3gN8vuwRkKMiM0QMAsMZ4LRiiBDfOAUJDnnSg+Qrub+cbPO1BQ6xXpN/uIcmi//CQeygnL1A4RObc8tbJKZWgp3DAXmGeO3sljw4I54kYB+aDmfB4otAy3vPiAeVhcggn11toixv+QsKshNCypffoASPy2JN0YN/NgDxT4rwmVhN4QSFUnJLcPUZ1kmgjyFJK8AEl+k5p6JHPKJEFFPNt6Yjsb281p1Jr1qaaPwTPqbE+QTK3HFCCtzy/orHrBJDvGzdcAoSEwiWn8hpSaFkQIvKgpOW+hVByXVmIfRMnHPe+kBt6YjWlDjIC820enNLK4cJl1/YxOSqMgv4TZBEl2S4odQCJ4I2Zc9lTX4UaeZA/Ua9hjebk52vMFOUF23QpPAsqwxG61Bnt1QVNnM8NBVnllGvl+xSQAKmpu7SeUZPHrHHAiuaVUHaZKuoq7SdA6fQtXVDZUqb6z//+/5AekB6Qv6AfAQYAZXq9jhikZ9kAAAAASUVORK5CYII=') no-repeat center #DDDDDD;	/* 显示文字 加载中 */}





/* Content_BySelf: 此样式用于后台正文录入时勾选保留文章为独立样式复选框 */
.Content_BySelf>p																				{margin:0.4rem auto;}
.Content_BySelf>p:nth-child(1)															{margin-top:0;}
.Content_BySelf, .Content_BySelf p, .Content_BySelf center						{font-size:0.95rem;				line-height:1.35rem;				color:#000;}
.Content_BySelf span																			{font-family:inherit;}



/************************ 详情页正文标题Css ******************************
.ATitle: 用于普通页  h3:文章标题  div:文章副标题  h4:发布时间和人气  blockquote:备用							BTitle:农工党用于政府公文的标题
*************************************************************************/
.ATitle													{text-align:						center;width:100%;				margin:auto;						background-color:#FFF;													box-shadow:0 0.6rem 0.6rem -0.6rem rgba(0,0,0,0.5);			/*详情页文章标题*/}
.ATitle h3												{font-size:1.1rem;				width:97%;							margin:auto;						line-height:1.4rem;				font-weight:bold;					color:#000;							padding:0.5em 0 0.3em 0;		text-align:center!important;		}
.ATitle div												{}
.ATitle h4												{width:95%;							margin:auto;;						padding:0.3em 0 0.6em 0;		text-align:left!important;		border-top:#BBB 0.05rem dashed}
.ATitle h4 span										{white-space:nowrap;				font-size:0.8rem;					color:#232323;						margin:0em 0.1em;}
.ATitle h4 span tt									{color:#BBB!important;}
.ATitle h4 span:nth-child(2)						{float:right;}
.ATitle blockquote									{}
.DivideLineA											{width:94%;							margin:auto;						text-align:center;				background:url(../images/Common/LineC.gif) repeat-x left center;}


.BTitle													{text-align:						center;width:100%;				margin:auto;						background-color:#FFF;													box-shadow:0 0.6rem 0.6rem -0.6rem rgba(0,0,0,0.5);}
.BTitle dt												{font-size:1.2rem;				width:98%;							margin:auto;						line-height:1.4rem;				font-weight:bold;					color:#000;							padding:0.5em 0 0.3em 0;		text-align:center!important;}
.BTitle dd												{font-size:0.9rem;				text-align:center;				padding:0em 0 0.6em 0;}

.BTitle center											{width:96%;							margin:0 auto 0.4rem auto;		font-size:0.8rem;					padding:0.4em 0 0.6em 0;		text-align:left;					border-top:#BBB 0.05rem dashed}
.BTitle center span									{white-space:nowrap;				color:#232323;						margin:0em 0.1em;}
.BTitle center span tt								{color:#BBB!important;}
.BTitle center span:nth-child(2)					{float:right;}


/***    详情页文章标题,h3放置文章标题,h4放置发布时间和人气    ***/




/*-------------------- TJoinTip:用于显示活动签收内容及按钮(NoticeArticle.htm) --------------------
	原则:	1) TJoinTip>div		采用Table布局,分别用 dd dt li 代表三列	2) 第一例(dd)放置活动的内容(时间,地点)			3)第二列(dt)放置分割线	4) 第三列(li)放签收按钮(h3)和签收状态(span)	5) 签收按钮h3采用flex,以便内容水居中(justify-content:center)同时平垂直居中(align-items:center)	6)同时position:relatve,保证可以完成Css动画实现左移淡出和右移淡入(Css动画)
			7) 使用 center 放置上边和下边.									8) TJoinTip_Height:上下边的高度 第三列宽度:
			1) TJoin_Valid>div	用于需认可,为保证正方形, .TJoin_Valid>div->width = .TJoin_Valid>div li->height		2) 只有 .TJoin_Valid>div li height, .TJoin_Valid>div widht 设置为25vw .TJoin_Valid font-size 设置为1rem border,border-radius,padding,font-size都采用em width,height采用%		3) 另外设置一组尺寸 20vw 20vw 0.8rem
			4) 注意,TJoin_Valid>blockquote->width = TJoin_Valid>blockquote h5->widthh = @keyframes _TJoinTip_4->width,而且必须都是vw,保证_TJoinTip_5动画
 --------------------                                                       --------------------*/

.TJoinTip																						{width:100vw;						background-color:#D0D5D9;		padding:0.5em 0;					margin:0.4em auto 0.2em auto;}
.TJoinTip_Height,		.TJoinTip center blockquote img								{height:4.5vw;						width:auto;							//* 此为上下边距高度	*/}
.TJoinTip_LI_Width,	.TJoinTip center blockquote span, .TJoinTip>div dl li											{width:18vw;						/* 此为第三列宽度 */}
.TJoinTip center blockquote span															{display:inline-block;}
.TJoinTip center																				{background:url(../3G/images/Func/Tip_Frame_7.png) repeat-y;font-size:0;						background-size:100vw auto;	}
.TJoinTip center blockquote																{background:url(../3G/images/Func/Tip_Frame_5.png) no-repeat center top;						background-size:100vw auto;	text-align:right;}
.TJoinTip center:nth-child(3) blockquote												{background-image:url(../3G/images/Func/Tip_Frame_2.png);	background-position:center bottom;}

.TJoinTip>div																					{display:table;					background:url(../3G/images/Func/Tip_Frame_7.png) repeat-y;		background-size:100vw auto;}
.TJoinTip>div dl																				{display:table-row;}
.TJoinTip>div dl dd, .TJoinTip div dl dt, .TJoinTip div dl li					{display:table-cell;}
.TJoinTip>div dl dd																			{width:77.5vw;						text-align:center;}
.TJoinTip>div dl dd h3																		{width:90%;							font-size:1rem;					color:#015583;						padding:0.3rem 0;}
.TJoinTip>div dl dd h4																		{width:90%;							font-size:0.85rem;				color:#999;							text-align:left;					margin:auto;}

.TJoinTip>div dl dt																			{width:4.0vw;						background:url(../3G/Images/Func/Tip_Frame_6.png) repeat-y center top;}
.TJoinTip>div dl li																			{vertical-align:middle;			text-align:center;				font-size:0.75rem;				color:#BBB;							line-height:1.1rem;				position:relative;}

.TJoinTip>div dl li h3																		{display:flex;						justify-content:center;			align-items:center;				width:15vw;							height:15vw;						background:url() no-repeat center center;						background-size:100% auto;		position:relative;		transform:scale(1);}
.TJoinTip>div dl li h3, .TJoinTip>div dl li h3 a									{color:#FFF;						font-size:0.9rem;					line-height:1.0rem;}
.TJoinTip>div dl li h3 code																{font-size:0.7em;}

.TJoinTip>div dl li span																	{display:none;						margin-top:0.0em;					width:90%;}
.TJoinTip>div dl li span tt																{color:#000;						display:block;						height:2.2em;						line-height:1.1em;				margin-top:0.0em;					font-size:1.05em;					display:inline-block;}
.Signed																							{color:#F00!important;			}


.TJoin_Valid																					{text-align:center;				font-size:0.8rem;}
.TJoin_Valid>div																				{display:inline-table;			background-color:#EFEFEF;		border-radius:0.7em;				border:#EFEFEF 0.5em solid;	width:20vw;							margin:0.7rem auto;}
.TJoin_Valid>div dl																			{display:table-row;}
.TJoin_Valid>div li																			{display:table-cell;				border:#FFF 0.10rem solid;		border-radius:0.7em;				height:20vw;						text-align:center;				vertical-align:middle;			overflow:hidden;}
.TJoin_Valid>div li h3																		{display:flex;						justify-content:center;			align-items:center;				width:90%;							height:90%;							background-repeat:no-repeat;	background-position:center center;								background-size:100% auto;																															background-image:url(../3G/images/blank.gif);					margin:8% auto 0 auto;			position:relative;}

.TJoin_Valid>div li h3 a																	{display:flex;						width:63%;							height:63%;							border-radius:60%;				position:relative;				top:-0.50em;						color:#000;						font-size:1.00em;					line-height:1.05em;																																	justify-content:center;			align-items:center;				overflow:hidden;					/*background-color:rgba(0,0,0,0.2);*/}
.TowWord a, .OneWord	a																		{font-size:1.3em!important;	letter-spacing:0!important;	font-weight:bolder;				font-family:'Source Han Sans SC', sans-serif;					top:-0.4em!important;}
.OneWord	a 																						{font-size:1.8em!important;	top:-0.3em!important;}

.TJoin_Valid>blockquote																		{display:inline-block;			width:27vw;							height:25vw;						vertical-align:top;				margin:0.5rem 0 0 0.3rem;		border-radius:0.3rem;			overflow:hidden;				background-color:rgba(0,0,0,0.02);}
.TJoin_Valid>blockquote h5																	{display:flex;						width:27vw;							height:100%;						font-size:0.8rem;					justify-content:center;			align-items:center;}
.TJoin_Valid>blockquote h5 span															{display:block;					width:100%;}
.TJoin_Valid>blockquote h5 span tt														{display:block;					width:100%;							font-size:0.75rem;}
.TJoin_Valid>blockquote h5 span tt:nth-child(1)										{padding:0 0 0.1em 0;			font-size:1.05em;					color:#BBB;							/*border-bottom:#BBB 0.05rem dashed*/;}
.TJoin_Valid>blockquote h5 span hr														{height:0.05rem;					margin-bottom:0.2em;				background:url(../3G/images/Func/Linec.png) repeat-x left center;}

.TJoin_Valid>center																			{width:97vw;						height:0.05rem;					text-align:left;					position:relative;				padding:0 1.3em;}
.TJoin_Valid>center span																	{width:4em;							height:0px;}
.TJoin_Valid>center span:nth-child(2)													{float:right;						text-align:right;}
.TJoin_Valid>center span img																{display:inline-block;			width:0.8em;						height:auto;						position:relative;				top:-0.8em;							margin:0 0.1em;					opacity:0.6;}

@keyframes _TJoinTip_4																		{from{width:27vw;}														to{width:0vw;}}
@keyframes _TJoinTip_5																		{from{width:0vw;}															to{width:27vw;}}
@keyframes _TJoinTip_2																		{from{left:0%;}															to{left:-100%;}}
@keyframes _TJoinTip_3																		{from{left:-100%;}														to{left:0%;}}
@keyframes _TJoinTip_0																		{from{transform:scale(1);		opacity:1;}							to{transform:scale(.4);			opacity:0;}}
@keyframes _TJoinTip_1																		{from{transform:scale(.4);		opacity:0;}							to{transform:scale(1);			opacity:1;}}

.TTD_Content																					{width:92%;							margin-left:6%;}
.TTD_Title_Row																					{font-size:1.1rem!important;	font-weight:bolder;				color:#015583!important;		text-align:center!important;	padding:0.0rem 0 0.3rem 0!important;								border-bottom:#000 0.05rem dotted;}
.TTD_Content tr td																			{vertical-align:top;				text-align:left;					line-height:1.1em;				font-size:0.85rem;				color:#999;							padding:0.2rem 0;}
.TTD_Content tr td:nth-child(1)															{white-space:nowrap;				color:#000;}
.TTD_Content tr:nth-child(2) td															{padding-top:0.6rem;}

.TJoinBtn																						{background-color:#F6F6F6;		width:100vw;}
.TJoinBtn>div																					{display:table;					text-align:center;				margin:0.6em auto;					}
.TJoinBtn>div h3, .TJoinBtn h4															{display:table-cell;				height:22vw;						width:22vw;							vertical-align:middle;}
.TJoinBtn>div h3																				{background:url() no-repeat center center;						background-size:100% auto;		font-size:1.1rem;					line-height:1.6rem;				letter-spacing:0.1em;			font-weight:bolder;}
.TJoinBtn>div h3, .TJoinBtn h3 a															{color:#FFF;}
.TJoinBtn>div h4																				{color:#000;						text-align:left;					width:30vw;							font-size:1.0rem;					padding:0 0 0 0.4rem;			opacity:1;}
.TJoinBtn_Joined tt																			{color:#2462EF;					border-bottom:#2462EF 0.05rem dashed;}
.TJoinBtn_UnJoin tt																			{color:#999;}
.TJoinBtn_HR																					{height:0.2rem;					border:0;							opacity:0.4;						background:url(../3G/images/Common/DivideLineA.png) repeat-x left center;}