body {
  overflow-x: hidden;
}

.LinkVideoDiv{
	width: 89px;	
	height: 80px;
	background-image: url("Video_Icon.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:absolute;
	margin-left:160;
	margin-top: 135px;
}

.LinkCNTrainerDiv
{
	/*width: 211px;	
	height: 195px;*/
	width: 153px;	
	height: 133px;
	background-image: url("Link_ExCN.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid;*/
	position:relative;

	/*left: 230px;
	top: 80px;
	*/
	margin-left:-790px;
	margin-top: -380px;	

}

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

.ScreenImg
{

box-shadow: 6px 6px 5px #cccccc;
}

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

.TitleImgDiv
{
	background-image: url("Title.png");
	background-repeat: no-repeat;
	background-position: center; 
	width:416;
	height:145;
	
}

.homeiconDiv{
	width: 136px;	
	height: 54px;
	background-image: url("home_Icon.png");
	background-repeat: no-repeat;
	background-position: center; 
	/*border:#0000FF 5px solid; */
	position:relative;
	
	top: -135px;
	left: -400px;
}

.SubPtDiv01{
	width: 318px;	
	height: 100px;
	
	position:absolute; 
	visibility:show;
	
	margin-top:-50px;
	margin-Left:-15px;
}

.SubPtDiv02{
	width: 445px;	
	height: 100px;
	
	position:absolute; 
	visibility:show;
	
	margin-top:-50px;
	margin-Left:-15px;
}

.AllCharDiv{
	width: 512px;	
	height:155px;
	background-image: url("All_Char.png");
	background-repeat: no-repeat;
	/*background-position: center; */
	/*border:#0000FF 5px solid; */
	position:relative;
	
	top: -255px;
	left: 400px;
}

.MainCharDiv{
	width: 176px;	
	height:118px;
	background-image: url("Main_Char.png");
	background-repeat: no-repeat;
	/*background-position: center; */
	/*border:#0000FF 5px solid; */
	position:relative;
	
	top: -100px;
	left: -250px;
}




.EndDiv
{
	background-image: url("End_BG.png");
	background-repeat: no-repeat;
	background-position: center; 
	font-size: 21px;
	color:#1a3598;
	width:100%;
	height:300px;
	background-size:100%;
}

.BambooDiv{
	width: 100%;
	height: 35px;
	background-image: url("BambooBar.png");
	background-repeat: repeat-x;
	background-position: center; 
	/*border:#0000FF 5px solid; */
}

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

}

.EarthImgDiv
{
	
	width:200;
	height:200;
	left: -80px; z-index: 3;
	position:relative;
	/*border:#0000FF 5px solid;*/
	
}

table.MainTB
{
	width: 85%;
	background-color:#ffffff;
	color:#000000;
	 
	border-right:15px solid #f53d3d;
    border-left:15px solid #f53d3d;
}

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

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



table.AppTB
{
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;

}

table.TOCTBOUTTER
{
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;
width: 70%;
}

table.TOCTB
{

margin-left: 10px;
margin-right: 10px;

}

.TOCPT
{
	padding-right:20px;
}

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




.indextxt
{ 
text-align:justify;
font-size : 10pt;
/*color: #9b6600; */
color: #727272; 
line-height: 20px;
}

.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 : 12pt;
/*color: #9b6600; */
color: #ff539c; 
line-height: 32px;
padding: 10px;
letter-spacing:3px
}


.indexentxt
{ 
text-align:justify;
font-size : 10pt;
/*color: #9b6600; */
color: #727272; 
line-height: 18px;
}

.producttxt
{ 
font-size : 10pt; 
/*color: #9b6600; */
color: #784400; 
line-height: 20px;
}


.respondtxt
{ 
font-size : 11pt; 
/*color: #9b6600; */
color: #784400; 
line-height: 24px;
margin-left: 10px;
margin-right: 0px;
}

.cssBrownText01
{ 
font-size: 16px;
color : #89480d;
letter-spacing: 2px;
}




table.NewTopictable
{ 
	margin-left: 40px;
}

