#main_inner_box_s4 {                      

        display: inline-block;
        vertical-align:top;
	width: 94.6vw;
	height: 49.37vw;
/*	width: 94.59vw;
	height: calc(99.6vh - 2*2.18vw - 3.28vw - 2*2.6vw); */
/*	border: 1px solid blue;		*/
	background-color: #ffffff;

}

#main_box_s4 {                      

    position: relative;
    z-index: 2;
    display: block;
	vertical-align:top;
	width: 94.6vw;
	height: 49.37vw;
	left: 2.7vw;
    overflow: visible;
	padding:  0px;
	margin:   0px;
/*	border: 1px solid red;	*/

}

#left_box_s4 {
	font-family: roboto, Tahoma, Arial, sans-serif;
	font-size: 0;    

    vertical-align:top;
    display: inline-block;
	width: 18.12vw;
	height: 49.3vw;
	padding:  0px;
	margin:   0px;
    background-color: #f9f9f9;
/*	border: 1px solid green;	*/
} 

#center_box_s4 {
    display: inline-block;
    vertical-align:top;
	width: 55.92vw;
	height: 49.3vw;
    background-color: #ffffff;
	font-size:0;
	padding:  0px;
	margin:   0px;
/*	border: 1px solid blue;	*/

} 

#center_inner_box_s4 {
    display: inline-block;
    vertical-align:top;
	width: 52.8vw;
	height: 47.8vw;

	font-family: roboto, Arial, sans-serif;
	font-size: 0;    
	padding:  0;
	margin:   0;
	overflow: hidden;

/*	border: 1px solid red;	*/
	
} 

#post_vertical_box {
  	position: absolute;
	right: 0;
	top: 0;
	width: 100vw; 
	height: 100vh;

	font-size: 0;    
	font-family: roboto, Arial, sans-serif;
	padding:  0px;
	margin:   0px;
	background-color:#f0f0f5;
/*	border:1px solid red;#b7b7b7*/
	z-index: 11;	
} 

#main_box_shadow_s4 {                      

    z-index: 1;
  	position: absolute;
	left: 2.7vw;
	top: 10.24vw;
    overflow: hidden;
	width: 94.59vw;
	height: calc(100vh - 12.84vw);
    box-shadow: 0 0 0.7vw 0.3vw rgba(0, 0, 0, 0.06);

}

#post_tile_btn_icon{

        background-image: url('../img/tile_view.svg');
}

#post_list_btn_icon {

        background-image: url('../img/list_view.svg');
}

#post_myphoto_btn_icon{

        background-image: url('../img/my_photo.svg');
}

#center_title_s4 {

    display: inline-block;
    vertical-align:top;
	width: 100%;
	height: 1.245vw;
	padding:  0px;
	margin:   0px;
	font-family: roboto-light, Arial, sans-serif;
	font-size: 1.2vw;    
    letter-spacing: 0.15vw;
	text-transform: uppercase;
    white-space:nowrap;  
    text-align: center;
    line-height: 1.245vw;
    text-overflow: ellipsis;
/*	border: 1px solid blue;		*/

}

#post_box {

    display: inline-block;
  	position: relative;
    vertical-align:top;
/*    width:100%;       */
    width:73.94%;
    height:35vw; 
	margin: 0;
    padding: 0;
/*	border:1px solid green; */
	overflow: hidden;
	font-size:0;
}

#post_right_box {

    display: inline-block;
  	position: relative;
    vertical-align:top;
    width:26.06%;
    height:35vw; 
	margin: 0;
    padding: 0;
/*	border:1px solid red; */
	overflow: hidden;
	font-size:0;
}

#post_add_box {

    display: block;
  	position: absolute;
	top:47.7%;
	left:17.44%;
    width:65.12%;       
    height:4.6%; 
	margin: 0;
    padding: 0;
/*	border:1px solid red; */
	overflow: hidden;
	font-size:0;
}

#comments_box {

    display: block;
  	position: relative;
    vertical-align:top;

    width:100%;       
    height:100%; 
	margin: 0;
    padding: 0;
/*	border:1px solid red; */
	overflow: hidden;
	font-size:0;
}

#post_file_input_box {

	position: absolute;
	z-index: 3;
    left: 37.3935%;
	top: 66.67%; /*64.54%;*/
    width: 25.213%;
    height: 7.24%; /*7.7%;*/

    font-size: 1vw;
	text-align: center;
    line-height: 1.1vw;

    font-family: roboto, Arial, sans-serif;
    border: 1px solid #8f8f8f; /* #8e8e8e*/
	background-color: #f5f5fa; /* #f4f4f9*/
	color:#231f20;
    margin: 0;
    padding: 0;
	border-radius: 0.24vw;
	
}

#post_drop_zone {

	position: absolute;
	z-index: 3;
    left: 2.55%;              /*17.0068%;*/
	top: 23.596%;   /*18.692%;*/
    width: 94.9%;             /*65.98%;*/
    height: 68.422%; /*72.5234%;*/

 /*   border: 1px solid red; */
    margin: 0;
    padding: 0;
  }
  
#post_caption_box {
	
	position: absolute;
	z-index: 3;
    left: 40.5vw;
	top: 20.5vw; 
    width: 27.168vw;
    height: 13.584vw; 
	color: #696a6d;
	font-family: roboto, Arial, sans-serif;
/*    border: 1px solid green; */
    margin: 0;
    padding: 0;
	font-size: 0;
	
}  

textarea {
    height: 100%;
	width:100%;
	resize: none;
	border-style: none; 
    border-color: transparent; 
	outline:none;
    overflow: hidden;        
}

#post_comment_box {
	
	position: absolute;
	z-index: 3;
    left: 25.4%; /*18.2%;*/
	top: 43.33%;
    width: 49.18%; /*36.46%;  */
    height: 13.115%; 
	color: #696a6d;
	font-family: roboto, Arial, sans-serif;
/*    border: 1px solid green; */
    margin: 0;
    padding: 0;
	
	font-size: 0.94vw;
    line-height: 0.98vw;
	
}  

#pst_button_new:hover, #ptb_show_esc:hover, #pcv_show_esc:hover, #ptb_show_left:hover, #ptb_show_right:hover {

	cursor: pointer;
}

.pst_button:hover {

	cursor: pointer;
}

/*#ptb_comment_esc:hover, #ptb_button_comment_post:hover {*/
#ptb_comment_esc:hover {
	cursor: pointer;

}

/*
#pst_button_like:hover, #pst_button_comment:hover {
	cursor: pointer;
}
*/

#post_new_box {
	
    display: block;
  	position: absolute;
	z-index: 3;
    top: 7.77vw;
	left: 44.133vw; 
    width: 37.554vw; 
    height: 36.404vw; 
	margin: 0;
    padding: 0;
	background-color: white;
    border: 0.06vw solid #898a8d; /*#696a6d; */
	border-radius: 0.2vw;
	box-shadow: 0.11vw 0.08vw 0.35vw 0.11vw rgba(0, 0, 0, .22);
	overflow: hidden;
} 

.post_file_label {
    display: inline-block;
    padding: 0;
    margin:  0;
	width:   225px;
	height:  65px;
	cursor:  pointer;
}   

.vport_wrap {

    z-index: 4;
	position: absolute;
	margin: 0;
    padding: 0;
    overflow: hidden;

	left:  0;
	top:   0;
	width: 100vw;
	height: 100vh;
	font-size: 0px;    
	background-color:rgba(255, 255, 255, 0.00);
}

#ptb_play:hover { cursor: pointer; }