html,body{background:#000;margin:0px;padding:0px;height: 100%; font-family:arial; font-size:20px;}

div{box-sizing:border-box;position:relative;}
.textcenter{text-align:center;}
.container{width:1280px; 	 margin:0 auto;  height: 720px;background:url(../images/bg.png);}
.menuwrap{height:70px;background:#c9c9c9;padding-top:15px;}
ul.menu{padding:0;margin:0; list-style:none;    margin-left: 460px;}
ul.menu li{display:inline-block;padding:7px 15px; width:140px;border-radius:15px;font-size:15px;font-weight:bold;    border-radius: 25px;
color:#FFF;
background-image: -webkit-gradient(linear, 0 0, 0 32.125, from(#f6a9ae), color-stop(0.093, #ec4d59), color-stop(0.125, #ec4d59), color-stop(0.125, #9b121b), color-stop(0.812, #e81d2c));
background-image: -webkit-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: -moz-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: -o-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
border:2px solid #810910;
    margin-left: -29px;
	cursor:pointer;
-webkit-box-shadow: 0px 2px 1px 0px rgba(240,12,107,1);
-moz-box-shadow: 0px 2px 1px 0px rgba(240,12,107,1);
box-shadow: 0px 2px 1px 0px rgba(240,12,107,1);
}
ul.menu li.hver{background-image: -webkit-gradient(linear, 0 0, 0 37.125, from(#ffe7e1), color-stop(0.054, #f8b2bc), color-stop(0.108, #f17e81), color-stop(0.135, #ed676d), color-stop(0.162, #e3534a), color-stop(0.216, #dd460f), color-stop(0.27, #e04809), color-stop(0.324, #df4c00), color-stop(0.432, #ea520f), color-stop(0.54, #ea4b09), color-stop(0.675, #f24d0b), color-stop(0.702, #f54d0c), color-stop(0.729, #f34e0c), color-stop(0.81, #f44f0b), color-stop(0.918, #f54d0c), color-stop(0.945, #f44f0d));
background-image: -webkit-linear-gradient(#ffe7e1, #f8b2bc, #f17e81 10.8%, #ed676d, #e3534a 16.2%, #dd460f 21.6%, #e04809, #df4c00 32.4%, #ea520f 43.2%, #ea4b09 54%, #f24d0b 67.5%, #f54d0c, #f34e0c 72.9%, #f44f0b 81%, #f54d0c 91.8%, #f44f0d 94.5%);
background-image: -moz-linear-gradient(#ffe7e1, #f8b2bc, #f17e81 10.8%, #ed676d, #e3534a 16.2%, #dd460f 21.6%, #e04809, #df4c00 32.4%, #ea520f 43.2%, #ea4b09 54%, #f24d0b 67.5%, #f54d0c, #f34e0c 72.9%, #f44f0b 81%, #f54d0c 91.8%, #f44f0d 94.5%);
background-image: -o-linear-gradient(#ffe7e1, #f8b2bc, #f17e81 10.8%, #ed676d, #e3534a 16.2%, #dd460f 21.6%, #e04809, #df4c00 32.4%, #ea520f 43.2%, #ea4b09 54%, #f24d0b 67.5%, #f54d0c, #f34e0c 72.9%, #f44f0b 81%, #f54d0c 91.8%, #f44f0d 94.5%);
background-image: linear-gradient(#ffe7e1, #f8b2bc, #f17e81 10.8%, #ed676d, #e3534a 16.2%, #dd460f 21.6%, #e04809, #df4c00 32.4%, #ea520f 43.2%, #ea4b09 54%, #f24d0b 67.5%, #f54d0c, #f34e0c 72.9%, #f44f0b 81%, #f54d0c 91.8%, #f44f0d 94.5%)}

ul.menu li:hover{-webkit-box-shadow: 0px -1px 36px 4px rgba(240,12,107,1);
-moz-box-shadow: 0px -1px 36px 4px rgba(240,12,107,1);
box-shadow: 0px -1px 36px 4px rgba(240,12,107,1);
    padding: 10px 16px;
    margin-top: -3px;
	
}


.tabcontent{position:absolute;border:2px solid #000;background:#808080; border-radius: 9px;padding:7px;z-index:100;}
.content{background:#ffffb1;min-width:500px;min-height:200px;border:2px solid #000;border-radius: 1px;padding:55px 6px 15px 6px;position:relative}
.heading{display:inline-block;background:#990000;color:#fffac7;padding:7px 15px;position:absolute;z-index:2;left:9px;top:9px;font-size:31px;    border-radius: 0 0 9px 0;}
.respimg{ max-width: 100%;    margin: 0 auto;
    display: block;
    height: auto;}

ul.bullet{margin:0;padding:0;list-style:none;position:absolute;right:55px;z-index:2;top:12px;}
ul.bullet li{margin:0;padding:0;list-style:none;display:inline-block;width:12px;height:12px;border-radius:100%;border:2px solid #7d7d7d;    margin-left:2px;}
ul.bullet li.selected{background:#990000;}
a.close{width: 47px;
    height: 47px;
    background: url(../images/close.png);
    position: absolute;
    display: block;
    z-index: 2;
    right: 5px;
    top: 1px;}
a.close:hover{width: 48px;
    height: 49px;
    background: url(../images/closeh.png);top: 0px;}
a.min{width:48px;height:47px;background:url(../images/min.png);display: block;
	 position: absolute;
    z-index: 2;
    right: 5px;
    top: 53px;}
a.min:hover{width:49px;height:49px;background:url(../images/minh.png);display: block;
	 position: absolute;
    z-index: 2;
    right: 5px;
    top: 52px;right: 4px;}
a.next{width:58px;height:56px;background:url(../images/next.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    right: 15px;}
	a.next:hover{width:58px;height:58px;background:url(../images/nexth.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    right: 15px;}
a.prev{width:58px;height:56px;background:url(../images/prev.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    left: 15px;}
	a.prev:hover{width:58px;height:58px;background:url(../images/prevh.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    left: 15px;}
	
.inlinhighlight{display:inline-block;background:#15213c;margin:5px 0;border:2px solid #8b2929;border-radius:10px;padding:8px 15px 8px 8px;color:#ffff66;font-size: 28px;cursor:pointer;}
.inlinhighlight:hover{background:#10337d;border:4px solid #8b2929;padding:6px 13px 6px 6px;}
.highlight{display:block;background:#15213c;margin:5px 0;border:4px solid #8b2929;border-radius:20px;padding:8px 15px 8px 8px;color:#ffff66;font-size: 28px;cursor:pointer;
text-align:center}
.highlight:hover{background:#10337d;border:8px solid #8b2929;padding:4px 11px 4px 4px;}
.normaltext{font-size:25px;padding:15px;line-height: 27px;}
.normaltext ol{
    margin: 0;
}

@supports (-webkit-touch-callout: none) {
	.normaltext{font-size:20px;padding:15px;line-height: 27px;}
}

.smalltext{font-size:22px;color:#FFF;line-height:30px;}
.bgbtncolor{background:#f44f0c;}
.clearfix{clear:both;}
.col-4{width:25%;padding-left:15px;padding-right:15px;float:left;}
.col-2{width:50%;padding-left:15px;padding-right:15px;float:left;}
.col-5{width:20%;padding-left:15px; padding-right:15px; float:left;}
.col-10{width:10%;padding-left:15px; padding-right:15px; float:left;}
.smbox{background:#FFF;border:4px solid #000;width:45px;height:45px;display:inline-block;margin:5px;}
.bigbox{background:#FFF;border:4px solid #000;width:45px;height:98px;display:inline-block;margin:5px;}
.smbox1{background:#FFF;border:4px solid #000;width:40px;height:40px;display:inline-block;margin:1px;text-align:center;line-height:40px;cursor:pointer;}

.quesbox{background:#cbd6ff;border:4px solid #990000;padding:20px;border-radius:30px;}
a.check{width:76px;height:27px;background:url(../images/check.png);display:block;}
a.check:hover{width:80px;height:28px;background:url(../images/checkh.png);margin-right:-2px;margin-top:-1px;}
.ques{display:block;background:#15213c;margin:5px 0;border:4px solid #8b2929;border-radius:10px;padding:15px 15px 15px 8px;color:#ffff66;font-size: 28px;cursor:pointer;}
.ques:hover{background:#10337d;border:8px solid #8b2929;padding:11px 18px 11px 4px;}
.quest{display:block;background:#3d7750;margin:5px 0;border:4px solid #788747;border-radius:10px;padding:15px 15px 15px 8px;color:#b1ff65;font-size: 28px;cursor:pointer;}
.quest:hover{background:#3a8771;border:8px solid #788747;padding:11px 18px 11px 4px;}
.rightsign {
    color: #0e9e0e;
    font-weight: bold;
    font-size: 45px;
}
.wrongsign {
    color: #990000;
    font-weight: bold;
    font-size: 45px;
}
.audio{margin: 0 auto;
    display: block;
    position: absolute;
    left: 620px;
	top:560px;
    transform: translateX(-50%);
    z-index: 10;}
a.book-next{width:34px; height:64px; background:url(../images/booknext.png) center no-repeat;display:block; position:absolute;right: 40px; top:560px;bottom: 0;z-index: 10;}
	
a.book-next:hover{width:40px; height:76px;background:url(../images/booknexth.png) center no-repeat;}
a.book-prev{width:34px; height:64px; background:url(../images/bookprev.png) center no-repeat;display:block; margin:0 auto; display:none;position:absolute;left:40px;top:560px;bottom:0;z-index: 10;}
a.book-prev:hover{width:40px; height:76px;background:url(../images/bookprevh.png) center no-repeat;}


.dragimage img{width:135px;margin:0 10px;cursor:pointer;z-index:2;}
.dragbox{background:#badbf0;border:3px solid #333333;	border-radius:10px;text-align:center;padding-bottom:70px;}
.dragbox span{padding:5px 10px;background:#333333;display:inline-block;color:#FFF;border-radius:0 0 3px 3px;}
.meanings div{font-size:18.22px;}
.highlight span{color:#990101;}
.bluebox{background:#cbd6ff;border:4px solid #990000;padding:15px;font-size:30px;border-radius:30px;}
.bluebox span{color:#ff0101;}
.normaltext span{color:#9a0101;font-weight:bold;}
.btn{width:200px;height:70px;background-image: -webkit-gradient(linear, 0 0, 0 32.125, from(#f6a9ae), color-stop(0.093, #ec4d59), color-stop(0.125, #ec4d59), color-stop(0.125, #9b121b), color-stop(0.812, #e81d2c));
background-image: -webkit-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: -moz-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: -o-linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%);
background-image: linear-gradient(#f6a9ae, #ec4d59 9.3%, #ec4d59 12.5%, #9b121b 12.5%, #e81d2c 81.2%)}
.bold{font-weight:bold;}
.maxwrap{position:relative;top:520px;}
.maxdiv{position:absolute;display:inline-block;background:#808080;border:1px solid #000;border-radius:3px;bottom:10px;padding:5px;z-index:15;margin-left: 49px;}
.maxcontent{background:#990000;border:4px solid #000;color:#fffac7;font-size:16px;padding:5px 10px;}

a.max{width:38px; height:37px;background:url(../images/max.png); position:absolute;display:block;    z-index: 20;
    right: -19px;
    top: -16px;}
	a.max:hover{background:url(../images/maxh.png);}
	

.pic
{
  position:inherit;
  top:5px;
  left:350px;
  border: 5px solid red;
  padding: 5px;
  align:center;
}

#pk
{
  position:inherit;
  top:600px;	
}

a.nextActi{width:58px;height:56px;background:url(../images/next.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    right: 15px;}
	a.nextActi:hover{width:58px;height:58px;background:url(../images/nexth.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    right: 15px;}
a.prevActi{width:58px;height:56px;background:url(../images/prev.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    left: 15px;}
	a.prevActi:hover{width:58px;height:58px;background:url(../images/prevh.png);display: block;
	 position: absolute;z-index:2;    bottom: 15px;
    left: 15px;}
	
.typeArea{
	height: 48px;
    background-color: #fff;
    overflow: hidden;
    font-size: 14px;
    font-style: normal;
    border: 1px #000 solid;
    padding: 2px;
    margin: 5px 0 0 0;
}
.ansBtn{
	width: 41px;
    background-color: #e80303;
    border-radius: 5px;
    border: 2px solid #000;
    padding: 2px;
    font-size: 0.6em;
    font-weight: normal !important;
    text-align: center;
    cursor: pointer;
    color: #fff !important;
    user-select: none;
    z-index: 1;
}
.ansPopup{
	background-color: #fff;
    border: 2px solid;
    border-radius: 4px;
    width: 181px;
    padding: 9px;
    margin: 4px 0 0 3px;
    position: absolute;
    font-size: 20px;
    color: #272727 !important;
    display: none;
    position: absolute;
    z-index: 1;
}
.normaltext div{
	margin: 12px;
}
.iframeCont{
	width:875px;
	height: 587px;
}
.iframeAct{
	width: 908px;height: 577px; margin: -19px 0 0 -16px;
}