@media screen and (min-width:1200px){ #con_box{ width:462px; height:196px; background:url("../images/contact_box.png") no-repeat; margin:50px auto 100px; padding:73px 0 0 88px; } #contact .sc{ height:1px; } #side_passage{ background:#ffffff; } #des_passage{ padding:10px 40px; } .STYLE4{ color:#2F8BD0; font-weight:bold; font-size:14pt; } .STYLE1{ color:#FF3300; font-weight:bold; } .STYLE3{ color:#FF6600; font-weight:bold; } ol li{ padding-left:-25px; } #medals{ margin:30px 0; } #medals p span{ position:relative; display:inline-block; } #medals p span img{ display:block; max-width:250px; max-height:250px; } #medals p span:before{ content:""; position:absolute; width:7px; height:110px; background:url("../images/kuang_03.gif"); left:-7px; top:0px; } #medals p span:after{ content:""; position:absolute; width:110px; height:9px; background:url("../images/kuang_06.gif"); right:0px; bottom:-9px; } #medals p{ float:left; width:276px; height:300px; text-align:center; } } @media screen and (max-width:1200px){ .p_g_title{ display:none; } #sidebar div{ text-align:center; } #sidebar div a{ display:inline-block; margin:10px 10px 0 10px; padding:3px 10px 3px 10px; } #sidebar a.hover{ background:#0056ca; border-radius:5px; color:#fff; } #con_box,#des_passage{ margin:20px; } #des_passage img{ max-width:100%; } #medals p span{ position:relative; display:inline-block; } #medals p span img{ display:block; max-width:300px; max-height:250px; } #medals p span:before{ content:""; position:absolute; width:7px; height:110px; background:url("../images/kuang_03.gif"); left:-7px; top:0px; } #medals p span:after{ content:""; position:absolute; width:110px; height:9px; background:url("../images/kuang_06.gif"); right:0px; bottom:-9px; } #medals p{ width:100%; text-align:center; } }