html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }body{ color:#333; font-family:Arial,Helvetica,STHeiti; font-size:0.875rem; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; } body .e_title { font-family:Arial,Helvetica,STHeiti; font-weight: normal; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style{ font-family:Arial,Helvetica,STHeiti; font-weight: normal; } .reset_style span{ font-family:Arial !important; } * { touch-action: pan-y; } .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); } .clearBoth { clear:both; width:100%; height:0px; font-size:0; overflow:hidden; line-height:0; } a { max-width: 100%; outline: 0 none; text-decoration: none; color:#333; } a:hover { text-decoration:none; color:#333; } a:focus { outline:none; -moz-outline:none; } @font-face { font-family: 'light'; src: url('/upload/font/light.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/light.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/light.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/light.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/light.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; font-family: 'bebas'; src: url('/upload/font/bebas.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/bebas.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/bebas.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/bebas.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/bebas.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; font-family: 'NEXALIGHT'; src: url('/upload/font/NEXALIGHT.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/NEXALIGHT.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/NEXALIGHT.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/NEXALIGHT.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/NEXALIGHT.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; font-family: 'QUICKSANDBOLD'; src: url('/upload/font/QUICKSANDBOLD.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/QUICKSANDBOLD.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/QUICKSANDBOLD.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/QUICKSANDBOLD.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/QUICKSANDBOLD.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; font-family: 'QUICKSANDLIGHT'; src: url('/upload/font/QUICKSANDLIGHT.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/QUICKSANDLIGHT.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/QUICKSANDLIGHT.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/QUICKSANDLIGHT.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/QUICKSANDLIGHT.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; font-family: 'NEXABOLD'; src: url('/upload/font/NEXABOLD.eot?tenantId=165721&viewType=1&v=000&fs1fbn'); src: url('/upload/font/NEXABOLD.eot?tenantId=165721&viewType=1&v=000&#iefixfs1fbn') format('embedded-opentype'), url('/upload/font/NEXABOLD.woff?tenantId=165721&viewType=1&v=000&fs1fbn') format('woff'), url('/upload/font/NEXABOLD.ttf?tenantId=165721&viewType=1&v=000&fs1fbn') format('truetype'), url('/upload/font/NEXABOLD.svg?tenantId=165721&viewType=1&v=000&fs1fbn#icomoon') format('svg'); font-weight: normal; font-style: normal; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #007c81; color: #fff; border-color: #007c81; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } @media only screen and (max-width: 768px) { #c_portalResProduct_category-16000691101166831 .e_FlowCommonStyleBox-001 .stylebox_top{display:none;} }