

#worksheet  { background-position: center;  	 background-repeat: no-repeat; background-size: cover; max-width:1160px; margin:auto;}

#sheetback1{width: 100%; color: rgb(255, 255, 255) !important; padding-top: 170px; padding-bottom: 20px; margin-top: 70px; min-height: 17px; }
	


#sheetback {}

	
#slogan {color: rgb(0, 0, 0); font-weight: 100; font-size: 30px; }
#sloganDesc {font-weight: 300 }
#getAppNow { font-weight: 400;}

.topblock  { width:95%;}	
.topblocks  {margin-left:auto;margin-right:auto; width:95%}	

#indexlogo {
	background-position: center; text-shadow: 0px 0px 1px #999; background-repeat: no-repeat; background-size: cover;padding-top: 70px;
}

@media all and (min-width:370px)
{
	
#indexlogo {
width: 100%;   padding-bottom: 20px; margin-top: 0px; min-height: 200px; padding-top: 50px;}
}	

@media all and (min-width:961px)
{
.topblock  { width:80%;display:inline-block;}	
.topblocks {margin-left:auto;margin-right:auto; width:80%}	
	
#indexlogo {
	width: 100%; color:white;  padding-bottom: 20px; margin-top: 0px; min-height: 400px; padding-top: 170px;}
#slogan {	color:#000000;margin: 0px 0px 35px; line-height: 1.2; font-size: 75px;
}
#sloganDesc {color:#000000;	width: 500px; font-size: 30px; font-weight: 300 !important; margin-bottom: 80px;
}



}

.home .hometitle     {color: rgb(73, 71, 81); font-size: 20px; margin-left: 0px; vertical-align: middle; display: inline-block;}
.home .homesubtitle {margin-left: 20px; color: rgb(73, 71, 81); font-size: 16px; margin-left: 20px;}
.home .homecontent {font-size: 14px;margin-left: 20px;}
.home .homelittle {font-size: 12px;margin-left: 20px;}

@media all and (min-width:900px)
{ 
.home {	height: 400px;} 
.home > .container {	height: 100%; position: relative;}
.home .moduleHead {width: 100%; margin-top: 90px;}
.home .hometitle {color: rgb(73, 71, 81); font-size: 50px; margin-left: 20px; vertical-align: middle; display: inline-block;}
.home .homesubtitle {	margin-left: 20px; color: rgb(73, 71, 81); font-size: 24px;}
.home .homecontent {	font-size: 24px;}
.home .homelittle {	font-size: 18px;}

.imgDecorations {
	background-position: bottom; width: 100%; height: 0px; padding-bottom: 68.75%; position: relative; z-index: 0; background-repeat: no-repeat; background-size: auto 100%;
}
.popupImg {
	background-position: center; margin: 0px; padding: 0px 0px 40.62%; width: 40.62%; height: 0px; position: absolute; z-index: 1; transition-delay: 0.3s; background-repeat: no-repeat; background-size: contain; -webkit-transition-delay: 0.3s;
}
.home .imgdecps {width: 50%; height: 100%; bottom: 0px; position: absolute; z-index: 0; background-repeat: no-repeat; background-position-y: bottom; background-size: auto 90%;
}

}

#cfooter { background:#517ad1;height:35px;color:white;  }
#cfooter a {color:white;  white-space: nowrap;}
#cfooter a:hover {	 color:white; }
#cfooter a:visited {color:white; }
#cfooter .foot { padding-top:5px;}

.handcell {margin-bottom:30px;width:60px}
.itemicon  {margin-left:20px; margin-top:5px;width:32px;}
	@media all and (min-width:960px)
{
	

.blockindex {width:50%; }	
.blockleft  {width:50%; float:left;}
.blockright {width:50%; float:right;}
.handcell {margin-bottom:50px;width:103px}
.itemicon  {margin-left:20px;width:64px;}
}


.home .imgdesp {width:100%;height:100%;}



.blockindex {background:inherit; display:inline-block; height:100%}




