body{ left:0; padding:0; margin:0; background:#f1f1f1; // background-image:url("bg/coup.gif"); background-repeat:no-repeat; background-size:cover; background-position:center; } #er{ height:100%; width:100%; margin:0; padding:0; position:fixed; float:left; background:red; z-index:1; opacity:.8; } .con{ height:30px; width:100%; background:#fff; // background:#03A9F4; margin:0; position:fixed; border-bottom:1px solid #ddd; font-size:20px; float:left; text-align:center; font-family:sans-serif; padding:30px 0px 30px 0px; } .container35a{ height:auto; width:100%; margin:85px 0px 10px 0%; font-size:12px; font-family:sans-serif; padding:1% 0%; float:left; text-align:center; color:#333; border-top:0px solid #ddd; border-radius:2px; background:#f1f1f1; } .box6a{ height:auto; width:66%; font-size:13px; background:#fff; border-radius:5px; border:1px solid #ddd; padding:1% 0%; margin:5px 0% 35px 17%; float:left; } .box6a:hover{ background:#fff; transition:.5s; cursor:pointer; border:1px solid #03A9F4; } .namea{ height:auto; width:56%; text-align:left; font-size:14px; color:#333; padding:3px 1% 3px 1%; float:left; margin:0px 0px 1px 5px; background:#fff; } .namea3{ height:auto; width:56%; text-align:center; font-size:14px; display:none; color:#333; padding:3px 1% 3px 1%; float:left; margin:0px 0px 1px 5px; background:#fff; } .mar{ height:auto; width:100%; text-align:center; font-size:16px; display:block; color:#333; padding:3px 0% 3px 0%; float:left; margin:0px 0px 1px 0px; background:#fff; } .namea31{ height:auto; width:56%; text-align:left; font-size:14px; display:block; color:#333; padding:3px 1% 3px 1%; float:left; margin:0px 0px 1px 5px; background:#fff; } .name1a{ height:35%; width:40%; font-size:16px; border-top:0px solid #ddd; color:#333; float:left; cursor:pointer; padding:0px 0px 0px 0px; margin:0px 0px 5px 1%; background:; } .nimagea{ height:40%; width:100%; float:left; background :; } .nimagea1{ height:90px; width:96%; float:left; margin:2px 0% 2px 2%; background:; } .manyimg{ height:80%; width:99%; float:left; padding:4px 0px; border:1px solid #ddd; margin:5px 4px 5px 0px; background:#f1f1f1; } .m_img{ height:94px; width:29%; float:left; cursor:pointer; border:1px solid #ddd; padding:1px; margin:0px 0px 0px 4px; background:#fff; } .m_img:hover{ border:1px solid #fff; } .hf{ height:20px; width:5%; float:left; background:; margin:5px 0px 0px 3%; } .oki{ height:auto; width:auto; float:left; background:; text-align:center; margin:-5px 0px 0px 0px; } .tit{ height:30px; width:84%; float:left; font-size:20px; background:; color:#333; line-height:30px; text-align:center; margin:0px 0px 15px 0%; font-family:sans-serif; } .btu{ width:102px; height:32px; background:#03A9F4; float:left; color:#fff; cursor:pointer; font-size:15px; line-height:32px; border-radius:4px; margin:20px 0px 0px 10px; box-shadow:1px 3px 5px #ddd; } .btu:hover{ width:100px; height:30px; background:#03A9F4; color:#fff; font-size:14px; transistion:.9s; box-shadow:1px 3px 15px #a1a1a1; } @media (max-width:700px){ .container35a{ height:auto; width:100%; margin:90px 0px 120px 0%; font-size:12px; font-family:sans-serif; padding:1% 0% 2% 0%; float:left; text-align:center; color:#333; background:#f1f1f1; border-top:1px solid #ddd; border-radius:2px; } .hf{ height:auto; width:auto; float:left; background:; margin:5px 0px 0px 20px; } .tit{ height:30px; width:82%; float:left; font-size:20px; background:; color:#333; line-height:34px; text-align:center; margin:0px 0px 15px 0%; font-family:sans-serif; } .box6a{ height:auto; width:94%; cursor:pointer; font-size:13px; background:#fff; border:1px solid #ddd; padding:1% 0% 6% 0%; margin:0px 0% 35px 3%; float:left; } .box6a:hover{ background:#fff; transition:.5s; border:1px solid #a1a1a1; } .namea{ height:5%; width:96%; text-align:left; font-size:13px; color:#333; display:block; padding:1% 0% 1% 1%; float:left; margin:0px 0px 1px 1%; background:; } .namea3{ height:auto; width:100%; text-align:center; font-size:20px; display:block; color:#333; border-bottom:1px solid #f1f1f1; padding:3px 0% 5px 0%; float:left; margin:0px 0px 1px 0%; background:#fff; } .mar{ height:50px; width:100%; text-align:center; font-size:13px; display:block; color:#333; line-height:50px; border-bottom:1px solid #f1f1f1; padding:3px 0% 2px 0%; float:left; margin:0px 0px 1px 0%; background:; } .namea31{ height:auto; width:98%; text-align:center; font-size:20px; display:none; color:#333; padding:3px 1% 3px 1%; float:left; margin:0px 0px 1px 5px; background:#fff; } .name1a{ height:37%; width:100%; text-align:left; font-size:20px; border-top:0px solid #ddd; color:#333; float:left; padding:0px 0px 0px 0px; margin:0px 0px 7px 0%; background:; } .nimagea{ height:100%; width:100%; } }