@CHARSET "UTF-8"; hr { display: block; border: 0px; border-top: 0.5px solid #ececec; margin: 0em 0; padding: 0; border-top: 0.5px solid #ececec; } h2 { vertical-align: middle; margin-top: 0px; /* need this to clear the default margin */ margin-bottom: 0px; } div { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } font { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } input { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } select { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } option { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } span { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } tr { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } td { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-style: bold; font-variant: normal; font-size: 16px; } th { 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; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, 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; } .content_div { height: auto; width: 100%; overflow-x: hidden; overflow-y: hidden; text-align: center; background-color: #f3f3f3; display: block; } .outer_div { margin: 0 auto; height: auto; width: 100%; text-align: center; overflow-x: hidden; overflow-y: hidden; background-color: #f3f3f3; } .main_ul { margin: 0 auto; width: 100%; height: auto; text-align: center; background-color: #f3f3f3; padding: 0; list-style-type: none; } .main_ul>li { width: 100%; height: auto; background-color: #f3f3f3; list-style-type: none; float:left; } .about_us_title_div { margin: 0 auto; height: 100px; width: auto; text-align: center; padding: 8px; margin-top: 40px; margin-bottom: 12px; color:#d40000; background-color: #f3f3f3; display: inline-block; font-size:24px; } .about_us_title_div2 { margin: 0 auto; height: 42px; width: auto; padding-top: 10px; display: block; } .about_us_div { margin: 0 auto; height: auto; width: 800px; padding: 20px; margin-top: 20px; text-align: center; background-color: #fff; } .about_us_ads_div { background: url(background0_2.webp); background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0 auto; height: calc(0.6 * 100vw); width : 100%; padding-top: 0px; padding-bottom: 0px; text-align: center; color: #d40000; } .footer_div { margin: 0 auto; height: auto; width: 100%; padding-bottom: 12px; text-align: center; background-color: #383838; } .introduction_div2 { margin: 0 auto; height: auto; width: 800px; padding-top: 20px; padding-bottom: 20px; text-align: center } .introduction_div2>span { display:inline-block;border: 1.0px solid #999999;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: 0px; padding-bottom: 0px; text-align: center; color:#d40000; } .introduction_img_div { margin: 0 auto; width: 800px; height: auto; text-align: center; padding-bottom: 20px } .introduction_img_div>img { margin: 0 auto; width: 800px; height: auto; } .introduction_img_div2 { margin: 0 auto; width: 800px; height: 200px; text-align: center; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .introduction_img_div2>img:nth-child(1) { margin-right:4px; width: calc(33.3% - 5px); height: 100%; object-fit: cover; float:left; } .introduction_img_div2>img:nth-child(2) { margin-right:4px; margin-left:4px; width: calc(33.3% - 6px); height: 100%; object-fit: cover; float:left; } .introduction_img_div2>img:nth-child(3) { margin-left:4px; width: calc(33.3% - 5px); height: 100%; object-fit: cover; float:left; } .cs_container { z-index: 10; float: right; width: auto; height: auto; position: fixed; background: rgba(0, 0, 0, 0.0); border-radius: 12px; border: 0px solid rgba(0, 0, 0, 0.6); margin-left: 12px; margin-bottom: 12px; bottom: 0 } #cs_main { float: right; padding: 0; width: 64px; height: 214px; bottom: 0; padding: 12px } #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; margin-bottom: 0px; width: 39px; height: 153px; background: rgba(0, 0, 0, 0); border-radius: 6px; border: 0px solid rgba(0, 0, 0, 0.6); display: none; } .cs_container_right { z-index: 10; float: right; width: calc(100vw - 42px); height: auto; position: fixed; background: rgba(0, 0, 0, 0.0); border-radius: 0px; border: 0px solid rgba(0, 0, 0, 0.6); margin-left: 12px; margin-right: 18px; margin-bottom: 12px; bottom: 0 } #cs_main_right { float: right; padding: 0; width: 64px; height: 64px; bottom: 0; padding: 12px; background: rgba(0, 0, 0, 0.0); } @media screen and (max-width: 600px) { html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .main_ul { width: 100%; height: auto; float: left; margin: 0; padding: 0; list-style-type: none; background-color: #f3f3f3; } .main_ul>li { margin: 0; width: 100%; height: auto; margin: 0px; list-style-type: none; } .content_div { height: auto; width: 100%; padding-bottom: 0px; background-color: #f3f3f3; } .outer_div { margin: 0 auto; height: auto; width: 100%; text-align: center; } .about_us_title_div { height: 100px; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; padding: 8px; margin-top: 20px; margin-bottom: 4px; text-align: center; font-size:16px; } .about_us_title_div2 { height: 42px; width: 100%;; padding-top: 4px; display: inline-block; } .about_us_div { margin: 0 auto; height: auto; width: calc(100% - 40px); margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding: 20px; text-align: center; } .about_us_ads_div { background: url(background0_2_mobile.webp); background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0 auto; height: calc(1.4 * 100vw); width : 100%; padding-top: 0px; padding-bottom: 0px; text-align: center; color: #d40000; } .introduction_div2 { margin: 0 auto; height: auto; width: calc(100% - 40px); text-align: center; } .introduction_div2>span { display:inline-block;border: 1.0px solid #999999;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%; padding-top: 0px; padding-bottom: 0px; text-align: center; color:#d40000; } .introduction_img_div { margin: 0 auto; width: 100vw; height: auto; text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; } .introduction_img_div>img { margin: 0 auto; width: calc(100vw - 40px); height: auto; object-fit: cover; } .introduction_img_div2 { margin: 0 auto; width: calc(100vw - 40px); height:100px; text-align: center; padding-top: 8px; padding-bottom: 0px } .introduction_img_div2>img:nth-child(1) { margin-right:4px; width: calc(33.3% - 5px); height:100px; object-fit: cover; float:left; } .introduction_img_div2>img:nth-child(2) { margin-right:4px; margin-left:4px; width: calc(33.3% - 6px); height:100px; object-fit: cover; float:left; } .introduction_img_div2>img:nth-child(3) { margin-left:4px; width: calc(33.3% - 5px); height:100px; object-fit: cover; float:left; } .cs_container { z-index: 10; float: left; width: 40px; height: auto; position: fixed; background: transparent; border-radius: 0; border: 0 solid #fff; margin-left: 10px; margin-bottom: 12px; bottom: 0 } #cs_main { float: left; padding: 0; width: 40px; height: 102px; bottom: 0; padding: 4px } #cs_header { padding: 0; width: 100%; height: 0 } #cs_body { padding: 0; width: 100%; height: 0; display: none } #cs_footer { bottom: 0; width: 100%; height: 0 } #cs_body2 { float: left; display: block } .cs_container_right { z-index: 10; float: right; width: calc(100vw - 24px); height: auto; position: fixed; background: rgba(0, 0, 0, 0.0); border-radius: 0px; border: 0px solid rgba(0, 0, 0, 0.6); margin-left: 12px; margin-bottom: 12px; bottom: 0; display: none; } #cs_main_right { float: right; padding: 0; width: 38px; height: 38px; bottom: 0; padding: 4px; background: rgba(0, 0, 0, 0.0); } }