#videodetail {color: white;	padding: 10px; border-radius: 10px; border: 1px solid rgb(255, 87, 34);
 font-size: 15px;
 margin-top: 10px; margin-bottom: 10px; display: inline-block; position: relative; background-color: rgb(255, 87, 34);
}
@media all and (max-width:500px)
{
#videodetail {padding: 3px; border-radius:5px;}	
}

#videodetail:hover {	background-color: white; border: 1px solid rgb(255, 87, 34); border-image: none; color: rgb(255, 87, 34);
 
}
#videodetail:hover::after {	border-left-color: rgb(255, 87, 34);
}
#videodetail::after {	border-width: 8px 8px 8px 8px; border-style: solid none solid solid;
 border-color: transparent currentColor transparent rgb(255, 255, 255); 
 width: 0px; height: 0px; margin-bottom: -1px; margin-left: 10px; vertical-align: baseline; display: inline-block; content: " ";
}









#topdo1  {display:block;}	

@media all and (min-width:800px)
{
	
#topdo  {display:block;}	
}


#topdo {
	
	
	bottom: 0px; width: 100%; left: 0px; position: fixed; z-index: 1000; text-align:center; background-color: rgb(0, 115, 186);
}

#topdo a {text-align: left; color:white;  white-space: nowrap;}
#topdo a:hover {	text-align: left; color:white;  white-space: nowrap;}
#topdo a:visited {text-align: left; color:white;  white-space: nowrap;}
#topdo span {text-align: left; color:white;  white-space: nowrap;}
#topdo .contact {padding-top: 3px; padding-bottom: 3px; width: 80px; text-align: center; margin-left:-2px; margin-right:-2px;
	display: inline-block; margin-top:-20px;  background-color: rgb(0, 115, 186); border-top-left-radius:50%; border-top-right-radius:50%;  border-top:rgb(0, 115, 186) 5px solid; 
}
#topdo .contact:first-child { }
#topdo .contact:Last-child { }
#topdo .contact .helper1 { margin:10px 10px;
	top: 0px; width: 50%; height: 100%; left: 0px; display: block; position: absolute; z-index: 2;  background: rgba(113,154,241,1);
}
#topdo .contact .icon { 
	background: no-repeat center; width: 50px; height: 70px; vertical-align: middle;
	display: inline-block; position: relative; z-index: 999; cursor: pointer;
}




#topdo .contact .icon_home.icon    {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_homeb.png");  no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_phone.icon  {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_phone.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_email.icon  {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_email.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_price.icon  {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_price.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_qrcode.icon  {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/qrscan-c.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_save.icon  {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_save.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_qanda.icon   {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_qanda.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_infos.icon    {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_infos.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_buygold.icon {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_buygold.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_notify.icon {border-radius:18px;width: 35px; height: 35px; background-image: url("_img/icon_notify.png"); no-repeat center center  fixed;  background-size: cover;}
#topdo .contact .icon_accept.icon { border-radius:18px; width: 35px; height: 35px; background-image: url("_img/icon_accepth.png"); no-repeat center center  fixed;  background-size: cover;}



.iaacon_price {width: 35px; height: 35px; background-image: url("_img/icon_price.png");}

#nottlabel {font-style: normal;font-size:70%;cursor:pointer;content:'22';
		background-color:red;display:table;width:20px;float:center;border-radius:15px;z-index:999; text-align:center;}
		
#topdo .contact .smallicon1{
	padding: 0px 20px; transition:0.2s ease-in; top: 5px; height: 37px; left: 0px; 
	color: rgb(255, 255, 255); line-height: 37px; 
	background-color: rgb(0, 87, 34);
	font-size: 12px; font-weight: bold; display: inline-block; 
	position: absolute; z-index: 1; opacity: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px;
	-webkit-transition: all 0.2s ease-in;
}
#topdo .contact:hover .smallicon {left: 50%; opacity: 1;}


.faqblock { padding-left:10px; padding-right:10px;display:none; color:#223322; background:#ffffff;  }
.faqcnt { padding-top:20px; padding-bottom:20px;border-top: 1px red dotted;}
.faqcnt:last-child { border-bottom: 1px red dotted;}




