.form_div2>ul, .form_div2>ul>li, .mul { margin: 0; text-align: center } .form_div2>ul, .form_div2>ul>li, .mul, .mul>li { height: auto; list-style-type: none } #cs_body2, h2 { margin-bottom: 0 } hr { display: block; border: 0; border-top: .5px solid #ececec; margin: 0; padding: 0 } h2 { vertical-align: middle; margin-top: 0 } div, font, input, option, select, span, td, th, tr { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px } body { margin: 0 } input[type=search]::-ms-clear { display: none; width: 0; height: 0 } input[type=search]::-ms-reveal { display: none; width: 0; height: 0 } .title_div>img:first-child, .title_div>img:nth-child(2), .title_div>img:nth-child(3), .title_div>img:nth-child(4) { width: 30px; height: 30px; line-height: 30px; margin-right: 4px } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .mul { width: 100%; padding: 0; background-color: #fff } .form_div2, .title_div { margin: 0 auto; background-color: #fff } .mul>li { width: 100%; background-color: #fff } .ctd { height: auto; width: 100vw; overflow-x: hidden; overflow-y: hidden; background-color: #fff } .form_div2 { height: auto; width: 100% } .form_div2>ul { width: 100%; padding: 0; background-color: #d40000 } .form_div2>ul>li { width: 100% } .title_div { height: 80px; line-height: 80px; padding-top: 8px; width: 600px; text-align: center; border-bottom: 1px solid #383838 } .logo_div, .sales_td { padding-top: 20px; text-align: center; margin: 0 auto } .title_div>img:first-child { text-align: center; padding-right: 0 } .title_div>img:nth-child(2), .title_div>img:nth-child(3) { margin-top: 4px; padding-right: 0 } .title_div>img:nth-child(4) { margin-top: 4px } .title_line_div { margin: 0 auto; height: 1px; line-height: 1px; width: 600px; background-color: #d1d1d1 } .logo_div { height: auto; width: 600px } .logo_div>img, .step1_img_div, .step3_img_div, .step4_img_div, .step5_img_div { margin: 0 auto; width: 240px; height: auto } .sales_td { height: 60px; width: 800px } .download_div { margin: 0 auto; height: auto; width: 600px; text-align: center } .download_div>img { margin: 0 auto; width: 160px; padding-left: 4px; padding-right: 4px; height: auto } .sales_logo_div { margin: 0 auto; width: 140px; height: 140px; max-width: 140px; max-height: 140px; text-align: center; border-radius: 20px; border: 1.6px solid #fff; padding-top: 7px; padding-left: 3px } .step0_td, .step_div, .step_td { width: 600px; margin: 0 auto; text-align: center } .sales_logo>img { margin: 0 auto; width: 120px; height: 120px; max-width: 120px; max-height: 120px } .step_td { height: auto; padding-top: 50px; padding-bottom: 0 } .step_div { height: auto; padding-top: 0; padding-bottom: 0 } .step0_td { height: auto; padding-top: 20px; padding-bottom: 20px } .step0_div, .step1_div, .step2_div, .step3_div, .step4_div, .step5_div { margin: 0 auto; height: auto; width: 600px; padding-top: 0; padding-bottom: 5px; text-align: center } .step0_img_div { margin: 0 auto; width: 240px; height: auto; text-align: center } .step0_img_div>img, .step1_img_div>img, .step2_img_div>img, .step3_img_div>img, .step4_img_div>img, .step5_img_div>img { margin: 0 auto; width: 240px; height: auto; border: 1px solid #999 } .step1_td, .step2_td, .step3_td, .step4_td, .step5_td { margin: 0 auto; height: auto; width: 600px; padding-top: 50px; padding-bottom: 20px; text-align: center } .ads_div, .ads_div2 { padding-top: 0; color: #d40000 } .step2_img_div { margin: 0 auto; width: 240px; height: auto; padding-bottom: 5px } .goodplayplay_logo_div, .goodplayplay_logo_div>img { margin: 0 auto; width: 480px; height: auto } .space_line_div { margin: 0 auto; height: 20px; line-height: 20px; width: 600px; background-color: transparent } .ads_div, .footer_div { margin: 0 auto; height: auto } .footer_div { width: 100vw; text-align: center; background-color: #383838 } #cs_body2, .csc { background: rgba(0, 0, 0, 0) } .ads_div { width: 800px; padding-bottom: 20px; text-align: center } .ads_div2, .dnd { margin: 0 auto; width: 600px; padding-bottom: 0; text-align: center; height: auto } .dnd { padding-top: 20px } .csc, .csc_right { z-index: 10; position: fixed; margin-left: 12px; margin-bottom: 12px; float: right; bottom: 0; background: rgba(0, 0, 0, 0) } .csc { width: auto; height: auto; border-radius: 12px; border: 0 solid rgba(0, 0, 0, .6) } #cs_main { float: right; height: 214px; bottom: 0 } #cs_header { padding: 0; width: 100%; height: 0 } #cs_body { padding: 0; width: 100%; height: 202px } .cs_title { padding: 0; width: auto; height: 40px } #cs_footer { bottom: 0; width: 100%; height: 0 } #cs_body2 { padding: 0; width: 39px; height: 153px; background: rgba(0, 0, 0, 0); border-radius: 6px; border: 0 solid rgba(0, 0, 0, .6); display: none } .csc_right { width: calc(100vw - 42px); height: auto; border-radius: 0; border: 0 solid rgba(0, 0, 0, .6); margin-right: 18px } .cs_main_right { float: right; height: 64px; bottom: 0; background: rgba(0, 0, 0, 0) } @media screen and (max-width:600px) { .ctd, .form_div2, .mul { background-color: #fff } .form_div2>ul, .mul { height: auto; float: left; margin: 0; padding: 0 } .title_div>img:first-child, .title_div>img:nth-child(4) { width: 30px; height: 30px; line-height: 30px } html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .mul { width: 100% } .form_div2>ul>li, .mul>li { margin: 0; width: auto; height: auto; list-style-type: none } .ctd { height: auto; width: 100vw; padding-bottom: 0; overflow-x: hidden; overflow-y: hidden } .form_div2 { margin: 0 auto; height: auto; width: 100%; text-align: center } .form_div2>ul { width: 100%; background-color: #d40000 } .title_div { height: 80px; line-height: 80px; padding-top: 8px; width: 100%; margin-left: 0; margin-right: 0; text-align: center } .title_div>img:first-child { text-align: center; margin-right: 4px; padding-right: 0 } .title_div>img:nth-child(2), .title_div>img:nth-child(3) { width: 30px; height: 30px; line-height: 30px; margin-top: 4px; margin-right: 4px; padding-right: 0 } .title_line_div { height: 1px; line-height: 1px; width: calc(100% - 80px); margin-left: 40px; margin-right: 40px; background-color: #d1d1d1 } .download_div, .logo_div { margin: 0 auto; height: auto; width: 100%; text-align: center } .logo_div>img, .step0_img_div, .step1_img_div, .step3_img_div, .step4_img_div, .step5_img_div { margin: 0 auto; width: 200px; height: auto } .sales_td { margin: 0 auto; height: auto; width: calc(100% - 40px); text-align: center } .download_div>img { margin: 0 auto; width: 160px; height: auto } .sales_logo_div { margin: 0 auto; width: 140px; height: 140px; max-width: 140px; max-height: 140px; text-align: center } .sales_logo>img { margin: 0 auto; width: 120px; height: 120px; max-width: 120px; max-height: 120px } .step_td { margin: 0 auto; height: auto; width: 100%; padding-top: 50px; padding-bottom: 0; text-align: center } .step_div { margin: 0 auto; height: auto; width: 100%; padding-top: 0; padding-bottom: 0; text-align: center } .step0_td, .step1_td, .step2_td, .step4_td, .step5_td { margin: 0 auto; height: auto; width: 100%; padding-top: 50px; padding-bottom: 20px; text-align: center } .step0_div, .step1_div, .step2_div, .step3_div, .step4_div, .step5_div { margin: 0 auto; height: auto; width: 100%; padding-top: 0; padding-bottom: 5px; text-align: center } .step0_img_div>img, .step1_img_div>img, .step2_img_div>img, .step3_img_div>img, .step4_img_div>img, .step5_img_div>img { margin: 0 auto; width: 200px; height: auto; border: 1px solid #999 } .step2_img_div { margin: 0 auto; width: 200px; height: auto; padding-bottom: 5px } .step3_td { margin: 0 auto; height: auto; width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center } .ads_div2, .dnd { margin: 0 auto; padding-bottom: 0; text-align: center } .goodplayplay_logo_div { margin: 0 auto; width: auto; height: auto } .goodplayplay_logo_div>img { margin: 0 auto; width: calc(100% - 80px); height: auto } .space_line_div { height: 20px; line-height: 20px; width: 100%; background-color: transparent } .ads_div { margin: 0 auto; height: auto; width: calc(100% - 0px); padding: 0; text-align: center; color: #d40000 } .ads_div2 { height: auto; width: 100%; padding-top: 0; color: #d40000 } .dnd { height: auto; width: 100%; padding-top: 20px } .csc, .csc_right { z-index: 10; height: auto; position: fixed; margin-bottom: 12px } .csc { float: left; width: 40px; background: 0 0; border-radius: 0; border: 0 solid #fff; margin-left: 10px; bottom: 0 } .cs_main_right, .csc_right { float: right; bottom: 0; background: rgba(0, 0, 0, 0) } #cs_main { float: left; padding: 4px; width: 40px; height: 102px; bottom: 0 } #cs_body { display: none } #cs_footer { bottom: 0 } #cs_body2 { float: left; display: block } .csc_right { width: calc(100vw - 24px); border-radius: 0; border: 0 solid rgba(0, 0, 0, .6); margin-left: 12px } .cs_main_right { padding: 4px; width: auto; height: 38px } }