body, hr { margin: 0 } .ctd, .otd { overflow-x: hidden; overflow-y: hidden } .mul, .mul>li { width: 100%; height: auto; list-style-type: none } .autd, .ctd, .mul, .otd { text-align: center; background-color: #fff } .autd, .ctd, .mul, .mul>li, .otd { background-color: #fff } #cs_body2, h2 { margin-bottom: 0 } #cs_main, .cs_main_right { padding: 12px; width: auto } hr { display: block; border: 0; border-top: .5px solid #ececec; 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 } table { width: 800px; font-size: 20px; margin-left: auto; margin-right: auto; border-collapse: collapse } table td, table th { font-size: 20px; border: 1px solid #000; color: #000; padding: 32px 16px; width: 50% } input[type=search]::-ms-clear { display: none; width: 0; height: 0 } input[type=search]::-ms-reveal { display: none; width: 0; height: 0 } 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 } .ctd { height: auto; width: 100%; display: block } .otd { margin: 0 auto; height: auto; width: 100% } .mul { margin: 0 auto; padding: 0 } .mul>li { float: left } .autd { margin: 40px auto 12px; height: 100px; width: auto; padding: 8px; color: #d40000; display: inline-block; font-size: 24px } .autd1 { margin: 0 auto; height: 42px; width: auto; padding-top: 10px; display: block } .autd2 { margin: 40px auto 12px; height: 100px; width: auto; text-align: center; padding: 8px; color: #000; background-color: #fff; display: inline-block; font-size: 24px } .aud, .aud2 { margin: 20px auto 0; height: auto; width: 800px; text-align: center; background-color: #fff } .aud { padding: 20px } .aud2 { padding: 0 } .auad { max-width: 100%; content: url(cargo_background.webp); margin: 0 auto; height: calc(.6 * 100vw); width: 100%; padding-top: 0; padding-bottom: 0; text-align: center; color: #d40000 } .footer_div, .itdtd2 { margin: 0 auto; height: auto; text-align: center } .footer_div { width: 100%; padding-bottom: 12px; background-color: #383838 } .itdtd2 { width: 800px; padding-top: 20px; padding-bottom: 20px } .itdtd2>span { display: inline-block; border: 1px solid #999; padding: 8px; height: 38px; line-height: 22px; margin-right: 4px; margin-bottom: 4px; font-size: 14px; color: #000 } .ads_div { margin: 0 auto; height: auto; width: 800px; padding-top: 0; padding-bottom: 0; text-align: center; color: #d40000 } .iid { margin: 0 auto; width: 800px; height: auto; text-align: center; padding-bottom: 20px } .iid>img { margin: 0 auto; width: 800px; height: auto } .iid2 { margin: 0 auto; width: 800px; height: 200px; text-align: center; padding-left: 0; padding-right: 0; padding-bottom: 0 } .iid2>img:first-child { margin-right: 4px; width: calc(33.3% - 5px); height: 100%; object-fit: cover; float: left } .iid2>img:nth-child(2) { margin-right: 4px; margin-left: 4px; width: calc(33.3% - 6px); height: 100%; object-fit: cover; float: left } .iid2>img:nth-child(3) { margin-left: 4px; width: calc(33.3% - 5px); height: 100%; object-fit: cover; float: left } .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) { .mul, .mul>li { margin: 0; list-style-type: none } .ctd, .mul { background-color: #fff; height: auto } #cs_body, #cs_footer, #cs_header { height: 0; width: 100% } html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } table { width: calc(100% - 0px); font-size: 20px; border-collapse: collapse } table td:first-child, table th:first-child { font-size: 20px; width: 25%; border: 1px solid #000; padding: 24px 16px } table td:nth-child(2), table th:nth-child(2) { font-size: 20px; width: 75%; border: 1px solid #000; padding: 24px 16px } .mul { width: 100%; float: left; padding: 0 } .mul>li { width: 100%; height: auto } .ctd { width: 100%; padding-bottom: 0 } .otd { margin: 0 auto; height: auto; width: 100%; text-align: center } .autd, .autd2 { height: 100px; width: calc(100% - 40px); padding: 8px; margin: 20px 20px 4px; text-align: center; font-size: 16px } .autd1 { height: 42px; width: 100%; padding-top: 4px; display: inline-block } .aud, .aud2 { margin: 20px; height: auto; width: calc(100% - 40px) } .aud { padding: 20px; text-align: center } .auad, .auad2, .ads_div { padding-top: 0; padding-bottom: 0; color: #d40000; text-align: center } .aud2 { padding: 0; text-align: center } .auad { max-width: 100%; content: url(cargo_background_mobile.webp); margin: 0 auto; height: calc(1.4 * 100vw); width: 100% } .itdtd2 { margin: 0 auto; height: auto; width: calc(100% - 40px); text-align: center } .itdtd2>span { display: inline-block; border: 1px solid #999; padding: 4px; height: 30px; line-height: 22px; margin-right: 4px; margin-bottom: 4px; font-size: 14px; color: #000 } .ads_div { margin: 0 auto; height: auto; width: 100% } .iid { margin: 0 auto; width: 100vw; height: auto; text-align: center; padding: 8px 20px 20px } .iid>img { margin: 0 auto; width: calc(100vw - 40px); height: auto; object-fit: cover } .iid2 { margin: 0 auto; width: calc(100vw - 40px); height: 100px; text-align: center; padding-top: 8px; padding-bottom: 0 } .csc, .csc_right { z-index: 10; height: auto; position: fixed; margin-bottom: 12px } .iid2>img:first-child { margin-right: 4px; width: calc(33.3% - 5px); height: 100px; object-fit: cover; float: left } .iid2>img:nth-child(2) { margin-right: 4px; margin-left: 4px; width: calc(33.3% - 6px); height: 100px; object-fit: cover; float: left } .iid2>img:nth-child(3) { margin-left: 4px; width: calc(33.3% - 5px); height: 100px; object-fit: cover; float: left } .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 } }