body
{
	font-family: arial, sans-serif, verdana;
	
	color:white;

	background-color:#ffffff;
	
	margin:0;
	padding:0;
}

.href01_CN:link 	 { font-size : 24px; color: #0b9af0;	text-decoration:none;}
.href01_CN:visited { font-size : 24px; color: #0b9af0;	text-decoration:none;}


.href01:link 	{ font-size : 24px; color: #ffffff;	text-decoration:none;}
.href01:visited	{ font-size : 24px; color: #ffffff;	text-decoration:none;}

.BoxShadow
{
-webkit-box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);
box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);

height:400px;
 padding:10px;
}

.BoxShadow02
{
-webkit-box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);
-moz-box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);
box-shadow: 2px 2px 8px 3px rgba(222,222,222,1);

padding:10px;
}

.BOXTXTEN
{ 
	font-family:arial, sans-serif, verdana;
	font-size : 18px;
	color: #606060;
	
	margin-left: 4%;
	margin-right: 4%;
	
	font-style: italic;

}

.BOXTXTCN
{ 
	font-family:arial, sans-serif, verdana;
	font-size : 18px;
	color: #606060;
	
	margin-left: 4%;
	margin-right: 4%;
	
	
	
	letter-spacing: 7px;
	 
}

.SplitBar
{
	width:100%;
	height:auto; 
	max-width: 640px;
}

.ICON_BREAK
{
	display: inline;
}

.HKTXT
{ 
	font-family:'Microsoft YaHei', 'STHeiti';
	font-size : 21px;
	color: #606060;
	letter-spacing: 8px;

	 margin-left: 8%;
	 margin-right: 8%;
}

.HKTXTEN
{ 
	font-family:arial, sans-serif, verdana;
	font-size : 21px;
	color: #606060;
	

	 margin-left: 8%;
	 margin-right: 8%;
}

.HKABOUTTXT
{ 
	font-family:'Microsoft YaHei', 'STHeiti';
	font-size : 21px;
	
	color: #606060;
	letter-spacing: 4px;
}

.HKABOUTTXT02
{ 
	font-family:'Microsoft YaHei', 'STHeiti';
	font-size : 21px;
	
	color: #606060;
	letter-spacing: 4px;
}

 /* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
	position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
	position: absolute;
	/* size of bullet elment */
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l                  (normal)
.jssora02r                  (normal)
.jssora02l:hover            (normal mouseover)
.jssora02r:hover            (normal mouseover)
.jssora02l.jssora02ldn      (mousedown)
.jssora02r.jssora02rdn      (mousedown)
*/
.jssora02l, .jssora02r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('img/a02.png') no-repeat;
	overflow: hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }


.jssoraMain
{
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	/*width: 560px;
	height: 310px;*/
	
	width: 730px;

	height: 350px;
	
	overflow: hidden;
	visibility: hidden;
	/*border: #eeeeee solid;
	border-width: 2px 4px 4px 2px;*/
border-radius: 18px;
	box-shadow: 6px 6px 4px #cccccc;
}


.BehindDiv
{
	width:100%;
	height:100%;
	/*background:url(BG_Char02.png) top center no-repeat;*/
	background-size: contain;
	top:150;
	left:0%;
	position:fixed;
	z-index:-1;
	
}

.StoreColumnA
{
	display: table-row;

}

.StoreColumnB
{
	display: none;
}

.DescColor
{
	color: #606060;
}

.DescColor_CN
{
	
	font-size : 21px;
	color: #606060;
	
}

table.DescTB
{
	color: #606060;
	width:95%;
}


table.DescTBBook3
{
	color: #606060;
	width:60%;
}


table.LayoutA
{
	color: #000;
	width:90%;
	max-width: 1200px;
	border-spacing: 30px;
	line-height: 1.5;
}

table.LayoutB
{
	color: #000;
	width:90%;
	max-width: 1200px;
	border-spacing: 30px;
	line-height: 1.5;
}




table.Subtitle00
{
	color: #000000;
	/*margin-top: 45px;*/

	width:100%;
	height:100;
	
	border-spacing: 0px;
	
	display: table;
	background-color:ffc11b;
}

