/*手機直向 */
@media screen and (max-width: 768px)and  (orientation:portrait){
    .section_rwd{
        margin-top:48px !important;
    }
    
}
@media screen and (max-width: 1280px){
	.li-transform{
    	transform:rotateX(180deg);transform: rotateY(180deg);
    }
    .img-transform{
    	transform:rotateX(-180deg);transform: rotateY(-180deg);
    }
    .home_page_rwd {
	    height: auto;
	}
}
@media screen and (min-width: 813px) and (max-width:768px){
	.section_rwd{
        margin-top:0px;
    }
}
/*手機橫向*/
@media screen and (min-width: 479px) and (max-width:812px) and  (orientation:landscape){
	.home_page_rwd{
		height: auto;
    }
	.section_rwd{
        margin-top:0px !important;
	}
}

@media screen and (max-width: 768px){
	#topBar, #topBar>.container {
	    /*min-height: 65px;*/
	    min-height: 50px;
	}
}
@media screen and (max-width: 736px) {
    #topBar {
        /*min-height: 65px  !important;*/
        min-height: 50px  !important;
    }
}

@media (max-width: 575px){
	.md-footer-p {
	    text-align: center;
	    display: block;
	    font-size: 17px;
	}
}
@media (min-width: 576px){
	.modal-dialog-m{
		margin: 200px auto !important;
		max-width: 385px !important;
	 }
	 .modal-dialog-m2{
	 	min-width: 630px !important;
	 }
	 .box{
		/*width: 706px;*/
		width: 100%;
	    height: 638px;
	    margin: auto;
	    position: relative;
	}
}

@media (min-width: 1280px){
	.min-width1280-none {
	    display: none!important;
	}
	
}
@media (max-width: 1024px){
	.hidden-sm-down {
	    display: none !important;
	}
}

/*行動版*/
@media screen and (max-width: 1280px){
	.icon-circle-style {
        background-color: rgba(255, 255, 255, 1) !important;
        border-radius: 50%;
        width: 65px !important;
        height: 65px;
        display: inline-block;
        /*padding-top: 3px;*/
        text-align: center;
        /*margin-left: 10px;*/
        /*margin-top: 15px;*/
    }
    .game-div-small2-icon:before {
      /* color: #fff; */
      /* font-size: 63px; 
            font-size: 50px;
            line-height: 65px;*/
        font-size: 53px;
   	 	line-height: 71px;
    }
    /*真人娛樂ICON*/
    .icon-clive-m:before {
        color: #ff0000;
        margin-left: -3px;
    }
    /*彩票賓果ICON*/
    .icon-clottery-m:before {
        color: #ffbe00;
        margin-left: -3px;
    }

    /*體育競技ICON*/
    .icon-cphysical-education-m:before {
        color: #72a70e;
    }
    /*電子遊戲ICON*/
    .icon-celectronic-games-m:before {
        color: #013ea8;
        padding-left: 5px;
    }

    /*會員報表ICON*/
    .fa-bar-chart-m:before {
        color: #9f078e;
            line-height: 62px;
    }

    /*會員中心ICON*/
    .fa-user-m:before {
        font-size: 39px !important;
	    color: #28b394;
	    line-height: 67px;
    }

    /*財神影城ICON*/
    .icon-fortune-m:before {
        color: #f35126;
    }

    /*APP下載ICON*/
    .icon-app-phone-2-m:before {
        color: #d5375f;
    }
    .row_user {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 8px 0 4px 0;
        margin-right:0;
        margin-left:0;
    }
    .row_slider {
        padding-left:5px;
        padding-right:5px;
        margin-bottom: 15px;
    }


    section div.col_user>div {
        margin:5px 0 !important ;
    }

    .user_info{
        width:100%;
        /*height:30px;*/
        font-size: 14px;
        padding: 0 10px;
        color: #FFF;
        background-color: #1853bb;
    }
    .user_info .user_data{
        width:100%;
        height:20px;
        line-height: 20px;
        text-align: center;
        padding:0;
        display: inline-block;
        border-radius:100px;
        color: #FFF;
        background-color: #0068dc;
    }

    .usericon_label {
        margin: 0;
        height: 70px;
        line-height: 70px;
        color: #fff;
    }

    .icon-usericon-circle {
        background-color: rgba(255, 255, 255, 1) !important;
        border-radius: 50%;
        width:50px !important;
        height:50px;
        display: inline-block;
        text-align: center;
        /*padding-top: 3px;*/
        margin-left: 5px;
        /*margin-top: 15px;*/
    }

    .user-div-small-icon:before {
        color: #1b6398;
        /* font-size: 63px; */
        font-size: 35px;
        line-height: 50px;

    }

    .userdata_label {
        width: 112%;
        font-size: 12px;
        line-height: 30px;
        color: #fff;
        margin-left: -5px;
        margin-bottom: 0;

    }
    .icon-circle-style > .fa-user:before {
        color: #004c8a;
    }

    .col_user > .col-6,.col-sm-6{
        padding-left: 5px;
        padding-right: 5px;
    }
    .login-i:before {
    	    font-size: inherit !important;
    	    color: #fff !important;
    }
    .footer-icon-icomoon-2:before{
    	font-size: 30px !important;
    line-height: 37px !important;
    }
    .game-icon:before{
    	color: #45ab97;
    }
	.formRechargeLastCode-img{
		width: 100%;
	    height: auto;
	}
	.formRechargeLastCode-h{
		padding: 0;
	}
	.homepage_marquee{
		height: 42px !important;
	    position: fixed !important;
	    top: 0 !important;
	    width: 100% !important;
	    z-index: 1000 !important;
	    background-color: #1386d6 !important;
	        background-image: initial;
	}
	.gameBtnWidth{
		width: 100% !important;
	}
	#ui-datepicker-div{
		top:200px !important;
	}
	.time-btn-rwd{
    	margin-bottom: 10px !important;
    }
    .time-btn-rwd-p{
		padding-left: 7px !important;
    	padding-right: 7px !important;
	}
	.rwd-m-b{
		margin-bottom: -20px !important;
	}
	.box-content div{
		margin-bottom: 15px !important;
	}
	.OnlineService-margin{
		margin-right: auto !important;
	}

    .login-btn{
       border-radius: 6px;
       /*background-color: #1FC7D8;
       border-color: #1FC7D8;*/
           background-color: #9d78dc;
    	border-color: #9d78dc;
       color: #fff;
    }
    .login-msg-again {
	    background-color: #0080ff !important;
	    border-color: #0080ff !important;
	    color: #fff;
	}
    #topBar .logo-left a.logo {
	    height: 70px;
	    line-height: 50px;
	}
	#topBar .logo-left a.logo {
	    height: 60px !important;
	    overflow: hidden;
	    display: inline-block;
	}
	.menu-style{
	  /*top: -19px !important;
    left: -76px !important;
    min-width: 320px !important;*/
	    top: 3px !important;
    	left: -14px !important;
    	min-width: 320px !important;
	}
	.game-row{
	  padding-left: 17px;
      padding-right: 17px;
    }
	.game-div{
	  padding: 0;
      text-align: center;
      /*color: #fff;*/
      background-color: rgba(12, 12, 12, 0.08);
      max-width: 24%;
      margin-left: auto;
      margin-right: auto;
	}
	.game-div-big{
		max-width: 49%;
    	min-height: 98px;
    	text-align: left;
    	background-color: rgba(0, 222, 245, 0.35);
	}
	.game-div-small{
		min-height: 109px;
    	max-width: 32%;
	}
	.game-div >a>i{
		line-height: 55px;
    	margin-top: 5px;
    	font-size: 43px;
	}
	.game-row >div>p{
		margin-bottom: 5px;
	    text-align: center;
	    color: #fff;
	    font-size: 14px;
	    margin-top: 0;
	}
	
	
	.icon_label{
		position: absolute;
	    top: 40px;
	    left: 58%;
	    font-size: 15px;
	    letter-spacing: 1px;
	    color: #fff;
	}
	.game-div-small >div{
    	display: inline-block;
    	margin-top: 10px;
	}
	.game-div-small >div>a>label{
		position: static;
	}
	.game-div-small-icon:before{
		/*color: #fff;*/
        /*font-size: 63px;*/
        font-size: 60px;
    	line-height: 72px;
	}
	.game-div-small-fa:before{
		font-size: 41px;
	}
	.footer-icon-fa:before{
		/*color:#fff;*/
		font-size: 30px;
    	line-height: 34px;
	}
	.footer-icon-fa-2:before{
		/*color:#fff;*/
		    font-size: 37px;
    line-height: 38px;
	}
	.footer-icon-icomoon:before{
		/*color: #fff;*/
	        font-size: 34px;
    line-height: 36px;
	}
	.footer-icon-icomoon-m:before{
		font-size: 34px;
    	line-height: 38px;
	}
	.copyright-rwd{
		max-height: 58px;
	    padding-top: 2px !important;
	    background: #343434 !important;
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	}
	.footer-rwd{
		padding-bottom:106px !important;
	}
	.rwd-icon-hover:hover{
		background-color: rgba(0, 0, 0, 0.49) !important;
	}
	.realityHall-game-bg-right{
	    width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/realityHall/bg-right.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .realityHall-game-bg-left{
	    width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/realityHall/bg-left.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .electronicHall-game-bg-right{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/electronicHall/bg-r.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .electronicHall-game-bg-left{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/electronicHall/bg-l.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .sportsHall-game-bg-right{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/sportsHall/ysb-bg2.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .sportsHall-game-bg-left{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/sportsHall/ysb-bg.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .lotteryHall-game-bg-right{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/lotteryHall/bg-right.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .lotteryHall-game-bg-left{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/lotteryHall/bg-left.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .chessboardHall-game-bg-right{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/chessboardHall/bg-right.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .chessboardHall-game-bg-left{
    	width: 100%;
	    height: auto;
	    /*max-width: 768px;*/
	    display: flex;
	    margin: 0px auto 0px;
	    background-image: url(../images/rwd-game-img/chessboardHall/bg-left.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
    }
    .section-game-rwd{
       padding-top: 100px !important;
    }
    .game-ul-ts-rwd{
       font-size: 13px;
    }
    .col-width-rwd{
    	width: 33%;
    	height: 100%;
    }
    .game-a{
		height: 82px;
	    display: flex;
    }
    
	#PointCenterSection div.row>div {
    	margin-bottom: 17px !important;
	}
	.caution{
		position: absolute !important;
		top: 30% !important;
	    left: 42% !important;
	    right: 46% !important;
	    z-index: 99 !important;
	}
	.pointCenter-a{
	
      left: 75% !important;
   }
   .pointCenter-game-a{
   	  left: 67% !important;
   }
   #md-login-bg .tab-content{
   	  z-index: 0;
   }
   .modal-open-s{
	  position: fixed !important;
      width: 100% !important;
   }
	
	.icon-app-phone-2-style:before {
	    /*color: #054D7E;*/
	    font-size: 46px;
	    line-height: 65px;
	}
	.icon-bg-style{
		background-color: rgba(255, 255, 255, 1) !important;
	    border-radius: 50%;
	    width: 65px!important;
	    height: 65px;
	    display: inline-block;
	    padding-left: 9px;
	    margin-left: 10px;
	    margin-top: 15px;
	}
	.medal-div{
	   margin-bottom: 0px !important;
	   padding-right: 0px !important;
       padding-left:  0px !important;
	}
	.medal-div2{
	   margin-bottom: 0px !important;
	   padding-right: 15px !important;
       padding-left:  15px !important;
	}
	.medal-span{
		font-size: 16px !important;
	}
	.medal-span2{
		font-size: 14px !important;
	}
	.medal-img{
		max-width: 71px !important;
	    width: 100% !important;
	    height: auto !important;
	}
	.startEffective-style{
		padding-left: 15px !important;
	}
	.endEffective-style{
		padding-right: 15px !important;
	}
	.game-row-rwd:hover{
		background-color: #000;
	}
	.game-a-rwd:hover{
	    opacity: 0.5;
	}
	#MemberConditionModal .modal-body{
   	  max-height: 403px !important;
   	  overflow: hidden !important;
      overflow-y: auto !important;
   }
   .cart-count-m{
     /*top: 5px;
      right: 11px;
   	  text-align: center;*/
   	  top: 0px;
    right: 3px;
    text-align: center;
   }
}

@media screen and (min-width:813px) and (max-width:1024px){
    .OnlineService-girl-div{
        position: fixed;
        top:17%;
        bottom: 0px;
        left:22%;
        width: 60%;
    }

    .OnlineService-width-rwd{
        width:80% !important;
    }


    .box-content {
        /*height: 220px;*/
        position: absolute;
        top:36%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        margin-top: 18px;
    }


}
@media screen and (min-width:1025px) and (max-width:1280px) {

    .OnlineService-girl-div {
        position: fixed;
        bottom: -9px;
        left: 24%;
        width: 50%;
    }
}
@media screen and (min-width:769px) and (max-width:812px){
    .OnlineService-girl-div{
        position: fixed;
        bottom: 0px;
        top: 0;
        left: 27%;
        width: 40%;
    }

    .OnlineService-width-rwd{
        width:80% !important;
    }
    .OnlineService-width-rwd img{
        width: 47%;
    }

    .box-content {
        /*height: 220px;*/
        position: absolute;
        top:8%;
        right: 0;
        bottom: 0;
        left: -10%;
        margin: auto;
        margin-top: -32px;
    }


}
@media screen and (min-width:737px) and (max-width:768px){
    .OnlineService-girl-div{
        position: fixed;
        bottom: 0px;
        left: 3%;
        width:115%;
    }
    .box-content {
        /*height: 220px;*/
        position: absolute;
        top:40%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
}
@media screen and (min-width:568px) and (max-width:736px){
    .OnlineService-girl-div{
        position: fixed;
	    bottom: 0px;
	    top: 3%;
	    left: 27%;
	    width: 50%;
    }

    .OnlineService-width-rwd{
        width:50% !important;
        text-align: center;
    }

    .OnlineService-width-rwd img{
        width:50% !important;
    }

    .box-content {
        /*height: 220px;*/
        position: absolute;
        top:-20%;
        right: 0;
        bottom: 0;
        left: 0%;
        margin: auto;
        margin-top: 130px;
    }

    .box-content div {
        margin-bottom: 0;
    }
}

@media screen and (min-width:0px) and (max-width:567px){
    .OnlineService-girl-div{
        position: fixed;
	    top: -1%;
	    bottom: 0;
	    left: -1%;
	    width: 157%;
        /*display: none;*/
    }
    .box-content {
        /*height: 220px;*/
        position: absolute;
        top:4%;
        right: 0;
        bottom: 0;
        left: 0%;
        margin: auto;
        margin-top: 133px;
    }

    .OnlineService-width-rwd{
        text-align: center;
        vertical-align: middle;
    }
    .box-content div {
         margin-bottom: 0px !important;
    }
    .OnlineService-width-rwd img{
        width:55% !important;
    }
}


@media screen and (min-width: 767px) and (max-width:1024px){
	.login-modal-pl{
		padding-left: 180px !important;
	}
	/*.ipad-page-pt{
		padding-top: 118px !important;
	}*/
	
}
@media screen and (min-width: 0px) and (max-width:480p){
	.PointCenter-icon {
	    font-size: 40px !important;
	    margin-left: 31px !important;
	    line-height: 61px !important;
	    color: #16e3ef !important;
	}
	.PointCenter-icon-wallet {
	    font-size: 45px !important;
	    margin-left: 12px !important;
	    line-height: 47px !important;
	    color: #16e3ef !important;
	}
}

@media screen and (min-width: 767px) and (max-width:1024px)  {
	.PointCenter-icon {
	    font-size: 40px !important;
	    margin-left: 9px !important;
	    line-height: 61px !important;
	    color: #16e3ef !important;
	}
	.PointCenter-icon-wallet {
	    font-size: 34px !important;
	    margin-left: 1px !important;
	    line-height: 47px !important;
	    color: #16e3ef !important;
	}
}