@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 2000px){
.mega-set{position:relative;width:32%;right:19%;top:-43px; z-index:100;}
.pannel-bord{border: 1px solid #CCC;height:411px;}
.lap-position{position:relative;top:-74px;right:0%;height:165px;}
.cover-post{width:99%;position:relative;top:-70px;right:0%;}
.title-width{width:59%;}
.reffer{position:relative;top:10px;left:-9%;width:100%;}
.pannel-set{height:323px;}
.pann-orange{height:219px; }
	}


@media only screen and (max-width: 1500px){
.mega-set{position:relative;width:32%;right:19%;top:-43px; z-index:100;}
.pannel-bord{border: 1px solid #CCC;height:411px;}
.lap-position{position:relative;top:-74px;right:0%;height:165px;}
.cover-post{width:99%;position:relative;top:-70px;right:0%;}
.title-width{width:59%;}
.reffer{position:relative;top:10px;left:-9%;width:100%;}
.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:0%;}
.pannel-set{height:380px;}
.pann-orange{height:298px;}
	}



@media only screen and (max-width: 991px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:284px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:99%;}
	.reffer{position:relative;top:10px;left:-9%;width:100%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:20px !important;}
	.pannel-set{height:300px;}
	.pann-orange{height:auto; }
	}





@media only screen and (max-width: 900px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:284px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:99%;}
	.reffer{position:relative;top:10px;left:-9%;width:100%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:11%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:20px !important;}
	.pann-orange{height:auto; }
	}

@media only screen and (max-width: 801px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:284px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:99%;}
	.reffer{position:relative;top:10px;left:30%;width:100%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:4%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:15px !important;}
	.pann-orange{height:auto; }
	}


@media only screen and (max-width: 800px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:284px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:270px;margin-left:70px;}
	.reffer{position:relative;top:10px;left:30%;width:150px;}
	.title-mrg{margin-top:8%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:15px !important;}
	.pann-orange{height:auto; }
	}



@media only screen and (max-width: 700px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:234px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:49%;position:relative;right:-45%;top:-240px;}
	.reffer{position:relative;top:10px;left:-3%;width:40%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:15px !important;}
	.pann-orange{height:auto; }
	}



@media only screen and (max-width: 600px){
	.mega-set{position:relative;width:32%;right:5%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:184px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:180px;position:relative;right:-34%;top:-176px;}
	.reffer{position:relative;top:10px;left:-9%;width:41%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:15px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:15px !important;}
	.number-pan ul li{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#000;font-size:12px;}
    .number-pan ul li:hover{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#090;font-size:12px;}
	.pann-orange{height:auto; }
	}


@media only screen and (max-width: 500px){
	.mega-set{position:relative;width:32%;right:7%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:auto;position:relative;top:88px;}
	.lap-position{position:relative;top:-63px;right:0%;height:144px;}
	.cover-post{width:99%;position:relative;top:-24px;right:0%;}
	.title-width{width:180px;position:relative;right:-8%;top:-109px;}
	.reffer{position:relative;top:10px;left:-39px;width:50%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:24%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:10px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:10px !important;}
	.number-pan ul li{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#000;font-size:11px;}
    .number-pan ul li:hover{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#090;font-size:11px;}
	.pann-orange{height:auto; }
	}

@media only screen and (max-width: 320px){
	.mega-set{position:relative;width:32%;right:11%;top:-43px; z-index:100;}
	.pannel-bord{border: 1px solid #CCC;height:236px;position:relative;top:32px;}
	.lap-position{position:relative;top:-63px;right:0%;height:99px;}
	.cover-post{width:99%;position:relative;top:-70px;right:0%;}
	.title-width{width:99%;position:relative;right:41%;top:8px;}
	.reffer{position:relative;top:10px;left:-9%;width:100%;}
	.center-pannel{margin:auto; overflow:hidden;width:90%;padding-top:14%;}
	.square{position: absolute;top: -10px !important;left:0;margin-top:-13px;margin-left: -10px;cursor: pointer;width:10px !important; 
	border-radius: 8px;color: #FFF;font-size: 14px;line-height: 20px !important;text-align: center;padding-top: 13px;height:40px !important;}
	.dragdealer {position: relative;height:10px !important;}
	.number-pan ul li{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#000;font-size:9px;}
    .number-pan ul li:hover{list-style-type:none;float:left;width:6%;line-height:20px; text-align:center;color:#090;font-size:9px;}
	.pann-orange{height:auto; }
}