.NewTitleText01
{ 
font-family: 'Microsoft YaHei', 'STHeiti';
font-size: 36px;
color : #42b1ff;
letter-spacing: 2px;
font-weight : bold;
margin-left: 20px;
padding-top: 20px;
}

.NewTitleText02
{ 
font-family:'Microsoft YaHei', 'STHeiti';
font-size: 24px;
color : #42b1ff;
letter-spacing: 2px;
font-weight : bold;
}

.AuthorTxt
{ 
font-family: 'Microsoft YaHei', 'STHeiti';
font-size: 36px;
color : #42b1ff;
letter-spacing: 2px;
font-weight : bold;
margin-left: 20px;
padding-top: 20px;
}

.Company
{ 
	font-family: Arial, sans-serif;
	font-size: 20px;
	
	letter-spacing: 2px;
	font-weight : bold;


 /*-webkit-text-stroke: 1px #ffa200;*/
   color : #854b00;
   
   /*text-shadow:
       2px 2px 0 #ffa200,
     -1px -1px 0 #ffa200,  
      1px -1px 0 #ffa200,
      -1px 1px 0 #ffa200,
       1px 1px 0 #ffa200;
	   */
}

.ShopIcon
{
padding: 10px;
}

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

.NewSubTitle01
{ 
font-family: 'Microsoft YaHei', 'STHeiti';
font-size: 28px;
color : #b32925;
letter-spacing: 2px;
font-weight : bold;

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

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

.InsideTxt01
{ 
text-align:justify;
color: #000000;
padding: 10px;
font-family: 'Microsoft YaHei', 'STHeiti';
font-size:24px;
line-height:35px;
margin-left: 30px;
margin-right: 30px;
 letter-spacing: 6px;
}

.AppLinkTxt01
{ 
text-align:justify;
color: #000000;
padding: 10px;
font-family: 'Microsoft YaHei', 'STHeiti';
font-size:24px;
line-height:35px;
 letter-spacing: 6px;
}

.VirtualPoint
{ 
text-align:justify;
color: #000000;
padding: 10px;
font-family: 'Microsoft YaHei', 'STHeiti';
font-size:22px;
line-height:30px;
margin-left: 30px;
margin-right: 30px;
 letter-spacing: 6px;
}



.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;
}


table.GameTB {
	border-width: 1px;
	/*border-spacing: ;*/
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: #ffffff;
}
table.GameTB th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #000000;
	-moz-border-radius: ;
	font-family: 'Microsoft YaHei', 'STHeiti';
	font-size: 20px;
}
table.GameTB td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: ;
	-moz-border-radius: ;
	
	font-family: 'Microsoft YaHei', 'STHeiti';
	font-size: 20px;
}


@media screen and (max-width: 1280px)
{
table.MainTB{	width: 85%;	}

table.MenuTB01{display: none;}
table.MenuTB02{display: table; width: 90%;}
table.TOCTBOUTTER{width: 90%;}

.InsideTxt01{ 	font-size:18px; line-height:30px; }
.VirtualPoint{ font-size:18px;}


table.GameTB th {	font-size: 20px;}
table.GameTB td {	font-size: 18px;}

}

@media screen and (max-width: 980px)
{
table.MainTB{	width: 85%;	}

.homeiconDiv{
left: -300px;
}

table.TOCTBOUTTER{width: 90%;}
}

@media screen and (max-width: 768px)
{
table.MainTB{	width: 95%;	}
.homeiconDiv{
	width: 75px;	
	height:73px;
	background-image: url("home_Icon02.png");
	left: -220px;
	}

	table.MenuTB02{display: table; width: 90%;}
	
	table.TOCTBOUTTER{width: 95%; margin-left: 10px; margin-right: 10px;}
}

@media screen and (max-width: 480px)
{
table.MainTB{	width: 100%;	}
/*.TopTitle{display: none;}*/
.homeiconDiv{
	width: 60px;	
	height:57px;
	background-image: url("home_Icon02.png");
	
	}

}