body, td {
	font-family: monospace;
	font-style: normal;
	font-weight: normal;
	font-size: 12;
	text-decoration: none;
	text-align: left;
	color: #000000;
	background-color: #ffffff;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover, a.current {
	text-decoration: underline;
	color: #000000;
}


.listcls, .detailcls { width:80%; }
.listcls tr td img, .detailcls tr td img { padding:0 15px 15px 0; }
.menucls {
    float: left;
    width: 14%;
    text-align: center;
}
.mainbox {
    width: 100%;
    float: left;
}
.imgthumb {
    float: left;
    width:15%;
}
.txtimg {
    width:85%;
    float:left;
    padding: 0 0 20px 0;
}

@media  screen and (min-width: 1920px) {
    .imgthumb {
        float: left;
        width:180px;
    }
   .txtimg {
        width:1050px;
        float:left;
        padding: 0 0 20px 0;
    }
}
@media only screen and (max-width: 670px) {
  .menucls {
        width:100%;
        float:left;
        display:block;
        text-align:left;
        padding: 5px 0;
  }
  .listcls, .detailcls, .listcls tr td img, .detailcls tr td img { width:100%; padding:20px 0; }
  .listcls tr td, .detailcls tr td, .detailtd {
        table-layout: fixed;
        width:100%;
        float:left;
        display:block;
        word-break: break-all;
  }
    .imgthumb {
        float: left;
        width:100%;
    }
    .txtimg {
        width:100%;
        float:left;
    }
}
/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
    .menucls {
        width:100%;
        float:left;
        display:block;
        text-align:left;
        padding: 5px 0;
    }
    .listcls, .detailcls, .listcls tr td img, .detailcls tr td img { width:100%; padding:20px 0; }
    .listcls tr td, .detailcls tr td, .detailtd {
        table-layout: fixed;
        width:100%;
        float:left;
        display:block;
        word-break: break-all;
    }
    .imgthumb {
        float: left;
        width:100%;
    }
    .txtimg {
        width:100%;
        float:left;
    }
}

/* iPhone X and Xs Max */
@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) { 
    .menucls {
        width:100%;
        float:left;
        display:block;
        text-align:left;
        padding: 5px 0;
    }
    .listcls, .detailcls, .listcls tr td img, .detailcls tr td img { width:100%; padding:20px 0; }
    .listcls tr td, .detailcls tr td, .detailtd {
        table-layout: fixed;
        width:100%;
        float:left;
        display:block;
        word-break: break-all;
    }
    .imgthumb {
        float: left;
        width:100%;
    }
    .txtimg {
        width:100%;
        float:left;
    }
}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 
    .menucls {
        width:100%;
        float:left;
        display:block;
        text-align:left;
        padding: 5px 0;
    }
    .listcls, .detailcls, .listcls tr td img, .detailcls tr td img { width:100%; padding:20px 0; }
    .listcls tr td, .detailcls tr td, .detailtd {
        table-layout: fixed;
        width:100%;
        float:left;
        display:block;
        word-break: break-all;
    }
    .imgthumb {
        float: left;
        width:100%;
    }
    .txtimg {
        width:100%;
        float:left;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .imgthumb {
        float: left;
        width:180px;
    }
   .txtimg {
        width:600px;
        float:left;
        padding: 0 0 20px 0;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .imgthumb {
        float: left;
        width:180px;
    }
   .txtimg {
        width:400px;
        float:left;
        padding: 0 0 20px 0;
    }
}