html,body{margin: 0;padding: 0;} .pagebox{ position:relative; } .c_portalResBreadcrumb_nav-01001{ background: #eee !important; padding: 5px 20px !important; height: auto !important; } .p_breadcrumbFirst { color: #009e38 !important; }  .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 44%; height: 44px; border: 0px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top; } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 12px; text-align: center; width: 100%; line-height: 45px; } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 12px; line-height: 45px; } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #323332; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } .p_pagebox { width: 100%; height: auto; margin: 0; clear: both; position: relative; font-size: 0; white-space: nowrap; } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #009e38; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #009e38; background-color: #009e38; cursor: pointer } .p_pagebox .pre:active { background-color: #009e38; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; line-height: 45px; } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0"; line-height: 45px; font-size: 12px; } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #009e38; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: #009e38; cursor:pointer; } .p_pagebox .next:active{ background-color:#009e38; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 12px; line-height: 45px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; line-height: 45px; font-size: 12px; }  #w_grid-1563676641127 { border-bottom: 1px solid #d6d8e1; width:100% !important; } @media only screen and (max-width: 768px){ #content_box-1563676656053-2,#content_box-1563676656053-3{display:none;} }  #w_fimgbox-1571706442486:hover #w_fimg-1571706457887{opacity: 1; cursor: pointer; transition:all 0.5s;} #w_fimg-1571706457887{opacity: 0;} #w_fimgbox-1571706721005:hover #w_fimg-1571709683413{opacity: 1; cursor: pointer; transition:all 0.5s;} #w_fimg-1571709683413{opacity: 0;} #w_fimgbox-1571706722762:hover #w_fimg-1571709694946{opacity: 1; cursor: pointer; transition:all 0.5s;} #w_fimg-1571709694946{opacity: 0;} #w_fimgbox-1571706807759:hover #w_fimg-1571709696786{opacity: 1; cursor: pointer; transition:all 0.5s;} #w_fimg-1571709696786{opacity: 0;} #w_fimgbox-1571709522707:hover #w_fimg-1571709698374{opacity: 1; cursor: pointer; transition:all 0.5s;} #w_fimg-1571709698374{opacity: 0;} #w_fimgbox-1571706442486:hover .p_contentbox{background: rgba(0, 0, 0, 0.2);} #w_fimgbox-1571706721005:hover .p_contentbox{background: rgba(0, 0, 0, 0.2);} #w_fimgbox-1571706722762:hover .p_contentbox{background: rgba(0, 0, 0, 0.2);} #w_fimgbox-1571706807759:hover .p_contentbox{background: rgba(0, 0, 0, 0.2);} #w_fimgbox-1571709522707:hover .p_contentbox{background: rgba(0, 0, 0, 0.2);} @media only screen and (max-width: 768px){ #w_fimgbox-1571706442486 .p_contentbox{background: rgba(0, 0, 0, 0.5);} #w_fimgbox-1571706721005 .p_contentbox{background: rgba(0, 0, 0, 0.5);} #w_fimgbox-1571706722762 .p_contentbox{background: rgba(0, 0, 0, 0.5);} #w_fimgbox-1571706807759 .p_contentbox{background: rgba(0, 0, 0, 0.5);} #w_fimgbox-1571709522707 .p_contentbox{background: rgba(0, 0, 0, 0.5);} #w_fimg-1571706457887{opacity: 1;} #w_fimg-1571709683413{opacity: 1;} #w_fimg-1571709694946{opacity: 1;} #w_fimg-1571709696786{opacity: 1;} #w_fimg-1571709698374{opacity: 1;} #w_grid-1571705920852{margin-top: 20px !important;margin-bottom: 20px !important;} #w_grid-1571706320059 {margin-top: 20px !important;} ##w_grid-1571710057125 {margin-top: 20px !important;} #w_common_text-1571706085282 span{font-size: 20px !important;} #w_common_text-1571710026103 span{font-size: 20px !important;} }  #w_grid-1571710094193 .p_gridbox { background-image: none !important; background-image-part-image: none !important; } #w_grid-1571710686535 .p_gridbox { background-image: none !important; background-image-part-image: none !important; } #w_grid-1571710705176 .p_gridbox { background-image: none !important; background-image-part-image: none !important; } #w_fimgbox-1594719430642:hover #w_fimg-1571710759946{opacity: 0;} #w_fimgbox-1594719768289:hover #w_fimg-1571710798579{opacity: 0;} #w_fimgbox-1594719788161:hover #w_fimg-1571710803578{opacity: 0;} #w_fimgbox-1594719806229:hover #w_fimg-1571710806661{opacity: 0;} #w_fimgbox-1594719824354:hover #w_fimg-1571710808568{opacity: 0;} #w_fimgbox-1594719840792:hover #w_fimg-1571710811304{opacity: 0;} @media only screen and (max-width: 768px){ #w_grid-1571710686535,#w_grid-1571710705176 { padding-left: 20px !important; padding-right: 20px !important; } #content_box-1571710094193-1 { background: #fff; } #w_grid-1571710686535 { margin-top: 50px !important; } }  @media only screen and (max-width: 768px){ #w_fimg-1571713729585{display:none;} }  #w_grid-1571721750740 .p_gridbox{ background-image: none !important; background-image-part-image: none !important; } #w_grid-1571723988093 .p_gridbox{ background-image: none !important; background-image-part-image: none !important; } @media only screen and (max-width: 768px){ #content_box-1571721750740-0,#w_common_text-1571722665286,#w_common_text-1571722703818{display:none;} #w_fimg-1571722723063,#w_fimg-1571722745931 { margin-left: auto !important; margin-right: auto !important; } #w_fimg-1571722745931 { max-width: 130px !important; } #w_common_text-1571724250745{text-align:center;} }  @media only screen and (max-width: 768px){ .c_portalResIntro_category-01001 { margin-top: 0px !important; } #w_grid-1571737136834,#w_grid-1571797024885,#w_grid-1571740679944,#w_grid-1571740960665,#w_grid-1571799410428 { padding-top: 0 !important; padding-bottom: 0 !important; } .c_portalResIntro_detail-01001, .c_portalResCompanyFile_list-01001{ min-height: 300px !important; margin-left: 20px !important; margin-right: 20px !important; margin-top: 20px !important; } #c_portalResCompanyFile_list-15717994403901539 { min-width: 200px !important; } #w_common_text-1576898811595 { margin-top: 20px !important; margin-left: 0 !important; } } #w_common_text-1568810739831, #w_common_text-1568810775553, #w_common_text-1568810771650{background:#eee;} @media only screen and (max-width: 768px){ #w_common_text-1568809725452{margin-top: 20px !important; margin-left: 0px !important;} #w_common_text-1568810379251, #w_grid-1568809725332{padding:0 !important;} #w_common_text-1576899770441 span{font-size: 20px !important;} #w_common_text-1576905517230 span{font-size: 20px !important;} #w_common_text-1576907517865 span{font-size: 20px !important;} #w_common_text-1576907713940 span{font-size: 20px !important;} #w_common_text-1576908106756 span{font-size: 20px !important;} .c_portalResProduct_detail-01001 .d_BaseInfoBox {display: none !important;} #w_common_text-1577330271720{margin-top: 30px !important;margin-bottom: 30px !important;} #w_common_text-1571706085282 span{font-size: 20px !important;} #w_common_text-1571710026103 span{font-size: 20px !important;} #w_common_text-1577336814128 p{text-align: center !important;} #w_common_text-1576920719927 span{font-size: 32px !important;} #w_common_text-1576921225840 {max-width: 360px !important;} #w_common_text-1576891346682 span{font-size: 32px !important;} #w_common_text-1576896650938 span{font-size: 32px !important;} }