html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }body{overflow-x: hidden;} img{ max-width:100%;} body div,font,p,td,span{ font-family:Arial; } .flickerplate .arrow-navigation{z-index: 90!important;} @media only screen and (max-width: 1366px) and (min-width: 1025px){ #c_portalResnav_main-16286461478760479 .subnav{ padding: 20px 9%!important;} #c_portalResnav_main-16286461478760479 .subnav{ padding: 20px 9%!important;} } @font-face { font-family: 'bebas'; url('../font/BEBAS_.ttf') format('truetype'); font-weight: normal; font-style: normal; } #w_grid-1626071922721{ border-top:3px solid #eeeeee; }  .e_FlowCommonStyleBox-001 .stylebox_top{ background-color: #0072bb!important;} .e_FlowCommonStyleBox-001 .stylebox_title{ background-color: #0072bb!important;} .btn-primary{ background-color: #0072bb;border-color: #0072bb;} .btn-primary:hover{ background-color: #0072bb;border-color: #0072bb;} .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{ background-color: #0072bb;border-color: #0072bb;} .c_portalResMember_enter-01001 .p_memberEnter{ padding:5px!important;} .btn-tab, .btn-tab:hover, .btn-tab:focus{ border-color: #0072bb;color: #0072bb;} .btn-tab:active, .btn-tab.active, .open>.dropdown-toggle.btn-tab, .btn-tab:active:hover, .btn-tab.active:hover, .open>.dropdown-toggle.btn-tab:hover, .btn-tab:active:focus, .btn-tab.active:focus, .open>.dropdown-toggle.btn-tab:focus, .btn-tab:active.focus, .btn-tab.active.focus, .open>.dropdown-toggle.btn-tab.focus{ background: #0072bb;border-color: #0072bb;} .p_stepBox .step.active .stepNum{ border-color: #0072bb; background: #0072bb;} .p_stepBox .step.active .stepLine{ background: #0072bb;} .c_portalResOrder_settlement-01001 .btn-danger{ background: #0072bb!important;} .c_portalResOrder_payment-01001 .p_use{ background-color: #0072bb;} .c_portalResOrder_result-01001 .active{background: #0072bb;} .c_portalResOrder_result-01001 .p_text{color: #0072bb;} .c_portalResOrder_result-01001 .active:after{border-left: 20px solid #0072bb;} .c_portalResOrder_result-01001 .active:before{border-bottom: 20px solid #0072bb;border-top: 20px solid #0072bb;} .c_portalResOrder_result-01001 .p_fail .closebtn{color: #0072bb;} .c_portalResOrder_result-01001 .p_succ{border: 2px solid #0072bb;} .c_portalResOrder_result-01001 .p_text{color: #0072bb;} .c_portalResOrder_result-01001 .active{background: #0072bb;} .c_portalResOrder_result-01001 .active:after{border-left: 20px solid #0072bb;} .c_portalResOrder_result-01001 .active:before{border-bottom: 20px solid #0072bb;border-top: 20px solid #0072bb;} .c_portalResOrder_result-01001 .p_fail .closebtn {color: #0072bb;} .c_portalResOrder_result-01001 .p_succ{border: 2px solid #0072bb;} .c_portalResOrder_result-01001 .p_buttonA{color: #0072bb;} .c_portalResOrder_result-01001 .p_buttonB{color: #0072bb;} .c_portalResShoppingCart_list-01001 .p_cartOptBar{ background: #0072bb;} .c_portalResShoppingCart_list-01001 .price{ color:#fff;} .c_portalResShoppingCart_list-01001 .price-sm{} .c_portalResShoppingCart_list-01001 .shape .first{ background-color: #e43a32}  #c_portalResSearch_total-1625215579145,#c_portalResSearch_total-1625620229365,#c_portalResSearch_total-1625706683741,#c_portalResSearch_total-1626071923246,#c_portalResSearch_total-16270344441978409{ float:right!important; } #c_portalResProduct_detail-16011100220546020.c_portalResProduct_detail-01001003 .p_images{ width:300px !important; height:300px !important; border:1px solid #eee; } #c_portalResProduct_detail-16011100220546020.c_portalResProduct_detail-01001003 .d_BaseInfoBox{ display:none !important; white-space:normal; width:100%; padding:40px 20px 20px 20px; margin-bottom:20px; } #c_portalResProduct_detail-16011100220546020.c_portalResProduct_detail-01001003 .d_DecTab.active{ background:#0072bb; border-bottom:2px solid #0072bb; display:none !important; } #c_portalResProduct_list-16011066834154137 .p_Product { width: calc((96% - 45px)/3) !important; } #c_portalResProduct_detail-16010393346802780.c_portalResProduct_detail-01001003 .p_images{ width:500px !important; height:350px !important; border:1px solid #eee; } #c_portalResProduct_detail-16010393346802780.c_portalResProduct_detail-01001003 .d_DecTab.active{ background:#0072bb; border-bottom:2px solid #0072bb; display:none !important; } #c_portalResProduct_detail-16010913123529475.c_portalResProduct_detail-01001003 .p_images{ width:400px !important; height:400px !important; border:1px solid #eee; } #c_portalResProduct_detail-16010913123529475.c_portalResProduct_detail-01001003 .d_DecTab.active{ background:#eb5c20; border-bottom:2px solid #eb5c20; display:none !important; } #c_portalResProduct_list-16010946175589584.c_portalResProduct_list-01001011 .p_Product{ position:relative; display:inline-block; vertical-align:top; width: calc((100% - 80px)/4)!important; height:inherit; } #c_portalResProduct_list-16001411844773977.c_portalResProduct_list-01001011 .imgBox{ position:relative; height:0px; padding-bottom:55%; margin:0px 0px 0px; overflow:hidden; border-top-left-radius:5px; border-top-right-radius:5px; border:solid 1px #f2f2f2; } #c_portalResProduct_list-16001411844773977.c_portalResProduct_list-01001011 .proList:not(:nth-child(4n)){ margin-bottom:20px !important; } #c_portalResProduct_list-16001411844773977.c_portalResProduct_list-01001011 .p_Product{ position:relative; display:inline-block; vertical-align:top; width:calc((98% - 60px)/5)!important; height:inherit; } #c_portalResProduct_list-16001411844773977.c_portalResProduct_list-01001011 .titleBox{ padding:0px 0px 0px; border-top:1px solid #eee; font-size:16px; color:#333; text-align:center; background:#EEEEEE; line-height:50px; display:none !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }  } #c_portalResProduct_list-15918444374535311.c_portalResProduct_list-01001010 .PhotoList_k1 li a{ font-size:0px; overflow:hidden; text-align:center; background:#f6f6f6; width:100%; margin:0 auto; height:9.6vw !IMPORTANT; display:block; }  #loading { z-index: 2147483647; position: absolute; width: 100%; background:#459B67; height: 100%; top: 0; left: 0; } #loading IMG { left: 48.8%; margin-left: -105px; margin-top: -71px; position: absolute; top: 35%; } #loading .line { position: absolute; top: 50%; width: 300px; left: 50%; margin-left: -150px; height: 3px; background: rgba(255, 255, 255, 0.1); } #loading P { position: absolute; top: 50%; font-size: 12px; color: #FFF; padding-top: 40px; width: 100%; display: block; text-align:center; } @-webkit-keyframes progress1 { 0% { -webkit-transform: scalex(0); transform: scalex(0); opacity: .5; } 90% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 1; } 92% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 1; } 100% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 0; } } @keyframes progress1 { 0% { -webkit-transform: scalex(0); transform: scalex(0); opacity: .5; } 90% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 1; } 92% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 1; } 100% { -webkit-transform: scalex(1); transform: scalex(1); opacity: 0; } } @-webkit-keyframes progress2 { 0% { -webkit-transform: scale(0.3, 0.8) translatez(0); transform: scale(0.3, 0.8) translatez(0); opacity: 0; } 90% { -webkit-transform: scale(1, 1) translatex(300px) translatez(0); transform: scale(1, 1) translatex(300px) translatez(0); opacity: 1; } 100% { -webkit-transform: scale(1, 1) translatex(300px) translatez(0); transform: scale(1, 1) translatex(300px) translatez(0); opacity: 0; } } @keyframes progress2 { 0% { -webkit-transform: scale(0.3, 0.8) translatez(0); transform: scale(0.3, 0.8) translatez(0); opacity: 0; } 90% { -webkit-transform: scale(1, 1) translatex(300px) translatez(0); transform: scale(1, 1) translatex(300px) translatez(0); opacity: 1; } 100% { -webkit-transform: scale(1, 1) translatex(300px) translatez(0); transform: scale(1, 1) translatex(300px) translatez(0); opacity: 0; } } #loading .line { position: absolute; top: 50%; width: 300px; left: 50%; margin-left: -150px; height: 3px; background: rgba(255, 255, 255, 0.1); } #loading .line:before { -webkit-animation: progress1 4s infinite; animation: progress1 4s infinite; -webkit-transform-origin: 0 0; transform-origin: 0 0; content: ""; display: block; width: 300px; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); }  body,span,a,a:hover,div,p,h3,h1,h2 {  } a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} input::-webkit-input-placeholder {  color: #515151 !important; } input::-moz-placeholder {  color: #515151 !important; } input:-ms-input-placeholder {  color: #515151 !important; } textarea::-webkit-input-placeholder {  color: #515151 !important; } textarea::-moz-placeholder {  color: #515151 !important; } textarea:-ms-input-placeholder {  color: #515151 !important; } @media only screen and (max-width: 1920px) and (min-width:1600px){ #w_fimg-1566866180527 { margin-top: 20px !important; } #w_fimg-1581305283268 { margin-top: 70px !important; } #w_fimg-1581305229153 {margin-top: 165px !important;} #w_fbtn-1581318081242 .w_fbtn-1581318081242 .p_CommonBtn{ width:100%; height:36px; color:#017920 !important; border-width:1px; border-style:none; border-color:transparent; background-color:rgba(255, 102, 0, 0); padding-top:0; padding-right:20px; padding-left:20px; text-align:center; min-height:inherit; font-size:18px; border:solid 1px #017920 !important; border-radius:5px; } #w_fimg-1581317145803 { width: 98%; max-width: 251px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 40% !important; } #w_fimg-1581317666069 { width: 98%; max-width: 867px; min-width: 0px; height: auto; max-height: none; min-height: 200px; margin-top: 30% !important; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 1600px) and (min-width:1441px){ .c_portalResProduct_detail-01001003 .d_SortName { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-left: 0px !important; } #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 32%; } #w_fimg-1581317666069 {max-width: 700px !important;} #w_grid-1564212988791 { margin-top: 120px !important; } #w_fimg-1581315442260 { margin-top: 30px !important; } #w_fimg-1566866180527 { max-width: 520px !important; margin-top: 50px !IMPORTANT; margin-left: 30px !IMPORTANT; } #w_fimg-1581305229153 { width: 78% !important; margin-top: 105px !important; margin-left: 120px !important; } #w_grid-1581303914570 {width: 1600px !important;} } @media only screen and (max-width: 1440px) and (min-width:1367px){ #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 32%; } #w_fimg-1581317666069 {max-width: 700px !important;} #w_grid-1564212988791 { margin-top: 120px !important; } #w_fimg-1581315442260 { margin-top: 30px !important; } #w_fimg-1566866180527 { max-width: 520px !important; margin-top: 50px !IMPORTANT; margin-left: 30px !IMPORTANT; } #w_fimg-1581305229153 { width: 78% !important; margin-top: 105px !important; margin-left: 120px !important; } #w_grid-1581303914570 { width: 1440px !important; } } @media only screen and (max-width: 1366px) and (min-width:1281px){ #w_grid-1581317607644 { margin-top: 5px !important; } #w_grid-1581317596540 { margin-top: 5px !important; } #w_grid-1581317561107 { margin-top: 5px !important; } #w_fimg-1581317145803 {max-width: 211px !IMPORTANT;margin-top: 30% !important;} #w_fimg-1581316792069 { max-width: 260px !important; } #w_grid-1564212988791 { margin-top: 90px !important; } #w_fimg-1581316890471 { max-width: 744px !important; } #w_fimg-1581315238559 { max-width: 601px !important; margin-left: 90px !important; } #w_fimg-1581315442260 { width: 98%; max-width: 232px !important; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 60px !important; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1581317522755 { margin-top: 5px !important; } #w_fimg-1581306188204 { max-width: 188px !important; margin-top: 70px !important; } #w_common_text-1564036383968 { width: auto; max-width: 641px; min-width: 0px; height: auto; max-height: none; min-height: auto !important; margin-top: 2%; margin-left: auto; margin-right: 0px; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: auto !important; max-height: auto !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #w_fimgbox-1581301298584 { margin-top: -70px !important; } #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 28%; } #w_fimg-1581317666069 {max-width: 607px !important;margin-top: 20% !important;margin-left: 40px !important;} #w_fimg-1566866180527 {max-width: 450px !important;margin-top: 90px !important;margin-left: 40px !important;} #w_fimg-1581305283268 {margin-top: 70px !important;margin-right: 40px !IMPORTANT;} #w_fimg-1581305229153 { max-width: 548px !important; margin-top: 150px !important; margin-left: 150px !important; } #w_grid-1581303914570 { width: 1366px !important; height: auto !important; } } @media only screen and (max-width: 1280px) and (min-width:1201px){ #c_portalResnav_main-15813039674076761 .tNav .navName { position: relative; display: block; padding: 2rem 0.2vw !important; font-size: 16px; color: #2e2e2e; font-weight: normal; transition: all .5s ease; } #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 32%; } #w_grid-1581317607644 { margin-top: 5px !important; } #w_grid-1581317596540 { margin-top: 5px !important; } #w_grid-1581317561107 { margin-top: 5px !important; } #w_fimg-1581317145803 {max-width: 211px !IMPORTANT;margin-top: 30% !important;} #w_fimg-1581316792069 { max-width: 260px !important; } #w_grid-1564212988791 { margin-top: 90px !important; } #w_fimg-1581316890471 { max-width: 744px !important; } #w_fimg-1581315238559 { max-width: 601px !important; margin-left: 90px !important; } #w_fimg-1581315442260 { width: 98%; max-width: 232px !important; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 60px !important; margin-left: auto; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1581317522755 { margin-top: 5px !important; } #w_fimg-1581306188204 { max-width: 188px !important; margin-top: 70px !important; } #w_common_text-1564036383968 { width: auto; max-width: 641px; min-width: 0px; height: auto !important; max-height: auto !important; min-height: auto !important; margin-top: 2%; margin-left: auto; margin-right: 0px; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: auto !important; max-height: auto !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #w_fimgbox-1581301298584 { margin-top: -70px !important; } #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 28%; } #w_fimg-1581317666069 {max-width: 607px !important;margin-top: 20% !important;margin-left: 40px !important;} #w_fimg-1566866180527 {max-width: 450px !important;margin-top: 90px !important;margin-left: 40px !important;} #w_fimg-1581305283268 {margin-top: 70px !important;margin-right: 40px !IMPORTANT;} #w_fimg-1581305229153 { max-width: 548px !important; margin-top: 150px !important; margin-left: 150px !important; } #w_grid-1581303914570 { width: 1280px !important; height: auto !important; } } @media only screen and (max-width: 1200px) and (min-width:1081px){ #loading IMG { left: 48.5%; margin-left: -105px; margin-top: -71px; position: absolute; top: 32%; } #w_grid-1581303914579> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 74.27% !important; } #w_grid-1581303914579> div > .p_gridbox > .p_gridCell:nth-child(3n+0) { width: 13.049999999999999% !important; } #w_fimg-1581317666069 { max-width: 700px !important; } #w_grid-1564212988791 { margin-top: 70px !important; } #w_common_text-1564036383968 { width: auto; max-width: 641px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 2%; margin-left: auto; margin-right: 0px; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: auto !important; max-height: auto !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; } #w_common_text-1564036383968 { } #w_fimg-1566866180527 { max-width: 500px !important; margin-top: 70px !important; margin-left: 40px !important; } #w_fimg-1581305283268 { margin-top: 0px !important; } #w_fimg-1581305229153 { max-width: 658px !important; margin-top: 55px !important; margin-left: 40px !important; } #w_fimgbox-1581301298584 {margin-top: 82px !important;} #w_grid-1581303914579 { max-width: 99% !important; } #w_grid-1581303914570 { width: 1200px !important; height: auto !important; } } @media only screen and (max-width: 1080px) and (min-width:769px){ #w_common_text-1581315644702 { width: auto; max-width: 641px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 2%; margin-left: auto; margin-right: 0px; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: auto !important; max-height: auto !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; } #w_common_text-1564036383968 { width: auto; max-width: 641px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 2%; margin-left: auto; margin-right: 0px; margin-bottom: 5%; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: auto !important; max-height: auto !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; } #w_fimg-1566866180527 { max-width: 450px !important; margin-top: 120px !important; } #c_portalResnav_main-15813039674076761 .navLi { padding: 0 0vw !important; display: inline-block; font-size: 15px; } #w_grid-1581303914579 { max-width: 99% !important; } #w_grid-1581303914570 { width: 1080px !important; height: auto !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 #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #0072bb; border-color: #0072bb; color: #fff; } .p_page .pre:hover { color: #fff; background: #0072bb; border-color: #0072bb; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f1f1f1; background: #f1f1f1; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #0072bb; border-color: #0072bb; color: #fff; } .p_page .next:hover { background: #0072bb; border-color: #0072bb; 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 #f1f1f1; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #f1f1f1; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #0072bb; border-color: #0072bb; } .p_page .pageNum:hover { color: #fff; border-color: #0072bb; cursor: pointer; text-decoration: none; background-color: #0072bb; } .p_page .pageNum.active { text-decoration: none; background-color: #0072bb; color: #fff; border-color: #0072bb; } } @media screen and (max-width: 768px) { img{ height:auto!important;} .gdl_pic a{ display: inline-block;float: left;width: 50%;} #c_portalResSearch_total-16288375660913347{margin-left:0!important; margin-right:0!important;} #w_common_text-1626072574770,#w_common_text-1626071923151,#w_common_text-1626071923181{margin-top:40px!important;} #c_portalResPublic_codeContainer-1626071923301,#c_portalResPublic_codeContainer-1626071923306{margin-bottom:40px!important;} #w_common_text-1626071923171,#w_common_text-1626071923181{margin-top:0px!important;} #c_portalResPublic_codeContainer-1626071923256{margin-top:0!important; margin-bottom:20px!important;} #c_portalResNews_list-1626071923286{ margin-bottom:0!important;} #w_grid-1626071922751> div > .p_gridbox > .p_gridCell{ margin-bottom:0!important;} #w_grid-1626072574757 .p_gridbox{ background-image: none!important;} #w_grid-1626071922861 .p_gridbox{ background-image: none!important;} #w_grid-1626071922881 .p_gridbox{ background-image: none!important;} #w_grid-1626071922921 .p_gridbox{ background-image: none!important;} #w_grid-1626071922951 .p_gridbox{ background-image: none!important;} #w_grid-1627096233765 .p_gridbox{ background-image: none!important;} #w_grid-1600151324892,#c_portalResEbizads_banner-1626071923251{margin-top:60px!important;} #c_portalResProduct_list-1627574326019 .c_portalResProduct_list-01001011 .p_Product{ width: calc((100% - 10px)/2) !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: #0072bb; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0072bb; background-color: #0072bb; cursor: pointer; } .p_pagebox .pre:active { background-color: #0072bb; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #0072bb; } .p_pagebox .next:hover { background-color: #0072bb; } .p_pagebox .next:active { background-color: #0072bb; } }   ::-webkit-scrollbar { width: 4px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #eb5c20; }  @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; } }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url(../font/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url(../font/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url(../font/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url(../font/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url(../font/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(../font/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(../font/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(../font/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(../font/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }  @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(../font/TK3iWkUHHAIjg752GT8G.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }