.rbt{
  	width: 100%;
  	text-align: center;
  }
  .container { 
    /*margin-left: 100px;*/
    width: 800px;
  	/*max-width: 800px; */
  	/*height: 560px; */
    /*background-image: url("image/noodle_pic.jpg");*/
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
  }
  .resizable { 
  	background-position: top left; 
  	width: 0px; 
  	height: 560px; 
  	/*background-color: rgba(33,33,33,0.6);*/
    /*background-image: url("image/noodle_handdraw.jpg");*/
    background-size: 800px 560px;
    position: relative;
  	/*background-color: #f00;*/
    background-repeat: no-repeat;
    max-width: 800px;
  }
  .menuframe { 
 	/*width: 120px;*/
 	width: 880px;
  	height: 616px;
  	background-image: url("../../images/menu/menuframe.png");
  	background-repeat: no-repeat;
  	/*background-color: #f00;*/
  	background-size: 100%;
  	margin: -28px 40px 28px -40px;
  	position: absolute;
  	left: 0;
  	/*right: 60px;*/
  	top: 0px;
    cursor: w-resize;
    /*display: none;*/
  	/*border-radius: 15px;*/
  	/*background-position:  right;*/
  }
  .resizable, .container { padding: 0px; }
  .btn {
  	width: 120px;
  	height: 120px;
  	background-image: url("../../images/menu/PULL_ME_iCON.png");
  	/*background-color: #f00;*/
  	background-size: 100%;
  	position: absolute;
  	right: -60px;
  	top: 220px;
    cursor: w-resize;
    z-index: 999;
  	/*border-radius: 15px;*/
  	/*background-position:  right;*/
  	animation: btnamimation 1s;
    animation-iteration-count:infinite;
  }

  .btn:hover {
  	/*animation-iteration-count:1;*/
  }

@keyframes btnamimation {
    0%, 100% {transform: translateX(0);}
    25%, 75% {transform: translateX(10px);}
    50% {transform: translateX(0px);}
}
	@media screen and (max-width: 960px) {
	    .container { 
		    /*margin-left: 100px;*/
		    width: 600px;
		  	/*max-width: 800px; */
		  	/*height: 560px; */
		    /*background-image: url("image/noodle_pic.jpg");*/
		    background-size: 100%;
		    background-repeat: no-repeat;
		    margin: auto;
		}
		.resizable { 
		  	background-position: top left; 
		  	width: 0px; 
		  	height: 420px; 
		  	/*background-color: rgba(33,33,33,0.6);*/
		    /*background-image: url("image/noodle_handdraw.jpg");*/
		    background-size: 600px 420px;
		    position: relative;
		  	/*background-color: #f00;*/
		    background-repeat: no-repeat;
		    max-width: 600px;
		}
		.menuframe { 
		 	/*width: 120px;*/
		 	width: 660px;
		  	height: 462px;
		  	background-image: url("../../images/menu/menuframe.png");
		  	/*background-color: #f00;*/

		  	background-size: 100%;
		  	margin: -21px 30px 21px -30px;
		  	position: absolute;
		  	left: 0;
		  	/*right: 60px;*/
		  	top: 0px;
		    cursor: w-resize;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
		.resizable, .container { padding: 0px; }
		.btn {
		  	width: 90px;
		  	height: 90px;
		  	background-image: url("../../images/menu/PULL_ME_iCON.png");
		  	/*background-color: #f00;*/
		  	background-size: 100%;
		  	position: absolute;
		  	right: -45px;
		  	top: 165px;
		    cursor: w-resize;
		    z-index: 999;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
	}
	@media screen and (max-width: 740px) {
	    .container { 
		    /*margin-left: 100px;*/
		    width: 350px;
		  	/*max-width: 800px; */
		  	/*height: 560px; */
		    /*background-image: url("image/noodle_pic.jpg");*/
		    background-size: 100%;
		    background-repeat: no-repeat;
		    margin: auto;
		}
		.resizable { 
		  	background-position: top left; 
		  	width: 0px; 
		  	height: 245px; 
		  	/*background-color: rgba(33,33,33,0.6);*/
		    /*background-image: url("image/noodle_handdraw.jpg");*/
		    background-size: 350px 245px;
		    position: relative;
		  	/*background-color: #f00;*/
		    background-repeat: no-repeat;
		    max-width: 350px;
		}
		.menuframe { 
		 	/*width: 120px;*/
		 	width: 390px;
		  	height: 273px;
		  	background-image: url("../../images/menu/menuframe.png");
		  	/*background-color: #f00;*/
		  	background-size: 100%;
		  	margin: -14px 20px 14px -20px;
		  	position: absolute;
		  	left: 0;
		  	/*right: 60px;*/
		  	top: 0px;
		    cursor: w-resize;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
		.resizable, .container { padding: 0px; }
		.btn {
		  	width: 50px;
		  	height: 50px;
		  	background-image: url("../../images/menu/PULL_ME_iCON.png");
		  	/*background-color: #f00;*/
		  	background-size: 100%;
		  	position: absolute;
		  	right: -25px;
		  	top: 95px;
		    cursor: w-resize;
		    z-index: 999;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
	}
	@media screen and (max-width: 450px) {
	    .container { 
		    /*margin-left: 100px;*/
		    width: 315px;
		  	/*max-width: 800px; */
		  	/*height: 560px; */
		    /*background-image: url("image/noodle_pic.jpg");*/
		    background-size: 100%;
		    background-repeat: no-repeat;
		    margin: auto;
		}
		.resizable { 
		  	background-position: top left; 
		  	width: 0px; 
		  	height: 220px; 
		  	/*background-color: rgba(33,33,33,0.6);*/
		    /*background-image: url("image/noodle_handdraw.jpg");*/
		    background-size: 315px 220px;
		    position: relative;
		  	/*background-color: #f00;*/
		    background-repeat: no-repeat;
		    max-width: 315px;
		}
		.menuframe { 
		 	/*width: 120px;*/
		 	width: 351px;
		  	height: 246px;
		  	background-image: url("../../images/menu/menuframe.png");
		  	/*background-color: #f00;*/
		  	background-size: 100%;
		  	margin: -13px 18px 13px -18px;
		  	position: absolute;
		  	left: 0;
		  	/*right: 60px;*/
		  	top: 0px;
		    cursor: w-resize;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
		.resizable, .container { padding: 0px; }
		.btn {
		  	width: 44px;
		  	height: 44px;
		  	background-image: url("../../images/menu/PULL_ME_iCON.png");
		  	/*background-color: #f00;*/
		  	background-size: 100%;
		  	position: absolute;
		  	right: -12px;
		  	top: 88px;
		    cursor: w-resize;
		    z-index: 999;
		  	/*border-radius: 15px;*/
		  	/*background-position:  right;*/
		}
	}