.woocommerce-ordering{ display: none !important; } .woocommerce-pagination{ display: none !important; } head{ width: 100%; } @media only screen and (max-width: 1000px){ head{ width: 1000px; } } * { -webkit-tap-highlight-color: rgba(0,0,0,0); } .store_multi_view{ position: relative; width: 100%; min-width: 1200px; height: 800px; } .store_multi_view div{ box-sizing: border-box; } .store_multi_view .bg{ display: none; position: absolute; left: 0; top: 0; z-index: 901; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 0 0; } .store_multi_view .bg.active{ display: block; } .store_multi_view .bg.fadingin{ display: block; } .store_multi_view .z{ position: absolute; right: 0; top: 40px; z-index: 1001; width: 60%; height: calc(100% - 80px); background-color: rgba(255,255,255,0.8); } .store_multi_view .z .inner-con{ padding: 30px 30px 30px 30px; height: 100%; clear: both; float: none; overflow: hidden; } .store_multi_view .z .inner-con > div{ float: left; height: 100%; margin-right: 30px; } .store_multi_view .z .inner-con > div:nth-of-type(1){ max-width: 120px; overflow-y: auto; } .store_multi_view .z .inner-con > div:nth-of-type(1)::-webkit-scrollbar{ width: 5px; } .store_multi_view .z .inner-con > div:nth-of-type(1)::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: rgb(135,136,135); } .store_multi_view .z .inner-con > div:nth-of-type(1) > .country{ height: 30px; font-weight: bold; font-size: 15px; clear: both; float: none; overflow: hidden; } .store_multi_view .z .inner-con .country a{ color: black; } .store_multi_view .z .inner-con .country > *{ float: left; line-height: 30px; } .store_multi_view .z .inner-con .country > a:nth-of-type(1){ display: block; } .store_multi_view .z .inner-con .country > a:nth-of-type(1){ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid black; margin-top: 10px; margin-right: 10px; } .store_multi_view .z .inner-con .country.active > a:nth-of-type(1){ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; margin-top: 12px; margin-right: 5px; } .store_multi_view .z .inner-con .area{ min-height: 20px; font-weight: 600; font-size: 13px; clear: both; float: none; overflow: hidden; } .store_multi_view .z .inner-con .area a{ color: rgb(70,70,70); } .store_multi_view .z .inner-con .area.active a{ text-decoration: underline; } .store_multi_view .z .inner-con > div:nth-of-type(2){ float: left; margin-right: 5px; max-width: 500px; color: black; } .store_multi_view .z .inner-con > div:nth-of-type(2) > div:nth-of-type(1){ font-weight: bold; font-size: 16px; height: 30px; line-height: 30px; } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1{ width: 100%; padding-right: 20px; height: calc(100% - 30px); overflow-y: auto; } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1::-webkit-scrollbar{ width: 5px; } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: rgb(135,136,135); } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1 > .con2{ } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1 > .con2 > .r{ margin-bottom: 20px; } .store_multi_view .z .inner-con > div:nth-of-type(2) > div.con1 > .con2 > .r > div{ font-weight: bold; font-size: 18px; margin-top: 16px; } .store_multi_view .z .inner-con > div:nth-of-type(2) table{ margin: 0 0 0 0; padding: 0 0 0 0; } .store_multi_view .z .inner-con > div:nth-of-type(2) table td{ margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: top; text-align: left; font-size: 12px; font-weight: 600; line-height: 18px; } .store_multi_view .z .inner-con > div:nth-of-type(2) table td:nth-of-type(2){ padding: 0px 3px 0px 10px; } .product_single_view{ position: relative; margin-top: 0px; width: 100%; height: auto; padding-bottom: 200px; } @media only screen and (max-width: 1000px){ .product_single_view{ margin-left: 5%; width: 90%; padding-bottom: 20px !important; padding-top: 45px; } } .product_single_view div{ box-sizing: border-box; } .product_single_view > .bg{ width: 100%; height: auto; } .product_single_view > .z1{ position: fixed; right: 80px; bottom: 60px; width: 430px; height: auto; z-index: 1001; } @media only screen and (max-width: 1000px){ .product_single_view > .z1{ position: static; width: 100%; max-width: 430px; margin-left: 50%; transform: translate(-50%,0); } } .product_single_view > .z1 > div{ font-size: 20px; font-weight: 600; } @media only screen and (max-width: 1000px){ .product_single_view > .z1 > div{ font-size: 18px; } } .product_single_view > .z1 > div.product_code{ color: black; line-height: 30px; font-weight: 600; font-size: 28px; margin-bottom: 15px; } @media only screen and (max-width: 1000px){ .product_single_view > .z1 > div.product_code{ font-size: 25px; } } .product_single_view > .z1 > div:nth-of-type(3){ margin-bottom: 20px; } .product_single_view > .z1 table{ margin: 0 0 0 0; padding: 0 0 0 0; } .product_single_view > .z1 table td{ margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: top; text-align: left; font-size: 15px; } @media only screen and (max-width: 1000px){ .product_single_view > .z1 table td{ font-size: 13px; } } .product_single_view > .z1 table tr > td:nth-of-type(1){ font-weight: bold; } .product_single_view > .z1 table tr > td:nth-of-type(1){ padding: 0px 5px 0px 5px; } .product_single_view > .z2{ position: fixed; left: 200px; top: 120px; z-index: 1002; font-size: 18px; font-weight: 800; } @media only screen and (max-width: 1000px){ .product_single_view > .z2{ position: absolute; left: 0; top: 0; } } .product_multi_view{ position: relative; width: 1200px; height: auto; } @media only screen and (max-width: 1000px){ .product_multi_view{ margin-left: 5%; width: 90%; } } .product_multi_view div{ box-sizing: border-box; } .product_multi_view > div:nth-of-type(1){ height: 50px; line-height: 50px; font-weight: bold; font-size: 26px; } .product_multi_view > div:nth-of-type(2){ margin-bottom: 20px; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px; clear: both; float: none; overflow: hidden; } @media only screen and (max-width: 1000px){ .product_multi_view > div:nth-of-type(2){ min-height: 30px; height: auto; font-size: 13px; line-height: 30px; } } .product_multi_view > div:nth-of-type(2) > div{ display: block; float: left; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(1){ width: 40px; margin-right: 12px; overflow: hidden; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2){ width: calc(100% - 40px - 12px); overflow: hidden; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div{ float: left; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1{ float: none; clear: both; overflow: hidden; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > a{ display: block; float: left; margin-top: 10px; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; border-radius: 5px; color: white; background-color: rgb(205,205,205); } @media only screen and (max-width: 1000px){ .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > a{ margin-top: 0; margin-bottom: 5px; padding-left: 7px; padding-right: 7px; } } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > div{ display: block; float: left; margin-left: -5px; margin-top: 10px; margin-right: 20px; width: 20px; height: 30px; overflow: hidden; } @media only screen and (max-width: 1000px){ .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > div{ margin-top: 0; margin-bottom: 5px; margin-right: 10px; } } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > div > i{ display: block; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); background-color: rgb(205,205,205); width: 22px; height: 22px; border-radius: 5px; margin-top: 4px; margin-left: -9px; } .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > a.active, .product_multi_view > div:nth-of-type(2) > div:nth-of-type(2) > div > .c1 > a.active + div > i{ background-color: rgb(50,50,50); } .product_multi_view > .rs-con{ clear: both; float: none; overflow: hidden; width: 100%; height: auto; } .product_multi_view > .rs-con > div[rid]{ float: left; margin: 0px 40px 20px 0px; width: 360px; height: 295px; overflow: hidden; } @media only screen and (max-width: 1000px){ .product_multi_view > .rs-con > div[rid]{ margin: 0px 0px 20px 0px; width: 100%; height: 350px; } } .product_multi_view > .rs-con > div[rid] > [y="1"]{ clear: both; float: none; overflow: hidden; height: 30px; } .product_multi_view > .rs-con > div[rid] > [y="1"] > div, .product_multi_view > .rs-con > div[rid] > [y="1"] > div > a{ color: black; font-weight: bold !important; font-size: 15px !important; } .product_multi_view > .rs-con > div[rid] > [y="1"] > div:nth-of-type(1){ float: left; } .product_multi_view > .rs-con > div[rid] > [y="1"] > div:nth-of-type(2){ float: right; } .product_multi_view > .rs-con > div[rid] > [y="2"]{ display: none; font-size: 14px; } .product_multi_view > .rs-con > div[rid] > [y="3"]{ height: 25px; font-size: 14px; } .product_multi_view > .rs-con > div[rid] > [y="4"]{ position: relative; height: 240px; } @media only screen and (max-width: 1000px){ .product_multi_view > .rs-con > div[rid] > [y="4"]{ width: 100%; height: 270px; } } .product_multi_view > .rs-con > div[rid] > [y="4"] > [z]{ width: 30px; height: 50px; line-height: 50px; } .product_multi_view > .rs-con > div[rid] > [y="4"] > [z="1"]{ position: absolute; left: 0; top: 50%; z-index: 1001; transform: translate(0, -50%); text-align: left; } .product_multi_view > .rs-con > div[rid] > [y="4"] > [z="2"]{ position: absolute; right: 0; top: 50%; z-index: 1001; transform: translate(0, -50%); text-align: right; } .product_multi_view > .rs-con > div[rid] > [y="4"] > .vcon{ width: 360px; height: 240px; overflow: hidden; } @media only screen and (max-width: 1000px){ .product_multi_view > .rs-con > div[rid] > [y="4"] > .vcon{ width: 100%; height: 270px; } } .product_multi_view > .rs-con > div[rid] > [y="4"] > .vcon > [rno]{ width: 100%; height: 100%; } .connection_page_title_view{ display: none; float: none; clear: both; overflow: hidden; } .connection_page_title_view > div{ float: left; margin-right: 1px; } .connection_page_title_view > div[t="s"]{ width: 6px; height: 1px; } .connection_page_section3_view{ padding-top: 170px; width: 1300px; min-width: 1300px; max-width: 1300px; } .connection_page_section3_view > .inner-con{ float: none; clear: both; overflow: hidden; } .connection_page_section3_view > .inner-con > div:nth-of-type(1){ float: left; margin-right: calc(100% - 500px - 544px - 200px); width: 500px; text-align: center; } .connection_page_section3_view > .inner-con > div:nth-of-type(1) > img{ width: 250px; height: auto; } .connection_page_section3_view > .inner-con > div:nth-of-type(2){ position: relative; float: left; width: 544px; padding-right: 200px; height: calc((161px + 10px) * 3 + ((161px * 0.75) * 3)); } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[number]{ position: absolute; z-index: 100; width: 126px; height: 161px; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number]{ position: absolute; z-index: 101; width: 126px; height: 161px; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number] > div[z]{ display: none; box-sizing: border-box; position: absolute; left: calc(126px + 0px); top: 0; z-index: 1001; width: calc(126px * 1.5 + 20px); height: 161px; padding-top: 10px; background-color: white; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number] > div[z] > div:nth-of-type(1){ margin-bottom: 5px; height: auto; max-height: calc(161px - 30px); overflow: hidden; line-height: 0; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number] > div[z] > div:nth-of-type(1) > a > img{ width: 100%; height: auto; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number] > div[z] > div:nth-of-type(2){ height: 30px; overflow: hidden; text-align: center; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number] > div[z] > div:nth-of-type(2) > a > span{ font-weight: bold; font-size: 14px; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number]:hover{ cursor: pointer; } .connection_page_section3_view > .inner-con > div:nth-of-type(2) > div[p_number]:hover > div[z]{ display: block; } .connect_view{ position: relative; width: 1300px; min-width: 1300px; max-width: 1300px; margin-top: 35px; } .connect_view > .inner-con{ float: none; clear: both; overflow: hidden; } .connect_view > .inner-con > div:nth-of-type(1){ position: relative; float: left; margin-right: 56px; width: 500px; min-height: 700px; background-position: center top; background-repeat: no-repeat; background-size: 250px auto; } .connect_view > .inner-con > div:nth-of-type(1) > div:nth-of-type(1){ margin-bottom: 20px; } .connect_view > .inner-con > div:nth-of-type(1) > div:nth-of-type(2){ margin-bottom: 23px; } .connect_view > .inner-con > div:nth-of-type(1) > div:nth-of-type(3){ margin-bottom: 23px; } .connect_view > .inner-con > div:nth-of-type(2){ float: left; width: 544px; } .connect_view > .inner-con > div:nth-of-type(2) > div[number]{ position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 126px; height: 161px; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div > div[z]{ display: none; box-sizing: border-box; position: absolute; left: calc(126px + 0px); top: 0; z-index: 101; width: calc(126px * 1.5 + 20px); height: 161px; padding-top: 10px; background-color: white; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div > div[z] > div:nth-of-type(1){ margin-bottom: 5px; height: auto; max-height: calc(161px - 30px); overflow: hidden; line-height: 0; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div > div[z] > div:nth-of-type(1) > a > img{ width: 100%; height: auto; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div > div[z] > div:nth-of-type(2){ height: 30px; overflow: hidden; text-align: center; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div > div[z] > div:nth-of-type(2) > a > span{ font-weight: bold; font-size: 14px; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div:hover{ cursor: pointer; } .connect_view > .inner-con > div:nth-of-type(2) > div[number] > div:hover > div[z]{ display: block; }