body {
         /*width:100%;*/
         font-family: Arial, sans-serif;
         font-size:3em;
         margin:0px;
         /*background-color: dimgrey;*/
        }
        a:link,  a:visited,  a:active {
            text-decoration: none;
            color: #000000;
        }

        a:hover {
            color: blue;
        }
        
        #testAttention{
/*             display:block; */
/*             width:95%; */
            margin-left:auto;
            margin-right:auto; 
            background-color:tomato;
            padding: 0.5ex;
            text-align:center
        }
        
        #kntmsg{
          /*display:flex;*/
          /*justify-content:space-between;*/
          background-color: yellow;
          padding:1ex;
          text-align: center;
          /*color:yellow*/
/*           color: lightyellow; */
       }
       
       #page_shadow{
          position:absolute;
          left:0; 
          top:0; 
          width:100%; 
          height:100%;
          background-color:black; 
          opacity:0.5;
       }
       
        #navigation-menu{
/*             display: */
            width:2em;
            margin-right:1em;
            /*float:left;*/
        }
        
        #main_menu{
            display: none;
/*             background-color:mediumseagreen; */
            box-sizing:border-box;
        }
        
        div.main_menu_item{
            display:inline;
            padding:1ex;
            font-weight: 600;
            font-size: 90%;
            box-sizing:border-box;
        }
        
        div.main_menu_item_bar{
            position:absolute;
            width:750px;
            margin-left:auto;
            margin-right:auto;
            display:none;
            flex-wrap:wrap;
            background-color:white;
            border:1px solid green;
            border-radius: 5px;
            box-sizing:border-box;
            z-index:1;
        }
       
        div.global_warning{
            font-size:45%;
/*             position:relative; */
            margin:1%;
            padding:1%;
            background-color:lightgray; /*moccasin;*/
            text-align:center;
        }
       
        div.main_page {
/*            margin-left:auto;
            margin-right:auto;*/
            width: 100%;
            display: table;
            background-color: white;
        }
        
        div.page_header {           
/*           background-color: whitesmoke; */
          display: flex;
          font-size: 150%;
          margin-bottom: 5pt;
          padding: 1ex 2ex 1ex 2ex;
          align-items: center;
          justify-content:flex-start;
       }
        div.page_header img{
          width: 6em;
          height: 3ex;
          float:none;
        }
        
        div.page_content_wrapper{
            display: table;
/*             position: relative; */
/*             width:95%; */
            margin-left:auto;
            margin-right:auto;
            align-content: stretch;
        }
        
        #page_left_panel {
           font-family: Arial, sans-serif;
            display:none;
            position: fixed;
            left:0px;
            
            width:70%;
/*             height:100%; */
            z-index:1;
            background-color:whitesmoke;
/*             margin-right:0.5em; */
        }
        
        div.page_data_content {
            display:table;
            width:100%;
/*             flex-wrap:wrap; */
       }
       div.data_content {
/*            display:table;  */
/*           margin:5px; 
           padding:2px; 
           border:1px solid black*/
           width:100%;
       }
                 
        div.rate_head {
           display:flex;
           font-family: sans-serif,Arial;
/*            font-size: 125%; */
           background-color: lightgrey;
           align-content: center;
           justify-content: space-between;
           margin: 1%;
           padding: 1%;
           /*justify-content:space-between;*/
        }
       div.rate_head[pricetype='offer'] {
            background-color: lightgreen;
       }
        div.rate_head img{
           height:96px;
           width:96px;
           margin-right: 20px;
        }
        
        #rate_table {
            width:100%;
            display:table; 
            font-family: Arial, sans-serif;
/*             border-spacing:0px 5px; */
            font-size: 115%;
        }
/*        div.rate_table span{
          font-size: 50%;
          font-stretch:ultra-condensed;
          font-weight: 400;
          color: dimgrey;
        }*/
        .sub_name{
          font-size: 50%;
          font-stretch:ultra-condensed;
          font-weight: 400;
          color: dimgrey;
        }
        div.rate_table_head{
            display: table-row;
            font-size: 75%;
            color: dimgrey;
            background-color: white;
        }
        div.rate_table_head[type='offer']{
/*             background-color: palegreen; */
            background-color: honeydew;
        }
        div.rate_table_row{
            display: table-row;
/*             background-color: whitesmoke; */
            padding: 5px;
        }
        div.rate_table_row[type='offer']{
            background-color: honeydew;
/*             background-color:skyblue; */
        }
                
        div.rate_cell_name {
/*             width:50%; */
            font-family: Arial, sans-serif;
            padding:2px 10px 2px 5px;
            display:table-cell; 
            font-weight: 500;
            vertical-align: middle; 
            border-bottom: 1px solid silver;
        }
        
        div.rate_cell_name[type='offer'] {
            font-size: 100%;
           border-bottom: 1px solid green;
        }
        div.rate_cell_name img{
            width:4ex;
            height:3ex;
/*             padding: 5px; */
            border:1px solid lightgray;
        }
        
        div.rate_cell_value {
         font-family: Arial, sans-serif;
            display:table-cell; 
            font-size: 115%;
            padding:2px 5px 2px 0px;
            vertical-align: middle; 
            font-weight: 500;
            text-align: right;
            border-bottom: 1px solid silver;
       }
        div.rate_cell_value[type='offer'] {
            border-bottom: 1px solid green;
        }
        div.rate_cell_value img{
            width:1.2ex;
            height:1.2ex;
            padding: 5px;
        }
        
        #advert {
            position:fixed;
            left: 0px; bottom:0px;
            width: 100%;
            border:5px solid gold;
            background-color: white;
        }
        #advert img{
            height:200px;
            margin: 0px;
        }
        
        
/*        #user_area {
            width:100%;
            display:table;
            font-size: 120%;
        }*/
        
                

/*only screen and (-Webkit-max-device-aspect-ratio: 1.8)*/
/*only screen and (-moz-max-device-pixel-ratio: 1.8),*/
/*only screen and (-o-max-device-pixel-ratio: 16/9),*/
/*only screen and (max-device-pixel-ratio: 1.8)*/

/* for PC */
        @media only screen and (max-resolution: 180dpi)
        {
            body {
                 font-size:1em; 
            }
            #main_menu{
                display: block;
            }

            #navigation-menu{
                display: none;
            }

            div.global_warning{
                font-size:75%;
/*                 max-width:200px; */
            }
/*
            div.page_content{
                width: auto;
                display:flex;
                margin-left: auto;
                margin-right:auto;
            }*/

            div.data_content {
                max-width:350px;
                width: auto;
                margin: 0px 5px;
                padding: 2px;
                border: 1px solid gainsboro;
            }
            div.main_page {
/*                 background-color: whitesmoke; */
            }
            div.page_header img{
                width: 250px;
                height: 63px;
            }
            div.page_data_content {
                display:flex;
                flex-wrap:wrap;
                justify-content:space-around;
            }

            div.rate_head img{
                height:32px;
                width:32px;
                margin-right: 20px;
            }
            
        #advert {
            position:relative;
            margin:0px 2px 2px 2px;
            border:2px solid gold;
        }
        #advert img{
            height:100px;
            margin: 0px;
        }
/*        #user_area {
            width:auto;
        }*/

      }