@charset "utf-8"; a, td, p{ font-size:14px; font-family:"微軟正黑體"; color:#000; } /**** A #gotop { display: none; position: fixed; right: 20px; bottom: 20px; padding: 10px 15px; font-size: 12px; background: #333; color: white; cursor: pointer;} A ****/ /**** B ****/ .goTop{ cursor:pointer; width:50px; height:50px; position:absolute; right:3px; z-index: 99;} .goTop a.goTop{ margin: 0px; padding: 0px; overflow: hidden; height: 50px; width: 50x;} /**** B ****/ a.photo:hover img{box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.0);-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} a.photo img{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #mobil { display:none; } #tel{ position:relative; float:right; padding-top:80px; /*position: absolute; float:right;display: inline; padding-top:20px;*/ } td.logo{ background-color:; width:450px; height:110px; background-image:url(ppic/logo_2.png); background-repeat:no-repeat;/*background-position:50% 50%;*/ background-position: center right; font-size-adjust:none; text-indent: -9999px;display:block;}/*height:139px;*/ #logo{ height:116px; text-indent: -9999px;display:block;} /*td.logo{ display:none;}*/ /*#logo{ height:0px; background-image:url(ppic/.logo_2.png); background-repeat:no-repeat; background-position:50% 50%; font-size-adjust:none; text-indent: -9999px; display:block;}/*height:139px; */ .line { padding-bottom:15px; padding-top:10px;padding-left:0px;} img.header_ad_img { width:100%; min-height:190px; /*max-width:1010px; height:301px; */padding:0px; margin:0px; border: 0px solid #dddddd; } #mm1{ display:none;} #mm2{ display: inline; height:250px;} img.photo_one { width:auto; float: left; margin-right:10px; margin-bottom:10px;  } .form{border:3px solid #CCCCCC; margin:10px 5px; line-height:40px; font-family:"微軟正黑體"; font-size:16px; width:40%; border-radius:15px; padding-left:15px; display:inline-block; vertical-align:top; } #box { width:955px ;min-height:350px; height:100%; float:none; clear:both; padding: 0px 0px 0px 40px; background-color:; background-image:url(ppic/mid_bk.png); background-repeat:repeat-y;overflow:hidden; } #box_1 {width:333px;height:202px;float:left;clear:none;background-color:;background-image:url(ppic/box_1_bk...jpg);padding-top:10px; margin-left:0px; color:#000000; } #box_2 {width:250px;height:202px;float:left;clear:none;background-color:;background-image:url(ppic/box_2_bk...jpg);padding-top:10px;margin-left:0px;color:#000000; } #box_3 {width:333px;height:202px;float:left;clear:none; background-color:; background-image:url(ppic/box_3_bk...jpg); padding-top:10px; padding-left:0px; } #box_4 {width:333px;height:202px; color:#000000;float:right;clear:none;background-color:;background-image:url(ppic/box_4_bk...jpg); padding-top:10px;padding-right:0px; } .styleIcon { cursor: pointer;} #box_left { width:100%; max-width: 410px; height:100%; float:left; clear:none; margin-left:0px; margin-right:50px; overflow:hidden; padding-top:20px; padding-right:0px; position: relative; background-color:; } #box_right { width:100%; max-width: 410px; height:100%; float:left; clear:none; margin-left:0px; overflow:hidden; padding-top:20px; position:relative; background-color:#AAE3FF;} #box_left2 { width:100%; max-width: 410px; height:100%; float:left; clear:none; margin-left:0px; margin-right:50px; overflow:hidden; padding-top:20px; padding-right:0px; position: relative; background-color:; } #box_right2 { width:100%; max-width: 410px; height:100%; float:left; clear:none; margin-left:0px; overflow:hidden; padding-top:20px; position:relative; background-color:#333333;} /*img.header_ad_img_h { position:absolute; clip:rect(0px,60px,200px,0px); }*/ img.check_photo{} a.menu3{ font-size:16px; color:#fff; font-family:"微軟正黑體";align-self: center;text-decoration:none; } a.menu3:hover{ font-size:16px; color:#e0e0e0; font-family:"微軟正黑體";align-self: center; text-decoration:none; } td.menu3{ padding-top:5px;align-self: center;} .container_text{height:auto; min-height:; margin-top:0px; margin-bottom:0px; /*margin-bottom:120px; padding-top:60px;*/ padding-bottom:0px; background-color:;!important } .explain_info_h{ width:90%;min-height:200px;position:relative; left:5%; } .explain_info_h .number{font-size:168px;position:absolute;top:0;left:0;color:rgba(129,124,124,0.13);font-family:fantasy;letter-spacing:.1em} .explain_info_h h2{font-weight:700;font-size:36px;position:relative;z-index:3;padding-top:120px;padding-left:36px;text-align:left;margin-bottom:0px;} .explain_info_h h3{font-size:16px;color:#3f200e;position: relative;z-index:3;padding-top:0px;padding-left:40px;margin-bottom:0px; padding-bottom:0px;} @media all and (max-width: 979px),(min-width: 768px) and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #mobil { display: inherit; position:absolute; right:10px;} #tel{ position: relative; float:none; display:block; } /*td.logo{ height:0px; background-image:url(ppic/.logo.png); background-repeat:no-repeat;background-position:50% 50%; }/*height:150px; */ /*#logo{ height:0px; background-image:url(ppic/.logo.png); background-repeat:no-repeat; background-position:50% 50%; font-size-adjust:none; text-indent: -9999px;display:block;}/*height:150px; */ td.logo{ display:none;} /*td.logo{ background-color:; width:300px; background-image:url(ppic/logo_3.png); background-repeat:no-repeat; background-position: center right; font-size-adjust:none; text-indent: -9999px;display:block;} */ img.header_ad_img { width:100%;height:auto; } img.header_ad_img_h {/*position:absolute;clip:rect(0px,1300px,310px,400px);*/ width:100%; height:310px; } .line { display:block; margin:auto;} #mm1{ display: inline;} #mm2{ display:none;} .mm2 img{display:none;} .mm1 img{ padding:15px;} img.photo_one { width:100%; max-width:380px; text-align:center; float:none; display:block; margin-right:; margin-bottom:;  } .form{border: 5px solid #CCCCCC; margin:10px 5px; line-height:40px; font-family:"微軟正黑體"; font-size:16px; width:90%; } #box_left { width:100%; max-width: 500px; height:100%; float:left; clear:none; margin-left:0px; overflow:hidden; padding-top:10px; padding-right:0px; position: relative; } #box_right { width:100%; max-width: 500px; height:100%; float:left; clear:none; margin-left:0px; overflow:hidden; padding-top:10px; position:relative;} #box_right2 { width:100%; max-width: 500px; height:auto; float:left; clear:both; margin-left:0px; overflow:hidden; padding-top:10px; margin-top:0px; position: absolute; display: ; margin-top:0px; } #box_left2{ width:100%; max-width: 500px; height:100%; float:left; clear:both; margin-left:0px; overflow:hidden; padding-top:10px; padding-right:0px; position:relative; display:bolck; bottom:0px; margin-top:100px; } img.check_photo{ max-width:300px;} a.menu3{ padding:0px; margin:0px; font-size:16px; color:#000; font-family:"微軟正黑體";} td.menu3{ padding-top:0px;} .container_text{height:auto; min-height:50px; margin:0px; /*margin-top:0px; margin-bottom:0px; padding-top:50px; padding-bottom:10px;*/ background-color:;!important } } body { background-image:url(); background-repeat: repeat-x; background-color:#000; background-position:right top;background-attachment: scroll; /*background-attachment:fixed;*/ padding:0px; margin:0px; }/*#D4CCC7*/ #wrapper { width:100%; max-width:800px;!important background-image: url();background-repeat: repeat-x;background-color:#fff;/*#F7F7F7*/ border:0px; border-color:0px #ffffff solid; padding-bottom:0px; background-repeat: y-repeat; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; /*box-shadow:0px 0px 30px black;*/ } /*#header {width:100%; float: none; margin-top: 0px; clear: both; padding: 0px 0px 0px 0px; background-image:url(ppic/header_bk.png); background-repeat: repeat-x; text-align:center; }*/ #header { /* background:rgba(255,255,255,0.9) ; background-image:url(); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:top left; width:100%; color:#fff; border-bottom:0px solid #ccc; box-shadow:0px 0px 0px black; z-index:999; */ /*header 固定置頂*/ /* position:fixed; top:0px; left:0%; _position: absolute; _top:expression(documentElement.scrollTop+"px"); font-size:12px; text-align:center; font-family: "新細明體"; padding:0px; padding-bottom: 0px; width:100%; clear:both; left:0%; /**/ padding-bottom: 0px; } #header2{ width:100%; height:100%; background-color:#000; margin-top:-30px; margin-bottom:30px; padding:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /*padding-bottom:29px;height:auto;*/} #header_ad{ } #mid { /*com*/ width:100%; margin-top:0px; float:none; clear:both; background-color:#fff ; background-repeat:repeat-y; padding: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; /*50px 圓角*/ overflow:hidden;text-align:center; background-image:url(ppic/photo_down_bk.png); background-repeat: repeat-x; } #mid_about { /*com*/ width:100%; margin-top:210px; float:none; clear:both; background-color: ; background-repeat:repeat-y; padding: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; /*50px 圓角*/ overflow:hidden;text-align:center; } #mid_contact { /*com*/ width:100%; margin-top:210px; float:none; clear:both; background-color: ; background-repeat:repeat-y; padding: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; /*50px 圓角*/ overflow:hidden;text-align:center; } #mid_h { /*com*/ width:100%; float:none; clear:both; background-color:; background-repeat:repeat-y; padding: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; /*50px 圓角*/ overflow:hidden;text-align:center; display:block; float:none; } #right2 { margin: 0px; padding: 0px; width: 75%; clear: none;clear:both; text-align:center; display: inline-block; float: none; vertical-align:top; } #right { margin: 0px; padding: 0px 0px 0px 0px;/* float:left;*/ width:100%; clear:both; text-align:center; display: inline-block; float: none; vertical-align:top; } #right_new { margin: 0px; padding: 0px 0px 0px 0px;/* float:left;*/ width:100%;/* max-width: 1180px;*/ clear:both; text-align:center; display: inline-block; float: none; vertical-align:top; min-height:300px; } #right_01 { background-color:#013766; height:140px; width:100%;} #right_01_noshop {/*display:none;*/ height:350px; background-color:#666; overflow:hidden; margin-top:0px;} #right_01_noshop_noad{ height:350px; /*margin-top:100px;*/ overflow:hidden;margin-top:0px;} /*{ display:none; width:100%; float:none; margin:0px; padding:0px; clear:both; /*height:220px;*/ /*border-top:#FFF 0px solid; padding-top:0px;text-align:center; }*/ #right_left {/*computer*/ width:19%; /*max-width:250px;*/ /*max-width: 1078px;*/ clear:none; background-color:; padding-top:20px; text-align:left; padding-left:0px; margin-left:0px; overflow:hidden; float:left; text-align:center; margin:0px auto; } #right_left_contact{ width:30%; min-height:700px; clear:none; background-color:; padding-top:0px; text-align:left; padding-left:0px; margin-left:0px; overflow:hidden; float:right; margin:0px auto; padding:60px 0px 0px 0px; background-position:center right; background-repeat:no-repeat; background-size: cover;} #right_02 { width:80%; text-align:center; /*max-width:1000px;*/ clear:none; margin-left:0px; padding-top:20px; display: inline-block; float: none; margin-bottom:80px; } #right_02_86 { width:86%; text-align:center; clear:none; display: inline-block; float: none; } #right_02_100 { width:100%; text-align:center; clear:none; float:left; margin-left:0px;padding:0px; display: inline-block; float: none; } #right_02_about { width:100%; text-align:center; clear:none; float:left; margin-left:0px; padding:0px; display: inline-block; float: none; } #right_02_new {/*computer*/ width:80%;/* max-width: 900px;*/ float:left; /* float:center; margin-left:1%;*/ text-align:center; clear:none; margin-left:0px; overflow:hidden; padding:0px 10px 0px 0px; background-color:; text-align:center; display: inline-block; float: none; border-right:1px #ddd solid; } #right_02_contact {/*computer*/ width:70%; /*max-width:1000px;*/ float:left; clear:none; margin-left:0px; overflow:hidden; padding:20px 0px 60px 5%; background-color:;text-align:center; display: inline-block; float:left; border-right:1px #ddd solid; } #right_03 { clear:both; padding-top:0px; display:none;} #footer {/*computer*/ width:100% ; /*min-height:200px;*/ float: none; margin-top: 0px; clear: both; color:#393939; background-image:url(ppic/foot_bk_.jpg); background-position:bottom center; /*left, center, right*/ background-repeat: no-repeat; background-color:#205FA6; font-size:18px; font-family:"微軟正黑體"; text-align: center; padding:0px; border-top:0px solid #ccc; /* #e0e0e0 */box-shadow:0px 0px 0px black; background-size:cover; min-height:200px; padding-top:50px;} #foot_text{ clear:none; width:50%; float:none; padding-top:30px; padding-bottom:30px; padding-left:18px; /*background:rgba(0, 0, 0, 0.0)*/ border-radius:20px; text-align:left;display: inline-block; float: none;} /*a.footer:hover {width:100% ; height: 100%; float: none; margin-top: 0px; clear: both; padding: 0px; background:url("ppic/footer_bk...jpg"); background-color:; color:#9F8742; font-size:14px; font:"微軟正黑體"; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }*/ #contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:10px; margin-right:30px;width:35%;text-align:left;line-height:250%; } #contact_form{ float:left; position:relative; padding-right:0px; width:96%;min-width:300px; color:#333; border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; margin-left:4%; font-weight:300; } #h3_index_text{ color:#333; font-size:16px; font-family:'微軟正黑體'; text-align: center; line-height:30px; margin-top:0px; } #h2_ab_text{ font-family:'微軟正黑體'; font-size:30px; color:#333333;font-weight:200;text-align:center;padding:10px 0px 20px; margin:0px; } #h3_ab_text{ color:#333; font-size:16px; font-family:'微軟正黑體'; text-align:left; line-height:30px; padding:0px 0px 0px 0px;font-weight:300;!important } #h3_ab_text_white{ width:400px; color:#fff; font-size:30px; font-weight:500; font-family:'微軟正黑體'; text-align: center; line-height:160%; border:0px #fff solid; margin:0px; padding:50px 0px; background:rgba(0,0,0,0.0); } #h3_ab_text_white2{ width:400px; color:#fff; font-size:20px; font-family:'微軟正黑體'; text-align: right; line-height:30px; border:0px #fff solid; margin:0px; padding:50px 0px; } #h3_join_text{ width:100%; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px;} .proin_photo { max-width:100%;} #pro_box {/*overflow:hidden;*/ width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none; background-color:; text-align:center; } #pro_box_h {/*overflow:hidden;*/ width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none; background-color:; text-align:center; margin:50px 0px 150px 0px; } #pro_h { /*min-width:252px !important; max-width:100%; */ min-height:480px; background-color:; font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 0%; padding:0px; border:2px solid #e0e0e0; display:inline-block; float:none; vertical-align:top; width:35%; margin:0;border:0;padding:0;border:2px solid #e0e0e0; box-shadow:0px 5px 10px 0px #DEDEDE; } #pro_h2 { /*min-width:252px !important; max-width:100%; */ height:400px; background-color:; font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 30px; padding:0px; border:0px solid #e0e0e0; display:inline-block; float:none; vertical-align:top; width:55%; } #pro_h4{ width:50%; float:left; padding:0% 50px; border-top:0px #ccc solid; margin:5% auto; margin-bottom:0px; background-color: ; vertical-align:middle; } #pro_h4_2{ width:65%; float:left; padding:0% 20px; border-top:0px #ccc solid; margin:5% 50px; margin-bottom:0px; vertical-align:middle; text-align:left; margin-bottom:0px; padding-bottom:0px; background-color:; box-shadow:0px 0px 0px black; } #pro_h5{ width:96%; float:left; padding:0%; border-top:0px #ccc solid; margin:5% auto; background-color: ; vertical-align:middle; background-color:; float:none; display:inline-block; } #pro_h2_in { width:100%; height:232px; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:15px; box-shadow:0px 5px 10px 0px #DEDEDE; } #pro_pho { width: 45%; /*min-width:252px !important;*/ max-width:100%; /*height:auto; min-height:320px;*/ background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; margin:10px 1% 10px 1%; padding:0px; border:1px solid #e0e0e0; background-color: ; color:#39F; display:inline-block; float:none; /*border-top-width:8px ; border-top-color: #FC6; */ border-radius:0px 0px 5px 0px; } /* max-width:252px; */ #pro_pho_10 { width: 8%; /*min-width:252px !important;*/ max-width:100%; /*height:auto; min-height:320px;*/ background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; margin:40px 1% 10px 1%; padding:0px; border:0px solid #e0e0e0; background-color: ; color:#39F; display:inline-block; float:none; /*border-top-width:8px ; border-top-color: #FC6; */ } /* max-width:252px; */ #pro_pho_30 { width: 30%; /*min-width:252px !important;*/ /*height:auto; min-height:320px;*/ background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:40px 1% 10px 1%; padding:0px; border:1px solid #e0e0e0; background-color:; color:#39F; /*border-top-width:8px ; border-top-color: #FC6; */ } /* max-width:252px; */ #pro_pho_slide { /*不設寬度 !important;*/ max-width:100%; /*height:auto; min-height:320px;*/ background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; margin:40px 1% 10px 1%; padding:0px; border:1px solid #e0e0e0; background-color:; color:#000; /*border-top-width:8px ; border-top-color: #FC6; */ } /* max-width:252px; */ .jssor .jssor_slide{ width:180px; height:321px;} #pro_pho_new { width: 27%; /*min-width:252px !important; */max-width:100%; /*height:auto; min-height:320px;*/ background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:40px 3% 10px 3%; padding:0px; border:1px solid #e0e0e0; background-color:; color:#39F; /*border-top-width:8px ; border-top-color: #FC6; */ } /* max-width:252px; */ #pro_pho_h { width: 20%; /*min-width:252px !important; */ height:auto; background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:8px 1% 8px 1%; padding:0px; border:1px solid #e0e0e0; background-color:; color:#39F; } #pro_pho_h3 { width: 96%; /*min-width:252px !important; */ height:auto; background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; margin:8px 1% 8px 1%; padding:0px; border:1px solid #e0e0e0;border-left:3px solid #e0e0e0; background-color:; color:#39F; } #pro_homeprolist3 { width: 96%; /*min-width:252px !important; */ height:auto; background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; margin:2px 1% 2px 1%; padding:0px; border:0px solid #e0e0e0; background-color:; color:#39F; } #pro_box_400 {/*overflow:hidden;*/ width: 98%; height:auto;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none; background-color:; } #pro_pho_media { width: 18%; /*min-width:252px !important;*/ max-width:100%; height:auto; min-height:320px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:6px 2% 25px 1%; padding:0px; border:0px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:0px 0px 0px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */ } #pp { width:170px; height:160px; } .lazy{ /*15 width: 227px; height:153px;*/ width:100%; /*min-height:150px;*/ height:auto; border: 0px solid #999; padding:0px; margin: 0px auto; } .lazy3{ width:100%; max-width: 700px; /*height:100%;*/ margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; } .lazy_h{ width:100%;height:auto; margin:0px; border: 0px #999 solid; padding:0px; margin: 0px auto; } .lazy4{ /*15 width: 227px; height:153px;*/ width:100%; height:auto; border: 0px solid #999; padding:0px; margin: 0px auto; } img.pro_pho_img { width: 200px; padding:5px; margin:8px; border: 3px solid #dddddd; } img.event_pro_pho_img { width: 235px; min-width: 235px;/* max-height:180px;*/height:235px;/* padding:5px; margin:8px;border: 3px solid #dddddd;*/} #pro_main { width:96%; height:auto; border: 1px solid #ccc; display: inline-block; float: none; text-align:center; } #section_1 { width:40%; clear:none; float:left; padding:15px 15px 0px 15px; } /*圖區*/ #shopping_2 {display: inline-block; float:left; width:45%; clear:none; float:left; margin-left:5px; margin-right:5px; margin-bottom:10px;margin-top:15px; /* clear:both; visibility:hidden;*/ /*clear:none; float:left; display: block; width:48%; background-color:#333; border:2px #E3C390 solid; border-radius:10px; padding:20px 0px; margin-left:5px;margin-top:20px;*/} /*產品基本 display:block; */ #decri_3 { width:96%; clear:none; float:left; margin-left:5px; margin-right:5px; margin-bottom:10px;margin-top:15px; } /*產品說明*/ #share_5 { display:none; clear:none; float:left; } #shopping_item{ /*display:none; display:inline-block; width:100%; background-color:#E3C390;*/} #more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /*display:none;*/ } #more_5 { clear:both; width:100%; margin: 0 auto; padding-top:50px; } #about_box {width: 100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none; display:none;} #about_pho {float: left;position: relative; overflow:hidden;width: 220px; min-height:290px; height:auto;background-color:;border:0px;border-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:none; color: #999; margin:6px 3px 6px 3px; padding-right:0px; border: 1px solid #dddddd;} #event_box {overflow:hidden; width: 100%;background-color:; padding-left:0px; position: relative; float:left; display: block;} #event_pho {float:left; clear:none; height:100%; position: relative; background-color:#FFFFFF; display: inline; text-align:top;} #header_marguee003{ background:url(ppic/brand_bk.png) no-repeat center center; height:221px; margin-top:20px;} #footer_img {/*computer*/ /* min-height:200px;*/ height:325px; float: none; margin-top: 0px;clear: both; color:#9F8742; background:url(""); background-attachment: scroll; /*fixed,scroll*/ /* background-repeat: repeat-y;*/ background-position:left top; /*left, center, right*/ background-color:; font-size:14px; font:"微軟正黑體";margin:0px 0px 0px 0px;padding:2px 0px 2px 0px; text-align:left; } #foot_map{/*computer*/clear:none;width:300px ;/*max-width:300px;*/float:left; padding:0px;margin-left:5%; margin-right:30px;} #foot_map2{/*computer*/clear:none;width:35%;height:300px;float:left;margin-top:10px;padding:35px 10px 10px 10px;background:rgba(0, 0, 0, 0.7) ; border-radius:0px;border:#fff 5px solid;font-size:16px;line-height:180%;} td.photo_td{ height:auto; border: 0px solid #dddddd; padding:0px;} @media all and (max-width: 979px), (min-width: 768px) and (max-width: 979px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { body {background-image:url(); background-repeat: repeat-x; background-color:; background-attachment: scroll; padding:0px; margin:0px; background-size:150%; } #wrapper {width:100%; background-image: url(); background-repeat: x-repeat; background-color:; border:0px; border-color:#ffffff; border-width:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px ; padding: 0px 0px 0px 0px; margin:0px;} #header { width:100%; float: none; margin: 0px; clear: both; padding: 0px 0px 0px 0px; text-align: left; height:auto; left:0%;background-image:url(ppic/header_bk..jpg); background-repeat:no-repeat;background-attachment: scroll;background-position:top right; background-size:cover; background-color: /*position: fixed;*/ } #header2{ clear:both; height:auto; width:100%; background-color:#000; clear:both; padding-bottom:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; height:auto; margin-top:-25px; margin-bottom:-15px;/*padding-bottom:29px;height:auto;*/ } #header_ad_h { width:100%; /*max-width:320px;*/ /* float: left; margin-right:30px;*/display: inline-block; float: none;} #mid { padding: 0px 0px 0px 0px; width:100%; float:none; clear:both; background-color:#fff; /*background-image:url(ppic/mid_bk...png); background-repeat:repeat-y;*/background-attachment:fixed; margin: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; overflow:hidden; margin-top:0px; text-align:center; } #mid_about { padding: 0px 0px 0px 0px; width:100%; float:none; clear:both; background-color:#fff; /*background-image:url(ppic/mid_bk...png); background-repeat:repeat-y;*/background-attachment:fixed; margin: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; overflow:hidden; margin-top:0px; text-align:center; } #mid_contact { padding: 0px 0px 0px 0px; width:100%; float:none; clear:both; background-color:#fff; /*background-image:url(ppic/mid_bk...png); background-repeat:repeat-y;*/background-attachment:fixed; margin: 0px 0px 0px 0px; border:0px #FFE680 solid; border-radius:0px; overflow:hidden; margin-top:-100px; text-align:center; } #right_left { display:none;} #right { width:100%; margin: 0px; padding: 0px 0px 0px 0px; clear:both; background-color:; text-align:center; display: inline-block; float: none; } #right_new { width:100%;} #right_left_contact{ width:100%; height:100%; min-height:0px; clear:both; background-color:; padding-top:0px; text-align:left; padding-left:0px; margin-left:0px; overflow:hidden; float:right; margin:0px auto; background-size: cover; margin-top:30px; } #right2 { margin: 0px; padding: 0px; width: 100%; clear: none;clear:both; text-align:center; display: inline-block; float: none; vertical-align:top; } #right_01 {} #right_01_noshop {/*display:none;*/ height:200px; overflow:hidden; margin-top:0px; } #right_01_noshop_noad{ margin-top:0px; height:200px;overflow:hidden; } /*{ width:100%; /* max-width:720px;*/ /*float:none; margin:0px; margin-top:0px; padding:0px; clear:both; height:auto; border-top:#FFF 0px solid; padding-top:0px; text-align:center; }*/ #right_02 { width:96%; clear:both;/* float:center; margin-left:3%;*/ text-align:center; overflow:hidden; padding-top:; padding-top:10px; display: inline-block; float: none;} #right_02_86 {width:86%; text-align:center; clear:none; display: inline-block; float: none; } #right_02_new {/*computer*/ width:100%; /* max-width: 900px;*/ float:left; /* float:center; margin-left:1%;*/ text-align:center; clear:none; margin-left:0px; overflow:hidden; padding-top:0px; background-color:; padding-bottom:0px; display: inline-block; float: none;} #right_02_about { width:100%; text-align:center; clear:none; float:left; margin-left:0px; padding:0px; display: inline-block; float: none; margin-top:0px;} #right_03 { display:none /*inherit*/; clear:both; } #column_all{/*定義於此.無法實現,故加在該頁上方style裏*/} #column_30per{ /*定義於此.無法實現,故加在該頁上方style裏*/} #footer { width:100% ; font-size:16px; font:"微軟正黑體"; font-weight:300; text-align: center; padding:30px 0px 0px 0px;} #foot_text{ width:auto; float:none; padding:0px; /*background:rgba(0, 0, 0, 0.6);*/border-radius:0px; display: inline-block; float: none; } #contact_text{ display:none; } #contact_form{ float:left; position:relative; padding-right:0px; width:100%; min-width:300px; color:#333; border:0px #ccc solid; border-radius:10px; text-align:left; font:18px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; font-weight:300; } #nodisplay{max-height:400px; display:block; } #h3_join_text{ width:350px; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px; } .proin_photo { width:100%;} #pro_h4{ width:100%; min-height:300px; float:none; padding:0px 10px ; border:0px #fff solid; margin:5% auto; margin-bottom:0px; background-color:rgba(255,255,255,0.0) ; vertical-align:top; } } @media (min-width: 980px) and (max-width: 1199px) { #right_left {width:19%; /*max-width:250px;*/ /*max-width: 1078px;*/ clear:none; background-color:; padding-top:0px; text-align:left; padding-left:0px; margin-left:0px; overflow:hidden; float:left; text-align:center; margin:0px auto; } #right2 { margin: 0px; padding: 0px; width: 75%; clear: none;clear:both; text-align:center; display: inline-block; float: none; vertical-align:top; } #right_02 { width:96%; height:100%;text-align:center; clear:none; float:left; margin-left:0px; overflow:hidden;padding-bottom:20px; padding-top:0px;display: inline-block; float: none; margin-bottom:30px; } #right_new {width:96%; background-color:;} #right_02_new {/*computer*/ width:100%; /* max-width: 900px;*/ float:left; /* float:center; margin-left:1%;*/ text-align:center; clear:none; margin-left:0px; overflow:hidden; padding-top:0px; background-color:; padding-bottom:0px; display: inline-block; float: none;} #pro_box {width: 98%; height:auto; } #pro_pho_new {width: 30%; /*border-top-width:8px ; border-top-color: #FC6;*/ margin:40px 1% 10px 1%; border:0px solid #e0e0e0;} #pro_pho {width: 45%; margin:10px 2% 10px 2%; border:0px solid #e0e0e0;} #pro_pho_h { width: 20%; /*min-width:252px*/ !important; max-width:100%; height:auto; min-height:320px; background-color:; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:40px 2% 10px 2%; padding:0px; border:0px solid #e0e0e0; background-color:; color:#39F; } .lazy{ width:227px; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }/* height:235px;*/ .lazy3{ width:100%; /*max-width: 450px;*/max-width: 700px; height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; } img.pro_pho_img { width: 200px; padding:5px; margin:8px; border: 3px solid #dddddd; } img.event_pro_pho_img { width: 235px; min-width: 235px;/* max-height:180px;*/height:235px;/* padding:5px; margin:8px;border: 3px solid #dddddd;*/} #section_1 { width:48%;clear:none; float:left; margin:15px 15px 0px 0px; } /*圖區*/ #shopping_2 {display:; width:100%; /*width:45%;clear:none; float:left; margin-left:5px; margin-right:5px; margin-top:20px;*/ } /*產品基本 display:block; */ #decri_3 { width:96%;clear:none; float:left; margin-left:5px; margin-right:5px; } /*產品說明*/ #share_5 { display:none; clear:none; float:left; } #more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /*display:none;*/} #about_box { width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none;} #about_pho {float: left; position: relative; overflow:hidden; width: 220px; /*180px*/min-height:290px; height:auto; /* height:100%;*/ background-color:; border:0px; border-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:none; color: #999; margin:6px 3px 6px 3px; padding-right:0px; border: 1px solid #dddddd; } #contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:10px; margin-right:100px;width:30%;text-align:left;line-height:250%; } #contact_form{ float:left; position:relative; padding-right:0px; width:96%; /*width:50%;*/ min-width:300px; color:#333; border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; font-weight:300; } } @media (min-width: 768px) and (max-width: 979px) { #right_left { display:none;} #right_02 { width:96%; /*100%*/ height:100%; clear:both; background-color:; text-align:center; overflow:hidden; padding-top:5px; display: inline-block; float: none;} #right_new {width:96%;} #right_02_new {/*computer*/ width:100%; /* max-width: 900px;*/ float:left; /* float:center; margin-left:1%;*/ text-align:center; clear:none; margin-left:0px; overflow:hidden; padding-top:0px; background-color:; padding-bottom:0px; display: inline-block; float: none;} #pro_box {width: 98%; background-color:; text-align:center; } #pro_pho { width: 45%; min-width:; padding:5px; /*border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:10px 2% 10px 2%; } #pro_pho_h { width: 45%; min-width:; padding:5px; /*border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:10px 2% 10px 2%; } #pro_pho_new { width: 40%; min-width:227px; padding:5px; /*border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:40px 2% 10px 2%; } #pro_h { width:100%; /*min-width:252px*/ !important; max-width:100%; height:auto; background-color:; min-height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 0%; padding:0px; border:2px solid #e0e0e0; background-color:; color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:30px; } #pro_h2 { /*min-width:252px !important; max-width:100%; */ height:auto; background-color:; font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 0px; padding:0px; border:0px solid #e0e0e0; display:inline-block; float:none; vertical-align:top; width:100%; } #pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px; } .lazy{ width:100%; height:auto; /*min-height:250px; */ margin:0px; border: 0px #999 solid; padding:0px; margin: 0px auto; } .lazy3{ width:100%; max-width:700px; /*max-width: 400px;*/ height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; } #header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;} #section_1 { width:50%;clear:none; float:left; } /*圖區*/ #decri_3 { width:96%; clear:none; float:left; margin-left:1%;} /*產品說明*/ #shopping_2 { display:; /*width:40%; clear:none; float:left; margin-left:1%;margin-top:20px;*/} /*產品說明*/ #share_5 { display:none; clear:none; float:left; } #more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /*display:none;*/ } #contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:10px; margin-right:100px;width:30%;text-align:left;line-height:250%; } #contact_form{ float:left; position:relative; padding-right:0px; width:96%; min-width:300px; color:#333; border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; font-weight:300; } #blogo{ display:none;} } @media (min-width: 580px) and (max-width: 767px) { #right_left { display:none;} #pro_box {width: 98%; background-color:; text-align:center; } #pro_pho { width:45%;min-height:210px; /* border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:10px 2% 10px 2%;} #pro_pho_h{ width:45%;min-height:210px; /* border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:10px 2% 10px 2%;} #pro_pho_new{ width:45%;min-height:210px; /* border-top-width:8px ; border-top-color: #FC6;*/ border:0px solid #e0e0e0; margin:40px 2% 10px 2%;} #pro_h { width:100%; /*min-width:252px*/ !important; max-width:100%; height:auto; background-color:; min-height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 0%; padding:0px; border:2px solid #e0e0e0; background-color:; color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:30px; } #pro_h2 { /*min-width:252px !important; max-width:100%; */ height:auto; background-color:; font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:0px 0% 0px 0px; padding:0px; border:0px solid #e0e0e0; display:inline-block; float:none; vertical-align:top; width:100%; } #pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px; } .lazy{ width:100%; margin:0px; height:auto; /*min-height:250px; */ border: 0px #999 solid; padding:0px; margin: 0px auto; } .lazy3{ width:100%; max-width: 550px; height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; } #pro_pho_media { width: 30%; /*min-width:252px*/ !important; max-width:100%; height:auto; min-height:320px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:none; color: #2E4E0F; margin:6px 2% 25px 1%; padding:0px; border:6px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:5px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */ } #header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;} #section_1 {width:96%; clear:both; display: inline-block; float: none; } /*圖區*/ #shopping_2 { display:; /*width:96%; clear:both; padding:50px 0px 0px 0px; display: inline-block; float: none;margin-top:20px;*/ } #decri_3 { width:96%; clear:both; padding:50px 0px 0px 0px; display: inline-block; float: none; } /*產品說明*/ #share_5 { display:none; clear:none; float:left; } #more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /* display:none;*/} #contact_text{ display:none;} #contact_form{ float:left; position:relative; padding-right:0px; width:100%; min-width:300px; color:#333; border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; font-weight:300; } #blogo{ display:none;} } @media (min-width: 480px) and (max-width: 579px) {/* 480