@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
{

/* ################################################################################### */

*, *:before, *:after 
  {
    box-sizing:         border-box;
   -webkit-box-sizing:  border-box;
   -moz-box-sizing:     border-box;

    margin:                    0px;
    padding:                   0px;
    font-size:                18px;
    font-family: 'Times New Roman', Times, serif;
    
    position: relative;
  }

  html{background-image: url(../background/bgQ.png);}

  .frameTop
  {
    width:                    100%;
    height:                  4.5em; /* 7 */
    border:                   none;

    background: linear-gradient(to right, #004247, #00808a, #00808a, #00666e);
  }

  .frameBottom
  {
    display:                  flex;
    justify-content:  space-around;
    align-items:            center;
    justify-items:          center;
    flex-direction:            row;
    flex-wrap:                wrap;

    width:                    100%;
    height:                    5em; /* 4.5 */

    border-left:     0px #00454a;
    border-right:    0px #00454a;
    border-top:      1px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;

    margin-top:              4.5em;

    /* background-color:    #dbdad8; */
    /* background-color:  rgba(19, 12, 12, 0.5); */
    background: linear-gradient(to right, #004247, #00808a, #00808a, #00666e);
  }

  .frameBottomContent
  {display: none;}

  .frameBottomContentPlaceholder
  {display: none;}

  .frameTopNavigation
  {
    width:                    100%;
    height:                  2.5em;
    border:                   none;

    background-color:  rgba(0, 0, 0, 0.2);
  }

  /* ~~~ CONTENT [A] ~~~ */

  .contentMiddleBox
  {
    display:                  flex;
    flex-direction:            row;
    width:                    100%;   
  }

  .contentMiddle:first-child
  {display: none;}

  .contentMiddle
  {
    position:             relative;
    width:                    100%;
    min-height:               21em;
    border:                   none;

    padding:                 0.1em;
    margin-left:              auto;
    margin-right:             auto;
    margin-top:                1em;
    border-radius:             0px;

    background-color:  rgba(245, 245, 245, 0.2);
  }

  .contentMiddle:last-child
  {display: none;}

   /* ~~~ CONTENT [E] ~~~ */

  .bbcodePicforum
  {
    max-width:               320px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(34, 34, 33, 0.5) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  }

/* ################################################################################### */

}