table.compare
{
font-family: "Verdana";
font-size:18px;
color: #3d3d3d;
width: 85%;
border: 5px solid #8fa81b;
border-collapse: collapse;
/*border-spacing: 10px 15px;*/ /*IE not support*/
/*border-radius: 25px;*/
padding: 5px;

}

.TopTitle {
	width:100%;	
	top: 0px; 
	height: 200px; 
	color:#000000;	
	background-image: url("Tile_BG.png");	
	position:relative; 
}

.BigIcon
{
width:70%;
height:auto;
max-width: 100%;
}

.BigIcon02
{
width:70%;
height:auto;
max-width: 70%;
}

.ShopIcon
{
width:70%;
height:auto;
max-width: 100%;
}

.ShopIcon02
{
width: 80%;
height:auto;
max-width: 80%;
}

.VirtualPoint
{
	
color: #000000;
padding: 10px;
font-family: "Verdana","Helvetica";
font-size:18px;
line-height:30px;

}

.ImgResize
{
width:100%;
height:auto;
max-width: 100%;
}

.TitleImgDiv
{
	background-image: url("TitleImg.png");
	background-repeat: no-repeat;
	background-position: center; 
	width:617;
	height:218;
	margin-left: -20px;
}

.TitleImgTCDiv
{
	background-image: url("TitleImgTC.png");
	background-repeat: no-repeat;
	background-position: center; 
	width:617;
	height:218;
	margin-left: -20px;
}

.homeiconDiv{
	width: 130px;	
	height: 60px;
	background-image: url("home_Icon.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	right: 20px;
	top: 10px;	
}

.EnTcDiv{
	width: 92px;	
	height: 22px;
	background-image: url("EnTc.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	right: 20px;
	top: 80px;
}

.LinkTrainerDiv{
	width: 211px;	
	height: 195px;
	background-image: url("LinkTrainer.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	right: 10px;
	top: 140px;
}

.LinkTrainerDivTC{
	width: 220px;	
	height: 210px;
	background-image: url("LinkTrainerTC.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	right: 10px;
	top: 140px;
}

.LinkVideoDiv{
	width: 150px;	
	height: 48px;
	background-image: url("Video_Icon.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	right: 170px;
	top: 18px;
}

.EndDiv
{
	background-image: url("Tile_BG.png");
	font-size: 21px;
	color:#ffffff;
	width:100%;
	height:160px;
}

.YoutubeTD
{
	border: 1px solid black;
	background-color:#000000;

}


table.MainTB
{
	width: 95%;
	background-color:#ffffff;
	color:#000000;
}

table.MenuTB01
{
	width: 80%;
	/*display: none;*/
	display: table;
	padding-top: 5px;
}

table.MenuTB02
{
	width: 80%;
	display: none;
	padding-top: 5px;
}



table.AppTB
{
	
width: 90%;
	
border: 1px solid #cccccc;

text-align:justify;
color: #000000;

font-family: "Verdana","Helvetica";
font-size:16px;
line-height:30px;
margin-left: 30px;
margin-right: 30px;
border-radius: 12px;

}


.TOCPT
{
	padding-right:20px;
}

.hide {
position : absolute;
left : -100000px;
}

.Appindextxt02
{ 
text-align:justify;
/*font-size : 12pt;*/
color: #000000;

/*color: #585858;*/

line-height: 26px;
padding: 10px;

font-family:"Georgia", "Lucida Grande", Verdana, Arial, sans-serif;
font-size:16px;line-height:1.6em;

}

.Appindextxt02_cn
{ 
text-align:justify;
font-size : 14pt;
/*color: #9b6600; */
color: #ff4cc2; 
line-height: 32px;
padding: 10px;
letter-spacing:3px;
font-weight : bold;
}


.NewTitleText01
{ 
font-family: Arial, sans-serif;
font-size: 36px;
color : #c88400;
letter-spacing: 2px;
font-weight : bold;
margin-left: 20px;
padding-top: 20px;
}

.NewTitleText02
{ 
font-family: Arial, sans-serif;
font-size: 24px;
color : #c88400;
letter-spacing: 2px;
font-weight : bold;
}

.AuthorTxt
{ 
font-family: Arial, sans-serif;
font-size: 36px;
color : #1197d6;
letter-spacing: 2px;
font-weight : bold;
margin-left: 20px;
padding-top: 20px;
}


.NewSubTitle01
{ 
font-family: Arial, sans-serif;
font-size: 28px;
color : #b32925;
letter-spacing: 2px;
font-weight : bold;

/*text-shadow: 2px 2px #cccccc;*/
}



.InsideTxt01
{ 
text-align:justify;
color: #000000;
padding: 10px;
font-family: "Verdana","Helvetica";
font-size:18px;
line-height:30px;
margin-left: 30px;
margin-right: 30px;
}

.Remark01
{ 
color: #af6614;

font-family: "Verdana","Helvetica";
font-size:16px;
line-height:1.6em;
margin-left: 30px;
font-weight : bold;
}

.InsidePoint01
{ 
color: #000000;
padding: 10px;
font-family: "Verdana","Helvetica";
font-size:18px;
line-height:30px;
margin-left: 20px;
}

.chaptertable
{ 
font-family: "Helvetica";
font-size : 12pt;
font-weight : bold;
color: #333333;
line-height: 25px;
}

@media screen and (max-width: 1280px)
{
table.MainTB{	width: 95%;	}
table.MenuTB01{display: none;}
table.MenuTB02{display: table; width: 90%;}

}

@media screen and (max-width: 980px)
{
	.TitleImgDiv
	{
		background-size: 580px 220px;
		margin-left: -120px;
	}

	.TitleImgTCDiv
	{
		background-size: 580px 220px;
		margin-left: -120px;
	}
	
	.LinkTrainerDiv{

		background-size: 166px 153px;
		right: 0px;
		top: 60px;	
	}

	.homeiconDiv
	{
		top: 10px;	
	}
	
	.VirtualPoint
	{
		width: 100%;	
	}

	table.MainTB{	width: 95%;	}
	
}

@media screen and (max-width: 720px)
{

	.TitleImgDiv
	{
		background-size: 480px 170px;
		margin-left: -120px;
	}
	
	.TitleImgTCDiv
	{
		background-size: 480px 170px;
		margin-left: -120px;
	}
	
	
	.ShopIcon02
	{
	width: 90%;
	height:auto;
	max-width: 90%;
	}

	table.MainTB{	width: 95%;	}
	
	
	table.MenuTB02{display: table; width: 90%;}
		
	
	.InsideTxt01
	{ 
		font-size:16px;
		line-height:22px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.VirtualPoint
	{
		width: 95%;	
				
	
	
	font-size:16px;
	line-height:26px;

	}
	
	.InsidePoint01
	{ 
	font-size:16px;
	line-height:26px;
	
	}
	
	.NewSubTitle01
	{ 
		font-size: 24px;
	}
}

@media screen and (max-width: 640px)
{
	.TitleImgDiv
	{
		background-size: 460px 163px;
		margin-left: -120px;
	}
	
	.TitleImgTCDiv
	{
		background-size: 460px 163px;
		margin-left: -120px;
	}

	
	.InsideTxt01
	{ 
		font-size:14px;
		line-height:20px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.VirtualPoint
	{
		width: 95%;	
				
	
	
	font-size:14px;
	line-height:24px;

	}
	
	.InsidePoint01
	{ 
	font-size:14px;
	line-height:24px;
	
	}
}