table.Subtitle01
{
	color: #000000;
	/*margin-top: 45px;*/

	width:100%;
	height:140;
	
	border-spacing: 0px;
	
	display: table;
	background-color:29c6ff;
	
	
}

table.Subtitle02
{
	color: #000000;
	/*margin-top: 45px;*/

	width:100%;
	height:140;
	
	border-spacing: 0px;
	
	display: table;
	background-color:63d47f;
}

table.Subtitle03
{
	color: #000000;
	/*margin-top: 45px;*/

	width:100%;
	height:140;
	
	border-spacing: 0px;
	
	display: table;
	background-color:ffb1fe;
}


table.TB02
{
	font-size: 32px;
	color: #000000;
	margin-top: 35px;
	font-size: 4vw;
	height: 90%;
	border-spacing: 10px;
	display: none;
}
 	

.AppIcon
{
	width:100%;
	max-width: 217px;
	min-width: 130px;
	height:auto;
}

.AppIcon_CN
{
	width:100%;
	max-width: 217px;
	min-width: 130px;
	height:auto;
	margin-top: -10px;
}


.PCBox
{
	width:100%;
	max-width: 172px;
	min-width: 130px;
	height:auto;
}

.MenuBox
{
	left: 10px;
	top: 120px;
	position:absolute;
/*	right: 20px;*/
	z-index:999;
	max-height:900px;
	/*border: #000 1px solid;*/
	
	display: none;
}

.MenuClose
{
	left: -23px;
	top: -23px;
	position:absolute;
}

.MenuTB
{
	width: 280px;
	color: #797979;
	background-image: url("MenuTB_BG.png");
	font-size: 28px;  
	/*text-shadow: 2px 2px #ebd985;*/
	font-weight:bold;
 	border-radius: 8px;
	box-shadow: 3px 3px 1px #fbe5b6;
}


.ConnectTB
{
	width: 350px;
	color: #797979;
	background-image: url("MenuTB_BG.png");
	
	
 	border-radius: 16px;
	border: #eeeeee 3px solid;
	box-shadow: 3px 3px 1px #eeeeee;
}

.HMenu,.HMenuB
{
	width:100%;
	height: 50px;
	color: #797979;
	font-size: 24px;  
	background-color: #eeeeee;
	font-family:'Microsoft YaHei', 'STHeiti';
	font-weight:bold;
	
}

