html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }html{overflow-x: hidden;} #w_grid-1574695530473 > div > .p_gridbox{ width: 100%; overflow: inherit; position: static; } #w_fbtn-1574733963980.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#FFF; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; background:none; text-align:center; min-height:inherit; border-radius:30px; border:solid 1px #FFF; } .p_page .next:hover { background: #BB1C21; border-color: #BB1C21; color: #fff; cursor: pointer } .p_page .next:active { background: #BB1C21; border-color: #BB1C21; color: #fff; } .p_page .pageNum:hover { color: #fff; border-color: #BB1C21; cursor: pointer; text-decoration: none; background-color: #BB1C21; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #BB1C21; border-color: #BB1C21; } .p_page .pageNum.active { text-decoration: none; background-color: #BB1C21; color: #fff; border-color: #BB1C21; } #w_fbtn-1574754600934.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#BB1C21; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; border-radius:30px; background:none; border:solid 1px #BB1C21; } #w_fbtn-1574734984917.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#BB1C21; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; border-radius:30px; background:none; border:solid 1px #BB1C21; } #w_fbtn-1574737472370.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#fff; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; border-radius:0px; background:#BB1C21; border:solid 1px #BB1C21; } #w_fbtn-1574736948332.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#BB1C21; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; border-radius:30px; background:none; border:solid 1px #BB1C21; } #w_fbtn-1574751374194.w_fbtn-001 .p_CommonBtn{ width:100%; height:36px; color:#BB1C21; border-width:1px; border-style:none; border-color:transparent; padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; border-radius:30px; background:none; border:solid 1px #BB1C21; } #c_portalResProduct_list-15746989951761125.c_portalResProduct_list-01001011 .imgBox{ position:relative; height:0px; padding-bottom:75% !important; margin:0px 0px 12px; overflow:hidden; } @media only screen and (max-width: 1550px) and (min-width:1366px){ #w_carouselbox-1574750654447 { margin-top: 10% !important; } #w_grid-1574750588998 { min-height: 510px !important;} #w_fimg-1574750737453 {margin-right: 45% !important;margin-top: 70px !important;max-width: 280px !important;width: 100% !important;}  #w_grid-1574750589002 { margin-top: -22% !important; top: 15% !important; }  #w_grid-1574750589002> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 50% !important; }  #w_fimgbox-1574759855108 .p_contentbox { background-image: url(../image/ggw_icon_03.png); background-image-part-image: url(../image/ggw_icon_03.png); background-repeat: no-repeat; background-position: center center; background-size: 100% !IMPORTANT; }  #w_grid-1574733392009 { width: 100% !important; } #w_grid-1574733392015 { width: auto; max-width: 90% !important;} #w_fimg-1574733775941 { margin-right: 2% !important; } #w_fline-1574733892362 { margin-right: 5% !important;} #w_common_text-1574733392025 { margin-right: 5% !important;} #w_fbtn-1574733963980 { margin-right: 5% !important;} } @media only screen and (max-width: 1366px) and (min-width:1280px){ #w_grid-1574733391975 > div > .p_gridbox { background-image: url(../image/ennb444_02.png); background-size: 100% !IMPORTANT; } #w_fimg-1574750737453 { margin-right: 48% !important; margin-top: 56px !important; max-width: 280px !important; width: 100% !important; } #w_fimgbox-1574759855108 .p_contentbox { background-image: url(../image/ggw_icon_03.png); background-image-part-image: url(../image/ggw_icon_03.png); background-repeat: no-repeat; background-position: center center; background-size: 99% !IMPORTANT; } } @media only screen and (max-width: 1280px) and (min-width:1024px){ .c_portalResnav_main-01001013 .header1 h1 { width: 200px !important; height: 90px; position: relative; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease;  } .c_portalResnav_main-01001013 .header1 nav li { margin: 0 0px !important; } .c_portalResnav_main-01001013 .header1 nav li > a { padding-left: 12px !important; padding-right: 12px !important; } #w_carouselbox-1574750654447 { margin-top: 10% !important; } #w_grid-1574750588998 { min-height: 510px !important;} #w_fimg-1574750737453 {margin-right: 45% !important;margin-top: 70px !important;max-width: 280px !important;width: 100% !important;}  #w_grid-1574750589002 { margin-top: -22% !important; top: 15% !important; }  #w_grid-1574750589002> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 50% !important; } #w_grid-1574733392009 { width: 100% !important; } #w_grid-1574733392015 { width: auto; max-width: 90% !important;} #w_fimg-1574733775941 { margin-right: 2% !important; } #w_fline-1574733892362 { margin-right: 5% !important;} #w_common_text-1574733392025 { margin-right: 5% !important;} #w_fbtn-1574733963980 { margin-right: 5% !important;} #w_grid-1574733391975 > div > .p_gridbox { background-image: url(../image/ennb444_02.png); background-size: 100% !IMPORTANT; } #w_grid-1574733392009> div > .p_gridbox > .p_gridCell { margin-bottom: 2rem !important; margin-top: 2rem !important; margin-left: 0px; } #w_grid-1574735208606 > div > .p_gridbox { background-color: rgba(255, 255, 255,0.4); border-radius: 0px; box-shadow: 0 0 20px 0px #0000000a; padding: 13px 0px !important; } #w_fimg-1574735208654 { margin-top: 10px !important; } #w_fimgbox-1574759855108 .p_contentbox { background-image: url(../image/ggw_icon_03.png); background-image-part-image: url(../image/ggw_icon_03.png); background-repeat: no-repeat; background-position: center center; background-size: 98% !IMPORTANT; } #w_fimg-1574750737453 { margin-right: 58% !important; margin-top: 70px !important; max-width: 280px !important; width: 100% !important; } } @media only screen and (max-width: 1024px) and (min-width:769px){ } a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: none; } .tb { display: table; height: 100%; width: 100%; } .tb_c { display: table-cell; vertical-align: middle; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { clear:both; *zoom: 1; } .fl{ float:left; } .fr{ float:right; }  @media only screen and (max-width: 768px){ .d_description img { width: 100% !important; height: auto !important; } #w_grid-1600182383037 { margin-bottom: 0px !important; margin-top: 0px !important; } #w_common_text-1600179090796 { max-width: 100% !important; } #w_fimg-1600178977299 { margin-top: 40px !important; } #w_fimg-1600179934974 { margin-top: 30px !important; } #w_common_text-1600180030566 { max-width: 100% !important; } #w_common_text-1600180030566 p{ word-break:break-all !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } #content_box-1593686087588-0 { display: none !important; } #content_box-1593686087588-1 { display: none !important; } #content_box-1593686087588-2 { display: none !important; } #content_box-1593686087588-3 { display: none !important; } #w_grid-1593686087588 { margin-top: 0px !important; margin-bottom: 20px !important; } #content_box-1593686087588-5 { margin-top: 20px !important; } #w_common_text-1593686087627 { text-align: center !important; } #w_common_text-1593686087617 { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } #w_fimg-1593699197896 { margin-left: 0px !important; } .c_portalResProduct_list-01001021 .proSwiperBox { position: relative; padding: 0px !important; } #w_fbtn-1574736948332 { margin-top: 20px !important; margin-bottom: 20px !important; } #w_grid-1593696491400 { display: none !important; } #c_portalResEbizads_banner-15936945033890366 { margin-right: 0px !important; margin-bottom: 0px !important; } #w_common_text-1574731586009 { margin-bottom: 15px !important; word-break: break-all !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } #c_portalResPublic_codeContainer-15936951505535696 { margin-bottom: 15px !important; } #w_fimg-1589005657850 { padding-left: 15px !important; } #w_grid-1574695530473 { width: 30% !important; float: right; clear: none; } #w_grid-1589005392989 { width: 70% !important; float: left; clear: none; } #w_fimg-1589005657850 { padding-left: 15px !important; } } @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #c8c8c8; background: #fff; color: #333333; } .p_page .pre:active { background: #1169ff; border-color: #1169ff; color: #fff; } .p_page .pre:hover { color: #fff; background: #1169ff; border-color: #1169ff; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #1169ff; border-color: #1169ff; color: #fff; } .p_page .next:hover { background: #1169ff; border-color: #1169ff; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #ffffff; border: 1px solid #c8c8c8; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #c8c8c8; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #1169ff; border-color: #1169ff; } .p_page .pageNum:hover { color: #fff; border-color: #1169ff; cursor: pointer; text-decoration: none; background-color: #1169ff; } .p_page .pageNum.active { text-decoration: none; background-color: #1169ff; color: #fff; border-color: #1169ff; } } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #1169ff; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #1169ff; background-color: #1169ff; cursor: pointer; } .p_pagebox .pre:active { background-color: #1169ff; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #1169ff; } .p_pagebox .next:hover { background-color: #1169ff; } .p_pagebox .next:active { background-color: #1169ff; } }