稿件規格
<p> </p> <style><!-- .popup{text-align: center; width: 45%; position: absolute; height: 10%; left: 27%; bottom: 2%; cursor: pointer;} .test{background-color:Black; position:relative; bottom:500px;} .shadow11{box-shadow: 0px -25px 50px 0px #888 !improtant; z-index: -10!improtant; } .textshadow{box-shadow: 10px 10px grey;} .shadow{background-color: rgba(255, 255, 255, 0.6); z-index:1000; top: -78px; height:61px; width: 100%; position:relative; } .Buget{ z-index: -10; max-width: 99.9% !important;} .button{vertical-align : -webkit-baseline-middle;} .button1{vertical-align : middle;} .tableStyle { width: 80%; } .textstyle{font-size: 18px; font-weight: bold;} .tdStyle { vertical-align:middle !important; padding: 8px; } .trstyle:nth-child(even) { background-color: #dddddd; } .block{ padding: 14px 5px; } .block4{ padding: 14px 10px 0px 5px; } .width{width:86%;} @-moz-document url-prefix() { .block{ padding: 15px 5px; } } @media only screen and (max-width: 880px) { .width{width:76%;} } @media only screen and (max-width: 600px) { .width{width:65%;} } @media only screen and (max-width: 520px) { .width{width:55%;} } @media only screen and (max-width: 430px) { .width{width:35%;} } --></style> <!-- <script> function imgPop(img){ jQuery('#popimg').attr('src',img); jQuery('#pop1').fadeIn(); } </script> <style> #pop1{ background:rgba(0,0,0,.4); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; width:100%; z-index:10000;} #pop1>div{ background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; } </style> <div id="pop1" onclick="jQuery('#pop1').fadeOut();"> <div> <img style="width: 60%" src="" id="popimg"> </div> </div> --> <p class="textstyle"><img style="vertical-align: bottom;" src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_ruler.png" alt="">稿件規格</p> <p> <img src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpecification/Tension_Fabric_banner_stand_CN_1_.jpg" alt="" /> </p> <table class="shadow"> <tbody> <tr> <td class="block width" style="text-align: right;"><a href="https://magentotesting.bannershop.com.hk/media/wysiwyg/Tension_Fabric_banner_stand_CN_1_.jpg" download="Tension_Fabric_banner_stand_CN_1_.jpg"><img src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_download_1.png" alt=""></a></td> <td class="block" style="width: 6.5%; text-align: right;"><a><img style="cursor: pointer;" src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_print.png" alt=""></a></td> <td class="block4" style="width: 7%; text-align: right;"><a style="cursor: pointer;"><img src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_view.png" alt=""></a></td> </tr> </tbody> </table> <p class="textstyle"><img style="vertical-align: bottom;" src="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_Template.png" alt="">模板下載</p> <table class="tableStyle"> <tbody> <tr class="trstyle" style="background-color: #ff7109;"> <td class="tdStyle">產品</td> <td class="tdStyle">尺寸/型號</td> <td class="tdStyle">下載</td> </tr> <tr class="trstyle"> <td class="tdStyle">型格布藝展架</td> <td class="tdStyle">800(W)x2000(H)mm</td> <td class="tdStyle"> <a href="https://magentotesting.bannershop.com.hk/media/wysiwyg/ArtworkSpecification/Tension-Fabric-Banner-Stand_2000x800mm_Round_Corner_.pdf" download="Tension-Fabric-Banner-Stand_2000x800mm_Round_Corner_.pdf"> <img src="https://www.bannershop.com.hk/media/wysiwyg/ArtworkSpec/Artwork-Spec_icon_pdf.png" alt=""> </a> </td> </tr> </tbody> </table>