body { margin: 0; padding: 0; } #wraper { margin: 0; padding: 0; } #head { margin: 0; width: 100%; } #main { margin: 0; width: 100%; } #main_left { width: 100%; } #main_right { width: 100%; } #sub { margin: 0; width: 100%; } #foot { margin: 0; width: 100%; clear: both; } #foot p{ font-size: 14px; text-align: center; } #RT { width: 100%; background-color: #ffffff; } #a_index { margin: 0px; border-style: solid; border-width: 0px 1px 1px; border-color: #666666; padding: 5px; background-color: #ffffff; min-height: 165px; } .BB { margin: 10px 0; min-width: 318px; padding: 1px; } .BB p { margin: 3px 0px; background-color: #ffffff; border: solid #666666 1px; color: #666666; padding: 5px; } .YSY1 { width: 100%; clear: both; margin: 10px 0px; } .YSY1 p { text-align: left; font-size: 12px; color: #000000 } .YSY2 { width: 100%; clear: both; margin: 10px 0px; } .YSY2 p { text-align: left; font-size: 12px; color: #000000 } .YSY3 { width: 100%; clear: both; margin: 10px 0px; } .YSY3 p { text-align: left; font-size: 12px; color: #000000 } .TB { width: 100%; border: solid 1px #000000; border-spacing: 0px; line-height: 14px; min-width: 320px; } .TB_h { font-size: 12px; border: solid 1px #000000; border-spacing: 0px; margin: 0px; padding: 10px; text-align: left; background-color: #7fffd4;}.TB_lk { font-size: 12px; border: solid 1px #000000; border-spacing: 0px; margin: 0px; padding: 10px; text-align: left;} .TB_st { font-size: 12px; border: solid 1px #000000; border-spacing: 0px; margin: 0px; padding: 10px; } .TB span { display: none; } .TB_lk a:hover { background-color: #eeeeff; padding: 10px 0px; } @media only screen and (min-width: 766px){ #wraper { margin: auto; width: 766px; } body { margin: auto; width: 766px; } #sub { width: 305px; float: left; clear: none; } #main { width: 455px; float: right; clear: none; } #foot { width: 100%; clear: both; } .BB { margin: 10px 0; width: 100%; padding: 1px; } .BB p { margin: 1px; background-color: #ffffff; border: none; color: #0000ff; float: left; } .TB { width: 455px; } } @media only screen and (min-width: 970px){ #wraper { margin: auto; width: 970px; } body { margin: auto; width: 970px; } #sub { width: 305px; float: left; clear: none; } #main { width: 660px; float: right; clear: none; } #main_left { width: 328px; float: left; } #main_right { width: 328px; float: right; } #foot { width: 100%; clear: both; } .TB { width: 660px; } } .SSR { padding: 5px; margin: 0px; padding-left: 3px; background-color: #000000; color: #ffffff; font-size: 16px; } .CT1 { border-width: 1px; border-style: solid; border-color: #000000; background-color: #e6e6fa; color: #333333; padding: 5px; font-weight: bold; font-size: 16px; margin: 0px; } .CTA1 { border-width: 1px; border-style: solid; border-color: #000000; background-color: #ffff00; color: #333333; padding: 5px; font-weight: bold; font-size: 16px; margin: 4px; } .CT3 { font-size: 16px; color: #000080; font-weight: bold; margin: 0px; padding: 10px; } .CT3 span { display: none; } .PG4 { font-size: 14px; color: #000000; padding: 5px; } .DS3 { font-size: 16px; color: #000000; margin: 10px;} .AG2 { width: 80%; margin: 0 auto; max-width: 500px }