html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} @font-face { font-family: 'Sri-TSCRegular'; src: url('/images/img/fonts/sri-tsc-webfont.eot?tenantId=216270&viewType=1&v=1651818807000'); src: url('/images/img/fonts/sri-tsc-webfont.eot?tenantId=216270&viewType=1&v=1651818807000&#iefix') format('embedded-opentype'), url('/images/img/fonts/sri-tsc-webfont.woff?tenantId=216270&viewType=1&v=1651818807000') format('woff'), url('/images/img/fonts/sri-tsc-webfont.ttf?tenantId=216270&viewType=1&v=1651818807000') format('truetype'), url('/images/img/fonts/sri-tsc-webfont.svg#Sri-TSCRegular?tenantId=216270&viewType=1&v=1651818807000') format('svg'); font-weight: normal; font-style: normal; } #w_grid-1561690994565{position:absolute;} #w_grid-1568033083122 h2{ font-family: 'Oswald', sans-serif !important; color: #f08200;} .header1{ z-index:9; height:90px; position:fixed; background:rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,.1); top:0px; width:100%; padding:0 30px; box-shadow:0px 0px 8px 0 rgba(0, 0, 0, 0.1); -webkit-transition:all .5s ease; transition:all .5s ease; } .header1 h1 img.img1{ opacity: 1 !important; } .header1 nav li > a{ color: #fff; display:block; position:relative; -webkit-transition:color 0.5s; transition:color 0.5s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); } .header1 nav { float: left; height: 90px; line-height: 90px; width: 920px !important; position: absolute; left: 45% !important; top: 0; margin-left: -375px; -webkit-transition: all .3s ease; transition: all .3s ease; } .header1 h1 { width: 250px !important; height:36px !important; position: relative; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; margin: 25px 20px 25px 0 !important; } .header2 .logo { width: 200px !important; height:29px !important; margin-top: 0px; overflow: hidden; margin: 15px !important; }  @media only screen and (min-width: 769px) { .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: #c69642!important; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .title_main { display: inline-block; vertical-align: middle; line-height: 50px!important; color: rgba(255,255,255,1); font-weight: normal; font-size: 26px!important; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .stylebox_top { width: auto; height: 50px!important; background-color: #c69642!important; } .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 #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #b72024; border-color: #b72024; color: #fff; } .p_page .pre:hover { color: #fff; background: #b72024; border-color: #b72024; 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: #b72024; border-color: #b72024; color: #fff; } .p_page .next:hover { background: #b72024; border-color: #b72024; 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: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #b72024; border-color: #b72024; } .p_page .pageNum:hover { color: #fff; border-color: #b72024; cursor: pointer; text-decoration: none; background-color: #b72024; } .p_page .pageNum.active { text-decoration: none; background-color: #b72024; color: #fff; border-color: #b72024; } } @media screen and (max-width: 768px) { #c_portalResProduct_category-16050723540634238,#c_portalResProduct_category-1605073179276{ min-height: 70px!important;height: 70px!important;} .btn-primary { color: #fff!important; line-height: 40px!important; width: 100%; background-color: #c69642!important; border-color: #c69642!important; } .stylebox_top,#w_grid-1605072284657,#w_grid-1605073179196,#w_grid-1605074495778,#w_grid-1605074638548 { display: none!important; } #w_grid-1605071189680{ display: none !important; } #w_common_text-1593655858632,#w_common_text-1593655720333{ display: none!important;} .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: #b72024; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #b72024; background-color: #b72024; cursor: pointer; } .p_pagebox .pre:active { background-color: #b72024; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #b72024; } .p_pagebox .next:hover { background-color: #b72024; } .p_pagebox .next:active { background-color: #b72024; } #w_common_text-1569226072514{ margin: 10px 0 30px 0;} #w_common_text-1569226072514 p span{font-size: 26px!important;} #w_common_text-1569200718920 p span{font-size:14px;} #w_common_text-1568903894915 p span{font-size:14px} #w_common_text-1568903894924 p span{font-size:14px} #w_common_text-1568903894934 p span{font-size:14px} #w_common_text-1569204883172 p span{font-size:14px} #w_common_text-1569758833477 p span{font-size:14px} #content_box-1569200718905-1{padding-left:10px;} #content_box-1568903894874-1{padding-left:10px;} #content_box-1568903894883-1{padding-left:10px;} #content_box-1568903894892-1{padding-left:10px;} #content_box-1569204883156-1{padding-left:10px;} #content_box-1569758795473-1{padding-left:10px;} #w_common_text-1568903894905 p span{font-size:20px} #w_common_text-1569757998704 p span{font-size:11px} }   ::-webkit-scrollbar { width: 5px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #b72024; }  @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } to { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } } @keyframes wSkewOut { from { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } to { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } }