.body {}

.ip {visibility: visible; display: inline}

.info_i {position: absolute}

.justify_i {text-align: justify}

.link_i {color: blue}

.text_i {font-size: 0.9em; line-height: 1.8em}

.full_i {position: fixed}

.pic_1i {position: absolute; top: 0; left: 0; width: 100%; z-index: 10}

.pic_0i {position: relative; top: 0; left: 0; width: 100%; z-index: 5}

.scale_i {}

.copy_i {position: fixed; width: auto; bottom: 1%; height: auto; font-size: 0.8em; color: #666666} /* DG */



body[class="default"] {font-size: 30px; -webkit-text-size-adjust: 130%}

body[class="default"] .info_i {top: 5%; left:10%; width: 80%; height: 35%}

body[class="default"] .full_i {top: 43%; left: 10%; width: 80%; height: auto}

body[class="default"] .copy_i {left: 10%}

body[class="default"] .scale_i {width: 100%}


body[class="landscape"] {font-size: 20px; -webkit-text-size-adjust: 130%}

body[class="landscape"] .info_i {top: 10%; height: 100%; left: 7%; width: 30%}

body[class="landscape"] .full_i {left: 44%; top: 10%; height: 80%}

body[class="landscape"] .copy_i {left: 44%}

body[class="landscape"] .scale_i {height: 100%; width: auto}

#animate {}

image[id="animate_x"] {visibility: hidden}



/* hide from iphone */

.full_a0 {visibility: hidden; display: none}

.noie {visibility: hidden; display: none}

.ie {visibility: hidden; display: none}

.over_w {visibility: hidden; display: none}

.col_nx {visibility: hidden; display: none}

.copy_1 {visibility: hidden; display: none}

.col_1n0 {visibility: hidden; display: none}

.col_ny {visibility: hidden; display: none}

.full_a1 {visibility: hidden; display: none}