.Menuhref:link 	{ font-size : 28px; color: #797979;	text-decoration:none;}
.Menuhref:visited	{ font-size : 28px; color: #797979;	text-decoration:none;}
.Menuhref:hover	{ font-size : 28px; color: #c37c49; text-decoration:none;}

.Logo{
	width:60%;
	height:auto;

   max-height:224px;
    max-width:244px;
}

.TopCompanyResize
{
width:100%;
height:auto;

max-width: 900px;

/*margin-Left:-30px;*/
}


.Icon_EN_ON
{
width:100%;
height:auto;
	
	max-width: 106px;
	min-width: 90px;
	
	/*margin-top:5px;
	position:absolute; 
		
	margin-top:0px;
	
	margin-right:10px;*/
}

.Icon_CN_OFF
{
width:100%;
height:auto;
	max-width: 106px;
	min-width: 90px;

}

.TopMenuResize
{
width:100%;
height:auto;

max-width: 70px;
cursor: pointer;
left: -50px;
display: none;
}

.StoreBnResize
{
width:100%;
height:auto;

max-width: 280px;
}

.TopCompanyTB
{
	width:100%;
	max-width: 845px;
}

.TopHams
{
	background-image: url("hk/Top_Hams.png");
	background-repeat: no-repeat;
	background-position: right; 
}

.abouttxt
{
	color: #000;
	font-size: 20px;
}

.abouttxt02
{
	color: #000;
	font-size: 20px;
}

.BDotBar
{
	height: 8px;
	background-image: url("BDot1600.png");
	background-repeat: no-repeat;
	background-position: center; 
}

.CDotBar
{
	height: 8px;
	background-image: url("CDot1600.png");
	background-repeat: no-repeat;
	background-position: center; 
}

.DDotBar
{
	height: 8px;
	background-image: url("DDot1600.png");
	background-repeat: no-repeat;
	background-position: center; 
}

.SlideTB
{
cursor: default; position: relative; top: 0px; left: 0px; width: 730px; height: 450px; overflow: hidden;
}

.TwitterBox
{
	width: 500px;
	padding-left:50px;
	display:table-cell; vertical-align:middle;
}

.ABody {	width:100%;	 height: 150px; background-color:#ffffff;}
.ABottom {  width:100%; height:16px;  background-image: url("ADown01.png"); background-repeat: repeat-x;  background-size: 60px 16px}

.XTop {  height:16px; width:100%; background-image: url("white_up.png");  background-size: 60px 16px}
/*.XBody {	 width:100%; height: 380px; color:#000000;	background-color: #ffc11b;	 }*/
.XBody {	 width:100%; height: 380px; color:#000000;	background-color: #eeeeee; }

.XBottom{ height:16px; width:100%; background-image: url("white_down.png");  background-size: 60px 16px}




.BTitle {height:88px; width:100%; background: url("BTitle.png") no-repeat center;   background-size: 380px 88px}
.BTop { height:16px; width:100%; background-image: url("white_up.png");  background-size: 60px 16px}
.BBottom{height:16px; width:100%; background-image: url("white_down.png");  background-size: 60px 16px}


/*130 space*/
.DTitle {top: 2134px; height:88px; width:100%; background: url("DTitle.png") no-repeat center; position:absolute;  background-size: 380px 88px}
.DTop {top: 2174px; height:16px; width:100%; background-image: url("DUp01.png"); position:absolute; background-size: 60px 16px}
.DBody{top: 2190px; height: 530px; width:100%; color:#000000; background-image: url("DBG01.png"); position:absolute;}
.DBottom{top: 2720px; height:16px; width:100%; background-image: url("DDown01.png"); position:absolute; background-size: 60px 16px}


/*180 space*/
.EndTop { height:16px; width:100%; background-image: url("EndUp.png"); background-size: 60px 18px}
.EndBody{top:100%; height: 300px; width:100%;  background-image: url("RedBottom01.png"); background-repeat: repeat-x;}


.Atxt01{ font-size: 44px; color:#ffffff; text-shadow: 1px 1px #7e4d07;  font-weight:bold;}
.Atxt02{ font-size: 28px; color:#ffffff; text-shadow: 1px 1px #7e4d07;  font-weight:bold;}




.Btxt01HK{ font-family:'Microsoft YaHei', 'STHeiti'; font-size: 44px; color:#ffffff; text-shadow: 1px 1px #143295;  font-weight:bold;}
.Btxt02HK{ font-family:'Microsoft YaHei', 'STHeiti'; font-size: 28px; color:#ffffff; text-shadow: 1px 1px #143295;  font-weight:bold;}

.Btxt01{ font-size: 44px; color:#ffffff; text-shadow: 1px 1px #143295;  font-weight:bold;}
.Btxt02{ font-size: 28px; color:#ffffff; text-shadow: 1px 1px #143295;  font-weight:bold;}

.Ctxt01HK{font-family:'Microsoft YaHei', 'STHeiti'; font-size: 44px; color:#ffffff; text-shadow: 1px 1px #669900;  font-weight:bold;}
.Ctxt02HK{font-family:'Microsoft YaHei', 'STHeiti'; font-size: 28px; color:#ffffff; text-shadow: 1px 1px #669900;  font-weight:bold;}

	
.Ctxt01{ font-size: 44px; color:#ffffff; text-shadow: 1px 1px #22863b;  font-weight:bold;}
.Ctxt02{ font-size: 28px; color:#ffffff; text-shadow: 1px 1px #22863b;  font-weight:bold;}
	
.Dtxt01HK{font-family:'Microsoft YaHei', 'STHeiti'; font-size: 44px; color:#ffffff; text-shadow: 1px 1px #ad3c64;  font-weight:bold;}
.Dtxt02HK{font-family:'Microsoft YaHei', 'STHeiti'; font-size: 28px; color:#ffffff; text-shadow: 1px 1px #ad3c64;  font-weight:bold;}


.Dtxt01{ font-size: 44px; color:#ffffff; text-shadow: 1px 1px #7700bc;  font-weight:bold;}
.Dtxt02{ font-size: 28px; color:#ffffff; text-shadow: 1px 1px #7700bc;  font-weight:bold;}


.TitleTxt
{ 
font-size: 24px;
color:#b3710a;
font-weight:bold;
font-style: normal;
}

.TitleTxtHK
{ 
	font-family:'Microsoft YaHei', 'STHeiti';
	font-size: 24px; 
	color:#b3710a; 
	
	font-weight:bold;


	letter-spacing: 4px;
	
	font-style: normal;
}

.BigLogoDiv
{
	width:100%;
	top: 100px;
	/*left: 70%;*/
	/*height:224px;*/
	/*background-image: url("BigLogo.png");*/
	position:relative;

}

table.EndTB
{
	font-size: 24px;
	color:#ffffff;
}

.FeatureImg
{
	left: 500px;
	top: -350px;
	position:relative;
	
	width:194px;
	
}


.NewsImg
{
	left: 940px;
	top: -439px;
	position:relative;
	
	width:134px;

}

.ConnectBox
{
	display:show;
}

.Pageup
{
	margin:10px ;

	bottom: 10px;

	right:10px;

	display:none;
	position: fixed;

}


@media screen and (max-width: 4000px)
{
	.LayoutA {display: table;}
	.LayoutB {display: none;}
	
	.ConnectBox {display:table;}
	.ConnectBoxB {display:none;}
	.ConnectBoxC {display:none;}

	.ConnectBox{ width:75%;}
	.XBody02 {width:60%;}
	.jssoraMain{width:1128px; height:648px;}
	.SlideTB{ width:1128px; height:648px;}

	.HMenu{display:table;}
	.HMenuB{display:none;}

}

@media screen and (max-width: 2000px)
{
	.LayoutA {display: table;}
	.LayoutB {display: none;}
	
	.ConnectBox {display:table;}
	.ConnectBoxB {display:none;}
	.ConnectBoxC {display:none;}

	.ConnectBox{ width:75%;}
	.XBody02 {width:90%;}
	.jssoraMain{width:730px; height:420px;}
	.SlideTB{ width: 730px; height:420px;}

	.HMenu{display:table;}
	.HMenuB{display:none;}

}





@media screen and (max-width: 1024px)
{
	.LayoutA {display: none;}
	.LayoutB {display: table;}
		

	.ConnectBox {display:none;}
	.ConnectBoxB {display:table;}
	.ConnectBoxC {display:none;}

	.XBody02 {width:730px;}
	.jssoraMain{width:720px; height:420px;}
	.SlideTB{ width: 720px; height:420px;}
	
	.Menuhref:link 	{ font-size : 22px;}
	.Menuhref:visited	{ font-size : 22px; }
	.Menuhref:hover	{ font-size : 22px; }

	.HMenu{display:table;}
	.HMenuB{display:none;}

}

@media screen and (max-width: 680px)
{
	.LayoutA {display: none;}
	.LayoutB {display: table;}
	
	
	
	.Menuhref:link 	{ font-size : 16px;}
	.Menuhref:visited	{ font-size : 16px; }
	.Menuhref:hover	{ font-size : 16px; }

	.ConnectBox {display:none;}
	.ConnectBoxB {display:table;}
	.ConnectBoxC {display:none;}

	.XBody02 {width:610px;}
	.jssoraMain{width:600px; height:300px;}
	.SlideTB{ width: 600px; height:300px;}

	.HMenu{display:table;}
	.HMenuB{display:none;}
}

@media screen and (max-width: 480px)
{
	.LayoutA {display: none;}
	.LayoutB {display: table;}
	
	
	
	.Menuhref:link 	{ font-size : 16px;}
	.Menuhref:visited	{ font-size : 16px; }
	.Menuhref:hover	{ font-size : 16px; }

	.ConnectBox {display:none;}
	.ConnectBoxB {display:none;}
	.ConnectBoxC {display:table;}

	.XBody02 {width:350px;}
	.jssoraMain{width:340px; height:200px;}
	.SlideTB{ width: 340px; height:200px;}

	.HMenu{display:none;}
	.HMenuB{display:table;}
}



.SocTxt
{ 
font-size: 24px;
color:#b3710a;
font-weight:bold;
font-style: normal;
text-decoration:none;
}