.bannercon { position:relative; }
.bannercon .list { display:block; width:100%; position:absolute; top:200px; left:0; }
.bannercon .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.bannercon .list > a.active { background:#eb5700; }

.bannercon .banner > .imgboxcon { height:200px; overflow:hidden; }
.bannercon .banner > .imgboxcon img { height:200px; width:200px; }

.bannercon .banner > .btnprev,
.bannercon .banner > .btnnext { display:block; position:absolute; top:55px; width:40px; height:40px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; }
.bannercon .banner > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.bannercon .banner > .btnprev { left:-10px; }
.bannercon .banner > .btnnext { right:-10px; }




.indexmaincon { display:table; height:330px; width:100%; }
.indexmaincon > .vbox { display:table-cell; overflow:hidden; }
.indexmaincon > .btnset { width:90px; border-left:1px solid #ccc; padding:0; vertical-align:top; padding-top:10px; }
.indexmaincon > .btnset > a { width:100px; height:100px; cursor:pointer; }




.mainbannercon { position:relative; overflow:hidden; }
.mainbannercon .list { display:block; width:100%; margin-top:-20px; }
.mainbannercon .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.mainbannercon .list > a.active { background:#eb5700; }

.mainbannercon .imgbox { overflow:hidden; display:block; width:100%; }
.mainbannercon .imgbox > .imgboxcon { overflow:hidden; display:block; width:100%; height:310px; padding:15px 20px 0 20px; text-align:center; }
.mainbannercon .imgbox > .imgboxcon img { height:160px; width:160px; margin:10px 0; display:inline;}
.mainbannercon .imgbox > .imgboxcon > b { color:#eb5700; display:block; font-size:1.2em; padding:0 17px; margin-top:0px; }
.mainbannercon .imgbox > .imgboxcon > .btnbuy { color:#eb5700; display:inline-block; font-size:.8em; padding:5px 18px; border-radius:25px; border:1px solid #eb5700; margin-top:10px; cursor:pointer; }
.mainbannercon .imgbox > .imgboxcon > .btnbuy:hover { color:#fff; background:#eb5700; }

.mainbannercon .imgbox > .btnprev,
.mainbannercon .imgbox > .btnnext { display:block; position:absolute; top:90px; width:50px; height:50px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; z-index:16; }
.mainbannercon .imgbox > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.mainbannercon .imgbox > .btnprev { left:0px; }
.mainbannercon .imgbox > .btnnext { right:0px; }


.btnlink-phone,
.btnlink-tablet,
.btnlink-retain,
.btnlink-compare { display:block; width:90px; height:40px; margin:0; padding:80px 0 0 0; font-size:.79em !important; text-align:center; vertical-align:top; }

	.btnlink-phone { background:url(../img/btnicon-phone.png) no-repeat 50% 0 / 80%; }
	.btnlink-tablet { background:url(../img/btnicon-tablet.png) no-repeat 50% 0 / 80%; }
	.btnlink-retain { background:url(../img/btnicon-retain.png) no-repeat 50% 0 / 80%; }
	.btnlink-compare { background:url(../img/btnicon-compare.png) no-repeat 50% 0 / 80%; }


.icon-index,
.icon-privacy,
.icon-contactus { display:block; width:90px; height:40px; margin:0; padding:80px 0 0 0; font-size:.79em !important; text-align:center; vertical-align:top; }

	.icon-index { background:url(../css/images/icons-png/icon-index.png) no-repeat 50% 0 / 80%; }
	.icon-privacy { background:url(../css/images/icons-png//icon-privacy.png) no-repeat 50% 0 / 80%; }
	.icon-contactus { background:url(../css/images/icons-png/icon-contactus.png) no-repeat 50% 0 / 80%; }


.indexlinkset { display:block; width:100%; text-align:center; padding:0; margin:-8px -10px 5px -10px; box-sizing:border-box; }
.indexlinkset .btnsub { display:inline-block; width:80px; margin:0; cursor:pointer; font-size:.8em; opacity:0.8; text-decoration:none; }
.indexlinkset .btnsub:hover { opacity:1; }
.indexlinkset .btnsub:nth-child(1) { display:none; } /* first item for Facebook, disable for now. */


.icon-indexsharefb,
.icon-downloadapp,
.icon-versioncomputer,
.icon-signup
 { display:block; width:40px; height:40px; margin:5px auto; vertical-align:top; }

	.icon-indexsharefb { background:url(../img/icon-indexsharefb.png) no-repeat center 50% / 90%; }
	.icon-downloadapp { background:url(../img/icon-downloadapp.png) no-repeat center 50% / 90%; }
	.icon-versioncomputer { background:url(../img/icon-versioncomputer.png) no-repeat center 50% / 90%; }
	.icon-signup { background:url(../img/icon-signup.png) no-repeat center 50% / 90%; }


.footerbtnset3 { display:block; background:#eb5700; }
.footerbtnset3 > a { display:inline-block; width:33%; float:left; box-shadow:none; margin:0 -2px; }
.bar-extand { height:40px; }
.bar-extand > h4 { margin-top:7px; }
.bar-extand > h4 > p { font-size:.8em; }
.twm-contentend { padding-top:0; }