/*--------------------------------------------------------------------------- [LAYOUT GUIDE] #wrapper > #container > (#regin) > #area > #section > #box > #sector GNB (Global Navigation Bar) : 사이트 최상위 전체 공통네비게이션.메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바 LNB (Local Navigation Bar) : 현재 서비스 영역(Local)만 해당되는 네비게이션.서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 메뉴바 SNB (Side Navigation Bar) : 메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바 FNB (Foot Navigation Bar) : 하단메뉴, 하단로고, 주소, 카피라이팅 영역 font-family: 'Nanum Barun Gothic'; font-weight: 400; 200 300 400 700 font-family: 'Noto Sans KR'; font-weight: 400; 100 300 400 500 700 900 font-family: 'Raleway'; font-weight: 400; 100 200 300 400 500 600 700 800 900 font-family: 'Roboto'; font-weight: 400; 100 300 400 500 700 900 font-family: 'NanumBarunGothic'; font-weight: 400; 200 300 400 700 font-family: 'Nanum Barun Gothic', 'Noto Sans KR', 'Roboto', 'Raleway', 'Sans-serif', 'Verdana', 'Arial', 'Times New Roman', 'Trebuchet MS', 'Dotum', '돋움', 'Gulim', '굴림', 'AppleGothic'; SG_GREEN : #00a1ba SG_RED : #ff350a SG_BLUE : #0080ff olympia #58a9fa (88, 169, 250) focus #0096a0 logo_color #004e53 logo_red #ed1c24 logo_black #231f20 (35, 31, 32) logo_gray #58585b (88, 88, 91) logo_silver #a7a9ab (167, 169, 171) logo_gold #ac8a1b (172, 138, 27) ##### Shades and Tints of #004e53 : LOGO #000405 #001718 #00292c #003c3f #004e53 #006067 #00737a #00858e #0098a1 #00aab5 #00bdc9 #00cfdc #00e1f0 #05f0ff #18f1ff #2cf2ff #3ff3ff #53f5ff #67f6ff #7af7ff #8ef8ff #a1f9ff #b5fbff #c9fcff #dcfdff #f0feff [Tones of #004e53] #262c2d #232f30 #203233 #1d3536 #1a3839 #163a3d #133d40 #104043 #0d4346 #0a4649 #06484d #034b50 #004e53 ##### Shades and Tints of #a7a9ac : PLATINUM : TEXT #030303 #0c0d0d #161617 #1f2021 #292a2b #323435 #3c3d3f #45474a #4f5154 #585b5e #626468 #6b6e72 #75787c #7f8286 #898b8f #939599 #9d9fa2 #a7a9ac #b1b3b6 #bbbdbf #c5c7c9 #cfd0d2 #d9dadc #e4e4e5 #eeeeef #f8f8f8 ##### Shades and Tints of #262c2d (38, 44, 45) : TABLE color #020202 #0b0d0d #141718 #1d2222 #262c2d #2f3638 #384142 #414b4d #4a5658 #536062 #5c6a6d #657577 #6e7f82 #77898c #829395 #8c9c9e #97a5a7 #a2aeb0 #acb7b9 #b7c1c2 #c2cacb #ccd3d4 #d7dcdd #e2e5e6 #ecefef #f7f8f8 ##### Shades and Tints of #a7a9ab : logo_silver : text #020202 #0c0c0c #151616 #1f2020 #292a2a #323335 #3c3d3f #454749 #4f5153 #585b5d #626467 #6c6e71 #75787b #7f8285 #898c8e #939598 #9d9fa1 #a7a9ab #b1b3b5 #bbbdbe #c5c6c8 #cfd0d1 #d9dadb #e3e4e4 #edeeee #f7f7f8 ##### Shades and Tints of #ed1c24 : logo_red #090101 #1b0203 #2e0405 #400507 #520609 #64080b #76090e #880b10 #9b0c12 #ad0e14 #bf0f16 #d11118 #e3121a #ed1c24 #ee2e36 #f04047 #f15359 #f3656a #f4777c #f6898d #f79b9f #f9adb0 #fac0c2 #fbd2d3 #fde4e5 #fef6f6 deco_top : #00A156 deco_order : #F23966 deco_crimson : #dc143c deco_indianred : #cd5c5c deco_rosybrown : #bc8f8f deco_tan : #d2b48c deco_darkkhaki : #bdb76b deco_olive : #808000 deco_darkseagreen : #8FBC8F deco_darkcyan : #008b8b deco_lightseagreen : #20b2aa deco_cadetblue : #5f9ea0 deco_steelblue : #4682b4 deco_dodgerblue : #1e90ff deco_cornflowerblue : #6495ed deco_royalblue : #4169e1 deco_lightgrey : #d3d3d3 deco_silver : #c0c0c0 deco_darkgray : #a9a9a9 deco_lightslategray : #778899 deco_slategray : #708090 deco_gray : #808080 deco_dimgray : #696969 ---------------------------------------------------------------------------*/ @charset "utf-8"; @import url('/backoffice/sgcontrols/sgcommon/sgcss/fonts/montserrat/montserrat.css'); /*------------------------------------------------- TYPICAL -------------------------------------------------*/ /*ALIGN */ .tal {text-align:left !important;} .tar {text-align:right !important;} .tac {text-align:center !important;} .taj {text-align:justify !important;} .vam {vertical-align:middle !important;} .vat {vertical-align:top !important;} .vab {vertical-align:bottom !important;} .fl {float:left;} .fr {float:right;} .oh {overflow:hidden;} .cb {clear:both} .dib {display: inline-block;} .m0a {margin: 0 auto;} .deco_ul {text-decoration: underline !important;} .hidden { visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em } .default_iframe{ overflow: hidden; width: 100%; height: 100px; resize: none; border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IME MODE */ .imk {ime-mode:active;} /*한글*/ .ime {ime-mode:inactive;} /*영문*/ .imd {ime-mode:disabled;} /*영문 Only*/ /*---------------------------------------------------------------------------------------------------------------------------------- :root {--hover: red;} 가상 클래스 요소 얻기 let root = document.querySelector(':root'); window.getComputedStyle 메서드를 이용하면, 해당 요소에 전역적으로 적용된 모든 형태의 style을 반환한다 let variables = getComputedStyle(root); 변수 값 얻기 variables.getPropertyValue('--hover'); COMMON BUTTON Cancel: #94B0B3; Check: #00A9BD; Copy: #004e53; Delete: #281812; Delete completely: #BF3131; Excel: #217346; Find: #692282; List: #324B4F; Login: #692282; Post: #eb2912; Registration: #FF8A43; Save: #ee3423; Search: #617C7E; Title: #222831; ----------------------------------------------------------------------------------------------------------------------------------*/ :root{ --height: 40px; --font-family: 'Montserrat'; --color: #fff; --font-size: 0.78rem; --font-weight: 400; --letter-spacing: 0px; --line-height: 1.3; --sgcolor-black: #000; --sgcolor-gold: #FFD700; --sgcolor-platinum: #E5E4E2; --sgcolor-titanium: #878681; --sgcolor-winblue: #0078d7; --sgcolor-wingreen: #00D75F; --sgcolor-winred: #D70078; --sgcolor-winorange: #D75F00; --sgcolor-winblack: #202020; --sgcolor-wingray: #777777; --sgcolor-sgblue: #1db4d3; --sgcolor-sggreen: #00c9b7; --sgcolor-sgred: #eb2912; --sgcolor-cancel: #94b0b3; --sgcolor-check: #00a9bd; --sgcolor-contents: #004e53; --sgcolor-copy: #004e53; --sgcolor-delete: #281812; --sgcolor-delete-completely: #bf3131; --sgcolor-excel: #217346; --sgcolor-find: #0078d7; --sgcolor-list: #324b4f; --sgcolor-login: #004e53; --sgcolor-post: #eb2912; --sgcolor-registration: #ff8a43; --sgcolor-save: #ee3423; --sgcolor-savetemp: #f26357; --sgcolor-search: #617c7e; --sgcolor-submit: #ff8000; --sgcolor-title: #222831; /* gadeokap-compe.kr */ --sgcolor-login_gadeokap: #692282; } /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.flip-down { height: var(--height); color: transparent; border: none; border-radius: 0; perspective: 500px; transition: 0.4s; padding: 0 17px 0 17px; word-break:nowrap; word-wrap:normal; font-family: var(--font-family); color: var(--color); font-size: var(--font-size); font-weight: var(--font-weight); letter-spacing: var(--letter-spacing); &:active{ -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(10px); transform: translateY(10px); } } button.flip-down:hover {1 color: transparent; background-color: transparent; } button.flip-down .front, button.flip-down .back { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } button.flip-down .front { color: var(--color); background-color: var(--sgcolor-sgblue); transition: 0.4s; transform-origin: center center calc(var(--height) / -2); } button.flip-down .back { color: var(--color); background-color: var(--sgcolor-sggreen); transform: rotateX(88deg); transform-origin: center center calc(var(--height) / -2); transition: 0.4s; } button.flip-down:hover .front { transform: rotateX(-90deg); } button.flip-down:hover .back { transform: rotateX(0deg); } /* button.flip-down custom */ button.flip-down_cancel .front {background-color: var(--sgcolor-cancel);} button.flip-down_check .front {background-color: var(--sgcolor-check);} button.flip-down_copy .front {background-color: var(--sgcolor-copy);} button.flip-down_delete .front {background-color: var(--sgcolor-delete);} button.flip-down_delete-completely .front {background-color: var(--sgcolor-delete-completely);} button.flip-down_excel .front {background-color: var(--sgcolor-excel);} button.flip-down_find .front {background-color: var(--sgcolor-find);} button.flip-down_list .front {background-color: var(--sgcolor-list);} button.flip-down_login .front {background-color: var(--sgcolor-login);} button.flip-down_post .front {background: var(--sgcolor-post);} button.flip-down_registration .front {background-color: var(--sgcolor-registration);} button.flip-down_save .front {background-color: var(--sgcolor-save);} button.flip-down_search .front {background-color: var(--sgcolor-search);} button.flip-down_title .front {background-color: var(--sgcolor-title);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.shiny { height: var(--height); padding: 10px 25px; border: 2px solid var(--sgcolor-sgblue); color: var(--sgcolor-sgblue); font-family: var(--font-family); font-weight: var(--font-weight); background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; overflow: hidden; } button.shiny:hover { background-color: var(--sgcolor-sgblue); color: #fff; } button.shiny:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: var(--sgcolor-sgblue); animation: shiny-btn 3s ease-in-out infinite; } button.shiny:active{ box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2); } @-webkit-keyframes shiny-btn { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } /* button.shiny_title */ button.shiny_title {border: 2px solid var(--sgcolor-title);color: var(--sgcolor-title);} button.shiny_title:hover {background-color: var(--sgcolor-title);} button.shiny_title:before {background-color: var(--sgcolor-title);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.submit{ background-color: var(--sgcolor-sgblue); border: none; color: var(--color); cursor: pointer; display: inline-block; outline: none; position: relative; padding: 12px 24px 12px 24px; font-family: var(--font-family); font-size: var(--font-size); font-weight: var(--font-weight); letter-spacing: var(--letter-spacing); line-height: var(--line-height); &:active{ -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(10px); transform: translateY(10px); } } button.submit:before, button.submit::after{ border-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; border-style: solid; border-width: 0; content: ''; height: 24px; width: 24px; position: absolute; } button.submit:before{ border-color: var(--sgcolor-sgblue); border-right-width: 2px; border-top-width: 2px; right: -5px; top: -5px; } button.submit:after{ border-color: var(--sgcolor-sgblue); border-bottom-width: 2px; border-left-width: 2px; bottom: -5px; left: -5px; } button.submit:hover{ background-color: var(--sgcolor-sgblue); } button.submit:hover:before, button.submit:hover:after{ height: 100%; width: 100%; } /* button.submit_cancel */ button.submit_cancel{background-color: var(--sgcolor-cancel);} button.submit_cancel:before{border-color: var(--sgcolor-cancel);} button.submit_cancel:after{border-color: var(--sgcolor-cancel);} button.submit_cancel:hover,button.submit_cancel.hover{background-color: var(--sgcolor-cancel);} /* button.submit_delete */ button.submit_delete{background-color: var(--sgcolor-delete);} button.submit_delete:before{border-color: var(--sgcolor-delete);} button.submit_delete:after{border-color: var(--sgcolor-delete);} button.submit_delete:hover,button.submit_delete.hover{background-color: var(--sgcolor-delete);} /* button.submit_list */ button.submit_list{background-color: var(--sgcolor-list);} button.submit_list:before{border-color: var(--sgcolor-list);} button.submit_list:after{border-color: var(--sgcolor-list);} button.submit_list:hover,button.submit_list.hover{background-color: var(--sgcolor-list);} /* button.submit_find */ button.submit_find{background-color: var(--sgcolor-find);} button.submit_find:before{border-color: var(--sgcolor-find);} button.submit_find:after{border-color: var(--sgcolor-find);} button.submit_find:hover,button.submit_find.hover{background-color: var(--sgcolor-find);} /* button.submit_post */ button.submit_post{background-color: var(--sgcolor-post);} button.submit_post:before{border-color: var(--sgcolor-post);} button.submit_post:after{border-color: var(--sgcolor-post);} button.submit_post:hover,button.submit_post.hover{background-color: var(--sgcolor-post);} /* button.submit_registration */ button.submit_registration{background-color: var(--sgcolor-registration);} button.submit_registration:before{border-color: var(--sgcolor-registration);} button.submit_registration:after{border-color: var(--sgcolor-registration);} button.submit_registration:hover,button.submit_reg.hover{background-color: var(--sgcolor-registration);} /* button.submit_save */ button.submit_save{background-color: var(--sgcolor-save);} button.submit_save:before{border-color: var(--sgcolor-save);} button.submit_save:after{border-color: var(--sgcolor-save);} button.submit_save:hover,button.submit_save.hover{background-color: var(--sgcolor-save);} /* button.submit_search */ button.submit_search{background-color: var(--sgcolor-search);} button.submit_search:before{border-color: var(--sgcolor-search);} button.submit_search:after{border-color: var(--sgcolor-search);} button.submit_search:hover{background-color: var(--sgcolor-search);} /* button.submit_contents */ button.submit_contents{background-color: var(--sgcolor-contents);} button.submit_contents:before{border-color: var(--sgcolor-contents);} button.submit_contents:after{border-color: var(--sgcolor-contents);} button.submit_contents:hover,button.submit_contents.hover{background-color: var(--sgcolor-contents);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.horizon{ background-color: var(--sgcolor-sgblue); border:none; position:relative; font-family: var(--font-family); color: var(--color); font-size: var(--font-size); font-weight: var(--font-weight); letter-spacing: var(--letter-spacing); transition: 400ms ease all; height: var(--height); padding: 0 15px 0 15px; &:active{ -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(10px); transform: translateY(10px); } } button.horizon:hover{ background-color: transparent; color: var(--sgcolor-sgblue); } button.horizon:before, button.horizon:after{ content:''; position: absolute; top: 0; right: 0; height: 1px; width: 0; background-color: var(--sgcolor-sgblue); transition: 400ms ease all; } button.horizon:after{ right:inherit; top:inherit; left:0; bottom:0; } button.horizon:hover:before, button.horizon:hover:after{ width:100%; transition: 600ms ease all; } /* button.horizon_cancel */ button.horizon_cancel{background-color: var(--sgcolor-cancel);} button.horizon_cancel:hover{color: var(--sgcolor-cancel);} button.horizon_cancel:before,button.horizon_cancel:after{background-color: var(--sgcolor-cancel);} /* button.horizon_check */ button.horizon_check{background-color: var(--sgcolor-check);} button.horizon_check:hover{color: var(--sgcolor-check);} button.horizon_check:before,button.horizon_check:after{background-color: var(--sgcolor-check);} /* button.horizon_contents */ button.horizon_contents{background-color: var(--sgcolor-contents);} button.horizon_contents:hover{color: var(--sgcolor-contents);} button.horizon_contents:before,button.horizon_contents:after{background-color: var(--sgcolor-contents);} /* button.horizon_copy */ button.horizon_copy{background-color: var(--sgcolor-copy);} button.horizon_copy:hover{color: var(--sgcolor-copy);} button.horizon_copy:before,button.horizon_copy:after{background-color: var(--sgcolor-copy);} /* button.horizon_delete */ button.horizon_delete{background-color: var(--sgcolor-copy);} button.horizon_delete:hover{color: var(--sgcolor-copy);} button.horizon_delete:before,button.horizon_delete:after{background-color: var(--sgcolor-copy);} /* button.horizon_delete-completely */ button.horizon_delete-completely{background-color: var(--sgcolor-delete-completely);} button.horizon_delete-completely:hover{color: var(--sgcolor-delete-completely);} button.horizon_delete-completely:before,button.horizon_delete-completely:after{background-color: var(--sgcolor-delete-completely);} /* button.horizon_excel */ button.horizon_excel{background-color: var(--sgcolor-excel);} button.horizon_excel:hover{color: var(--sgcolor-excel);} button.horizon_excel:before,button.horizon_excel:after{background-color: var(--sgcolor-excel);} /* button.horizon_find */ button.horizon_find{background-color: var(--sgcolor-find);} button.horizon_find:hover{color: var(--sgcolor-find);} button.horizon_find:before,button.horizon_find:after{background-color: var(--sgcolor-find);} /* button.horizon_list */ button.horizon_list{background-color: var(--sgcolor-list);} button.horizon_list:hover{color: var(--sgcolor-list);} button.horizon_list:before,button.horizon_list:after{background-color: var(--sgcolor-list);} /* button.horizon_login */ button.horizon_login{background-color: var(--sgcolor-login);} button.horizon_login:hover{color: var(--sgcolor-login);} button.horizon_login:before,button.horizon_login:after{background-color: var(--sgcolor-login);} /* button.horizon_login_gadeokap */ button.horizon_login_gadeokap{background-color: var(--sgcolor-login_gadeokap);width: 100%;height: 120px;font-family: 'Raleway';font-size: 18px;} button.horizon_login_gadeokap:hover{color: var(--sgcolor-login_gadeokap);} button.horizon_login_gadeokap:before,button.horizon_login_gadeokap:after{background-color: var(--sgcolor-login_gadeokap);} /* button.horizon_post */ button.horizon_post{background-color: var(--sgcolor-post);} button.horizon_post:hover{color: var(--sgcolor-post);} button.horizon_post:before,button.horizon_post:after{background-color: var(--sgcolor-post);} /* button.horizon_registration */ button.horizon_registration{background-color: var(--sgcolor-registration);} button.horizon_registration:hover{color: var(--sgcolor-registration);} button.horizon_registration:before,button.horizon_registration:after{background-color: var(--sgcolor-registration);} /* button.horizon_save */ button.horizon_save{background-color: var(--sgcolor-save);} button.horizon_save:hover{color: var(--sgcolor-save);} button.horizon_save:before,button.horizon_save:after{background-color: var(--sgcolor-save);} /* button.horizon_search */ button.horizon_search{background-color: var(--sgcolor-search);} button.horizon_search:hover{color: var(--sgcolor-search);} button.horizon_search:before,button.horizon_search:after{background-color: var(--sgcolor-search);} /* button.horizon_title */ button.horizon_title{background-color: var(--sgcolor-title);} button.horizon_title:hover{color: var(--sgcolor-title);} button.horizon_title:before,button.horizon_title:after{background-color: var(--sgcolor-title);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.frameborder { height: var(--height); padding: 10px 25px; color: var(--sgcolor-sgblue); font-family: var(--font-family); font-weight: var(--font-weight); background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; background-color: var(--sgcolor-sgblue); color: #fff; line-height: var(--height); padding: 0; border: none; } button.frameborder span { position: relative; display: block; width: 100%; height: 100%; padding: 0px 17px 0px 17px; } button.frameborder:before, button.frameborder:after { position: absolute; content: ''; height: 0%; width: 1px; background-color: var(--sgcolor-sgblue); } button.frameborder:before { right: 0; top: 0; transition: all 500ms ease; } button.frameborder:after { left: 0; bottom: 0; transition: all 500ms ease; } button.frameborder:hover{ color: var(--sgcolor-sgblue); background: transparent; } button.frameborder:hover:before { transition: all 500ms ease; height: 100%; } button.frameborder:hover:after { transition: all 500ms ease; height: 100%; } button.frameborder span:before, button.frameborder span:after { position: absolute; content: ''; background: var(--sgcolor-sgblue); } button.frameborder span:before { left: 0; top: 0; width: 0%; height: 1px; transition: all 500ms ease; } button.frameborder span:after { right: 0; bottom: 0; width: 0%; height: 1px; transition: all 500ms ease; } button.frameborder span:hover:before { width: 100%; } button.frameborder span:hover:after { width: 100%; } /* button.frameborder_search */ button.frameborder_search {background-color: var(--sgcolor-search);} button.frameborder_search:before,button.frameborder_search:after {background-color: var(--sgcolor-search);} button.frameborder_search:hover{color: var(--sgcolor-search);} button.frameborder_search span:before,button.frameborder_search span:after {background: var(--sgcolor-search);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.doubleframe { position: relative; z-index: 2; height: var(--height); padding: 0 20px 0 20px; background-color: var(--sgcolor-sgblue); border: 1px solid var(--sgcolor-sgblue); font-family: var(--font-family); color: var(--color); font-size: var(--font-size); font-weight: var(--font-weight); letter-spacing: var(--letter-spacing); line-height: var(--height); &:active{ -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(10px); transform: translateY(10px); } } button.doubleframe:hover{ border: none; background: transparent; color: var(--sgcolor-sgblue); } button.doubleframe:before, button.doubleframe:after { position: absolute; content: ''; width: 0%; height: 0%; border: 1px solid; z-index: -1; transition: all 0.4s ease; } button.doubleframe:before { top: 0; left: 0; border-bottom-color: transparent; border-right-color: transparent; } button.doubleframe:after{ bottom: 0; right: 0; border-top-color: transparent; border-left-color: transparent; } button.doubleframe:hover:before, button.doubleframe:hover:after { background-color: transparent; width: 102.5%; height: 104.5%; border: 1px solid var(--sgcolor-sgblue); } /* button.doubleframe_cancel */ button.doubleframe_cancel {background-color: var(--sgcolor-cancel);border: 1px solid var(--sgcolor-cancel);} button.doubleframe_cancel:hover{color: var(--sgcolor-cancel);} button.doubleframe_cancel:hover:before,button.doubleframe_cancel:hover:after {border: 1px solid var(--sgcolor-cancel);} /* button.doubleframe_check */ button.doubleframe_check {background-color: var(--sgcolor-check);border: 1px solid var(--sgcolor-check);} button.doubleframe_check:hover{color: var(--sgcolor-check);} button.doubleframe_check:hover:before,button.doubleframe_check:hover:after {border: 1px solid var(--sgcolor-check);} /* button.doubleframe_contents */ button.doubleframe_contents {background-color: var(--sgcolor-contents);border: 1px solid var(--sgcolor-contents);} button.doubleframe_contents:hover{color: var(--sgcolor-contents);} button.doubleframe_contents:hover:before,button.doubleframe_contents:hover:after {border: 1px solid var(--sgcolor-contents);} /* button.doubleframe_copy */ button.doubleframe_copy {background-color: var(--sgcolor-copy);border: 1px solid var(--sgcolor-copy);} button.doubleframe_copy:hover{color: var(--sgcolor-copy);} button.doubleframe_copy:hover:before,button.doubleframe_copy:hover:after {border: 1px solid var(--sgcolor-copy);} /* button.doubleframe_delete */ button.doubleframe_delete {background-color: var(--sgcolor-delete);border: 1px solid var(--sgcolor-delete);} button.doubleframe_delete:hover{color: var(--sgcolor-delete);} button.doubleframe_delete:hover:before,button.doubleframe_delete:hover:after {border: 1px solid var(--sgcolor-delete);} /* button.doubleframe_delete-completely */ button.doubleframe_delete-completely {background-color: var(--sgcolor-delete-completely);border: 1px solid var(--sgcolor-delete-completely);} button.doubleframe_delete-completely:hover{color: var(--sgcolor-delete-completely);} button.doubleframe_delete-completely:hover:before,button.doubleframe_delete-completely:hover:after {border: 1px solid var(--sgcolor-delete-completely);} /* button.doubleframe_excel */ button.doubleframe_excel {background-color: var(--sgcolor-excel);border: 1px solid var(--sgcolor-excel);} button.doubleframe_excel:hover{color: var(--sgcolor-excel);} button.doubleframe_excel:hover:before,button.doubleframe_excel:hover:after {border: 1px solid var(--sgcolor-excel);} /* button.doubleframe_find */ button.doubleframe_find {background-color: var(--sgcolor-find);border: 1px solid var(--sgcolor-find);} button.doubleframe_find:hover{color: var(--sgcolor-find);} button.doubleframe_find:hover:before,button.doubleframe_find:hover:after {border: 1px solid var(--sgcolor-find);} /* button.doubleframe_list */ button.doubleframe_list {background-color: var(--sgcolor-list);border: 1px solid var(--sgcolor-list);} button.doubleframe_list:hover{color: var(--sgcolor-list);} button.doubleframe_list:hover:before,button.doubleframe_list:hover:after {border: 1px solid var(--sgcolor-list);} /* button.doubleframe_login */ button.doubleframe_login {background-color: var(--sgcolor-login);border: 1px solid var(--sgcolor-login);} button.doubleframe_login:hover{color: var(--sgcolor-login);} button.doubleframe_login:hover:before,button.doubleframe_login:hover:after {border: 1px solid var(--sgcolor-login);} /* button.doubleframe_post */ button.doubleframe_post {background-color: var(--sgcolor-post);border: 1px solid var(--sgcolor-post);} button.doubleframe_post:hover{color: var(--sgcolor-post);} button.doubleframe_post:hover:before,button.doubleframe_post:hover:after {border: 1px solid var(--sgcolor-post);} /* button.doubleframe_registration */ button.doubleframe_registration {background-color: var(--sgcolor-registration);border: 1px solid var(--sgcolor-registration);} button.doubleframe_registration:hover{color: var(--sgcolor-registration);} button.doubleframe_registration:hover:before,button.doubleframe_registration:hover:after {border: 1px solid var(--sgcolor-registration);} /* button.doubleframe_save */ button.doubleframe_save {background-color: var(--sgcolor-save);border: 1px solid var(--sgcolor-save);} button.doubleframe_save:hover{color: var(--sgcolor-save);} button.doubleframe_save:hover:before,button.doubleframe_save:hover:after {border: 1px solid var(--sgcolor-save);} /* button.doubleframe_savetemp */ button.doubleframe_savetemp {background-color: var(--sgcolor-savetemp);border: 1px solid var(--sgcolor-savetemp);} button.doubleframe_savetemp:hover{color: var(--sgcolor-savetemp);} button.doubleframe_savetemp:hover:before,button.doubleframe_savetemp:hover:after {border: 1px solid var(--sgcolor-savetemp);} /* button.doubleframe_search */ button.doubleframe_search {background-color: var(--sgcolor-search);border: 1px solid var(--sgcolor-search);} button.doubleframe_search:hover{color: var(--sgcolor-search);} button.doubleframe_search:hover:before,button.doubleframe_search:hover:after {border: 1px solid var(--sgcolor-search);} /* button.doubleframe_submit */ button.doubleframe_submit {background-color: var(--sgcolor-submit);border: 1px solid var(--sgcolor-submit);} button.doubleframe_submit:hover{color: var(--sgcolor-submit);} button.doubleframe_submit:hover:before,button.doubleframe_submit:hover:after {border: 1px solid var(--sgcolor-submit);} /* button.doubleframe_title */ button.doubleframe_title {background-color: var(--sgcolor-title);border: 1px solid var(--sgcolor-title);} button.doubleframe_title:hover{color: var(--sgcolor-title);} button.doubleframe_title:hover:before,button.doubleframe_title:hover:after {border: 1px solid var(--sgcolor-title);} /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.diagonal { border: none; display: block; text-align: center; cursor: pointer; text-transform: uppercase; outline: none; overflow: hidden; position: relative; color: var(--color); font-weight: var(--font-weight); font-size: var(--font-size); background-color: var(--sgcolor-black); height: var(--height); padding: 0px 20px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.20); } button.diagonal span { position: relative; z-index: 1; } button.diagonal:after { content: ''; position: absolute; left: 0; top: 0; height: 500%; width: 150%; /* width: var(--width, 200%); */ background-color: var(--sgcolor-sgblue); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); } button.diagonal:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); } /*------------------------------------------------------------------ ------------------------------------------------------------------*/ button.cubic { height: var(--height); font-family: var(--font-family); color: var(--color); font-size: var(--font-size); font-weight: var(--font-weight); letter-spacing: var(--letter-spacing); padding: 0 17px 0 17px; background-color: var(--sgcolor-sgblue); /*------------- top*/ border-top: 1px solid var(--sgcolor-sgblue); border-left: 1px solid var(--sgcolor-sgblue); border-right: 1px solid var(--sgcolor-platinum); border-bottom: 1px solid var(--sgcolor-platinum); transform-style: preserve-3d; transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1); &::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--sgcolor-sgblue); /*------------- middle*/ transform: translate3d(3px, 3px, -10px); /*------------- middle*/ border-top: 1px solid var(--sgcolor-sgblue); border-left: 1px solid var(--sgcolor-sgblue); border-right: 1px solid var(--sgcolor-platinum); border-bottom: 1px solid var(--sgcolor-platinum); box-shadow: 3px 3px 0 0px var(--sgcolor-sgblue); /*------------- bottom*/ transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1); } &:hover { transform: translate(0, -3px); /*X축으로 x만큼, Y축으로 y만큼 이동시킴*/ background-color: var(--sgcolor-sggreen); /*------------- top*/ border-top: 1px solid var(--sgcolor-sggreen); border-left: 1px solid var(--sgcolor-sggreen); &::before { background-color: var(--sgcolor-sggreen); /*------------- middle*/ transform: translate3d(3px, 3px, -10px); /*------------- middle*/ border-top: 1px solid var(--sgcolor-sggreen); border-left: 1px solid var(--sgcolor-sggreen); box-shadow: 3px 3px 0 0px var(--sgcolor-sggreen); /*------------- bottom*/ } } &:active { transform: translate(0, 2px); /*X축으로 x만큼, Y축으로 y만큼 이동시킴*/ background-color: var(--sgcolor-sggreen); &::before { background-color: var(--sgcolor-sggreen); /*------------- middle*/ transform: translate3d(1px, 1px, -10px); /*------------- middle*/ box-shadow: 1px 1px 0 0px var(--sgcolor-sggreen); /*------------- bottom*/ } } } /* button.cubic_cancel */ button.cubic_cancel {background-color: var(--sgcolor-cancel);border-top: 1px solid var(--sgcolor-cancel);border-left: 1px solid var(--sgcolor-cancel); &::before {background-color: var(--sgcolor-cancel);border-top: 1px solid var(--sgcolor-cancel);border-left: 1px solid var(--sgcolor-cancel);box-shadow: 3px 3px 0 0px var(--sgcolor-cancel);}} /* button.cubic_search */ button.cubic_search {background-color: var(--sgcolor-search);border-top: 1px solid var(--sgcolor-search);border-left: 1px solid var(--sgcolor-search); &::before {background-color: var(--sgcolor-search);border-top: 1px solid var(--sgcolor-search);border-left: 1px solid var(--sgcolor-search);box-shadow: 3px 3px 0 0px var(--sgcolor-search);}} /* button.cubic_save */ button.cubic_save {background-color: var(--sgcolor-save);border-top: 1px solid var(--sgcolor-save);border-left: 1px solid var(--sgcolor-save); &::before {background-color: var(--sgcolor-save);border-top: 1px solid var(--sgcolor-save);border-left: 1px solid var(--sgcolor-save);box-shadow: 3px 3px 0 0px var(--sgcolor-save);}} /*------------------------------------------------------------------ FRAME(창틀) BUTTON Mailbox Management ------------------------------------------------------------------*/ .crossframe{ margin-top: 0px;line-height: 1.3;display: inline-block;padding: 16px 24px 16px 24px;text-decoration: none;position: relative;font-family: 'Montserrat';text-align: center;font-size: 0.78rem;letter-spacing: 0px; &:active{ -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-transform: translateY(10px); transform: translateY(10px); } } .crossframe__text{font-weight: 400;transition: 300ms ease;position: relative;color: #eb2912;} .crossframe:hover .crossframe__text{color: #fff;} .crossframe__solid{position: absolute;top: 0;left: 0;margin: 10px;width: calc(100% - (5px * 4));height: calc(100% - (5px * 4));transform-origin: 50%;transform: scale(0.85);opacity: 0;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);background-color: #eb2912;} .crossframe:hover .crossframe__solid{opacity: 1;transform: scale(1);} .crossframe__outline{position: absolute;top: 0;left: 0;} .crossframe__outline--tall{margin: 0 5px;width: calc(100% - (5px * 2));height: 100%;} .crossframe__outline--flat{margin: 5px 0;height: calc(100% - (5px * 2));width: 100%;} .crossframe__line {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .crossframe__line--tall:before, .crossframe__line--tall:after{height: 100%;width: 1px;top: 0;} .crossframe:hover .crossframe__outline--flat .crossframe__line--tall:before, .crossframe:hover .crossframe__outline--flat .crossframe__line--tall:after{transform: scaleY(0);} .crossframe:hover .crossframe__outline--tall .crossframe__line--tall:before, .crossframe:hover .crossframe__outline--tall .crossframe__line--tall:after{margin: 5px 0;height: calc(100% - (5px * 2));} .crossframe__line--tall:before{left: 0;} .crossframe__line--tall:after{right: 0;} .crossframe__line--flat:before, .crossframe__line--flat:after{width: 100%;height: 1px;left: 0;} .crossframe:hover .crossframe__outline--tall .crossframe__line--flat:before, .crossframe:hover .crossframe__outline--tall .crossframe__line--flat:after{transform: scaleX(0);} .crossframe:hover .crossframe__outline--flat .crossframe__line--flat:before, .crossframe:hover .crossframe__outline--flat .crossframe__line--flat:after{margin: 0 5px;width: calc(100% - (5px * 2));} .crossframe__line--flat:before {top: 0;} .crossframe__line--flat:after{bottom: 0;} .crossframe__line:before, .crossframe__line:after{content: '';display: block;position: absolute;transition: 800ms cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #eb2912;} .crossframe:hover .crossframe__line:before, .crossframe:hover .crossframe__line:after{transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);} /* crossframe_search */ .crossframe_search .crossframe__text{color: #617c7e;} .crossframe_search .crossframe__solid{background-color: #617c7e;} .crossframe_search .crossframe__line:before, .crossframe_search .crossframe__line:after{background-color: #617c7e;} /* crossframe_post */ .crossframe_post .crossframe__text{color: #00a1ba;} .crossframe_post .crossframe__solid{background-color: #00a1ba;} .crossframe_post .crossframe__line:before, .crossframe_post .crossframe__line:after{background-color: #00a1ba;} /* crossframe_group */ .crossframe_group .crossframe__text{color: #007BF9;} .crossframe_group .crossframe__solid{background-color: #007BF9;} .crossframe_group .crossframe__line:before, .crossframe_group .crossframe__line:after{background-color: #007BF9;} /* crossframe_box */ .crossframe_box .crossframe__text{color: #497E91;} .crossframe_box .crossframe__solid{background-color: #497E91;} .crossframe_box .crossframe__line:before, .crossframe_box .crossframe__line:after{background-color: #497E91;} /* crossframe_filter */ .crossframe_filter .crossframe__text{color: #00c9b7;} .crossframe_filter .crossframe__solid{background-color: #00c9b7;} .crossframe_filter .crossframe__line:before, .crossframe_filter .crossframe__line:after{background-color: #00c9b7;} /*---------------------------------------------------------------------------------------------------- CONTROLS ----------------------------------------------------------------------------------------------------*/ /*INPUT*/ input.ctl_h40_w100_tal{height: 40px !important;width: 100% !important;font-size: 0.84rem !important;text-align: left !important;} input.ctl_h40_w100_tac{height: 40px !important;width: 100% !important;font-size: 0.84rem !important;text-align: center !important;} input.ctl_h40_w100_f13_tal{height: 40px !important;width: 100% !important;font-size: 13px !important;text-align: left !important;} /*TEXTAREA*/ textarea.ctl_area_w100{width: 100% !important;font-size: 0.84rem !important;} textarea.ctl_area_w100_f13{width: 100% !important;font-size: 13px !important;} textarea.textarea_autosize{ -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s; } /* button.ctl_horizon */ button.ctl_horizon{ background-color:#00a1ba; color:#fff; border:none; position:relative; font-family: 'Raleway'; font-size: 12.6px; font-weight: 400; letter-spacing: -0.1px; cursor:pointer; transition:800ms ease all; outline:none; height: 40px; padding-left: 20px; padding-right: 20px; /* padding: 10px 20px 10px 20px; */ } button.ctl_horizon:hover{ background-color:#fff; color:#00a1ba; } button.ctl_horizon:before, button.ctl_horizon:after{ content:''; position:absolute; top:0; right:0; height:1px; width:0; background-color: #00a1ba; transition:400ms ease all; } button.ctl_horizon:after{ right:inherit; top:inherit; left:0; bottom:0; } button.ctl_horizon:hover:before, button.ctl_horizon:hover:after{ width:100%; transition:800ms ease all; } /* button.ctl_horizon_excel */ button.ctl_horizon_excel{background-color:#217346;} button.ctl_horizon_excel:hover{color:#217346;} button.ctl_horizon_excel:before,button.ctl_horizon_excel:after{background-color:#217346;} /* button.ctl_horizon_search */ button.ctl_horizon_search{background-color:#324A51;} button.ctl_horizon_search:hover{color:#324A51;} button.ctl_horizon_search:before,button.ctl_horizon_search:after{background-color:#324A51;} /* button.ctl_horizon_h32 */ button.ctl_horizon_h32{background-color:#005C85;height:32px;padding-left:16px;padding-right:16px;} button.ctl_horizon_h32:hover{color:#005C85;} button.ctl_horizon_h32:before,button.ctl_horizon_h32:after{background-color:#005C85;} /* button.ctl_horizon_h26 */ button.ctl_horizon_h26{background-color:#005C85;height:26px;font-size: 12px;padding-left:12px;padding-right:12px;} button.ctl_horizon_h26:hover{color:#005C85;} button.ctl_horizon_h26:before,button.ctl_horizon_h26:after{background-color:#005C85;} /* button.ctl_submit */ button.ctl_submit{ background-color: #ff350a; border: none; color: #ffffff; cursor: pointer; display: inline-block; outline: none; position: relative; padding: 12px 30px 12px 30px; font-family: 'Raleway'; font-size: 13px; font-weight: 400; letter-spacing: -0.0px; line-height: 1.0; } button.ctl_submit:before, button:after{ border-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; border-style: solid; border-width: 0; content: ''; height: 24px; width: 24px; position: absolute; } button.ctl_submit:before{ border-color: #ff350a; border-right-width: 2px; border-top-width: 2px; right: -5px; top: -5px; } button.ctl_submit:after{ border-color: #ff350a; border-bottom-width: 2px; border-left-width: 2px; bottom: -5px; left: -5px; } button.ctl_submit:hover, button.ctl_submit.hover{ background-color: #ff350a; } button.ctl_submit:hover:before, button.ctl_submit.hover:before, button.ctl_submit:hover:after, button.ctl_submit.hover:after{ height: 100%; width: 100%; } /* button.submit_delete */ button.submit_delete{background-color: #281812;} button.submit_delete:before{border-color: #281812;} button.submit_delete:after{border-color: #281812;} button.submit_delete:hover,button.submit_delete.hover{background-color: #281812;} /*BUTTON*/ button.ctl_search_h40_f13{ height: 40px; background-color: #566264; padding-left: 20px; padding-right: 20px; font-family: 'Roboto'; font-size: 13px; color: #fff; font-weight: 400; } button.ctl_reg_h40_f13{ height: 40px; background-color: #00aace; padding-left: 20px; padding-right: 20px; font-family: 'Roboto'; font-size: 13px; color: #fff; font-weight: 400; } button.ctl_save_h40_f13{ height: 40px; background-color: #ff350a; padding-left: 20px; padding-right: 20px; font-family: 'Roboto'; font-size: 13px; color: #fff; font-weight: 400; } button.ctl_cancel_h40_f13{ height: 40px; background-color: #d3d3d3; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.ctl_pass_h40_f13{ height: 40px; background-color: #778899; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.ctl_item_h40_f13{ height: 40px; background-color: #007993; padding-left: 20px; padding-right: 20px; font-family: 'Roboto'; font-size: 13px; color: #fff; font-weight: 400; } /*---------------------------------------------------------------------------------------------------- KSA PORTAL ----------------------------------------------------------------------------------------------------*/ /*INPUT*/ input.input_h40_w100_f14_tac{height: 40px !important;width: 100% !important;font-size: 14px !important;text-align: center !important;} input.input_h40_w100_f13_tal{height: 40px !important;width: 100% !important;font-size: 13px !important;text-align: left !important;} input.input_h40_w100_f14_tal{height: 40px !important;width: 100% !important;font-size: 14px !important;text-align: left !important;} /*TEXTAREA*/ textarea.textarea_w100_f13{width: 100% !important;font-size: 13px !important;} /* button.submit */ button.submit{ background-color: #b08e5f; border: none; color: #ffffff; cursor: pointer; display: inline-block; outline: none; position: relative; padding: 12px 30px 12px 30px; font-family: 'Raleway'; font-size: 12.5px; font-weight: 400; letter-spacing: -0.0px; line-height: 1.0; } button.submit:before, button:after{ border-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; border-style: solid; border-width: 0; content: ''; height: 24px; width: 24px; position: absolute; } button.submit:before{ border-color: #b08e5f; border-right-width: 2px; border-top-width: 2px; right: -5px; top: -5px; } button.submit:after{ border-color: #b08e5f; border-bottom-width: 2px; border-left-width: 2px; bottom: -5px; left: -5px; } button.submit:hover, button.submit.hover{ background-color: #b08e5f; } button.submit:hover:before, button.submit.hover:before, button.submit:hover:after, button.submit.hover:after{ height: 100%; width: 100%; } /* button.submit_contents */ button.submit_contents{background-color: #004e53;} button.submit_contents:before{border-color: #004e53;} button.submit_contents:after{border-color: #004e53;} button.submit_contents:hover,button.submit_contents.hover{background-color: #004e53;} /* button.submit_list */ button.submit_list{background-color: #324B4F;} button.submit_list:before{border-color: #324B4F;} button.submit_list:after{border-color: #324B4F;} button.submit_list:hover,button.submit_list.hover{background-color: #324B4F;} /* button.submit_reg */ button.submit_reg{background-color: #FF8A43;} button.submit_reg:before{border-color: #FF8A43;} button.submit_reg:after{border-color: #FF8A43;} button.submit_reg:hover,button.submit_reg.hover{background-color: #FF8A43;} /* button.submit_search */ button.submit_search{background-color: #617C7E;} button.submit_search:before{border-color: #617C7E;} button.submit_search:after{border-color: #617C7E;} button.submit_search:hover,button.submit_search.hover{background-color: #617C7E;} /* button.submit_cancel */ button.submit_cancel{background-color: #94B0B3;} button.submit_cancel:before{border-color: #94B0B3;} button.submit_cancel:after{border-color: #94B0B3;} button.submit_cancel:hover,button.submit_cancel.hover{background-color: #94B0B3;} /* button.submit_save */ button.submit_save{background-color: #ff350a;} button.submit_save:before{border-color: #ff350a;} button.submit_save:after{border-color: #ff350a;} button.submit_save:hover,button.submit_save.hover{background-color: #ff350a;} /* button.submit_small */ button.submit_small{background-color: #7198a1;padding: 5px 10px 5px 10px;font-size: 13px;font-weight: 400;} button.submit_small:before{border-color: #7198a1;border-right-width: 1px;border-top-width: 1px;} button.submit_small:after{border-color: #7198a1;border-bottom-width: 1px;border-left-width: 1px;} button.submit_small:hover,button.submit_small.hover{background-color: #7198a1;} /* button.submit_ssmall */ button.submit_ssmall{background-color: #0080FF;padding: 3px 8px 3px 8px;font-size: 12px;font-weight: 400;} button.submit_ssmall:before{border-color: #0080FF;border-right-width: 1px;border-top-width: 1px;} button.submit_ssmall:after{border-color: #0080FF;border-bottom-width: 1px;border-left-width: 1px;} button.submit_ssmall:hover,button.submit_ssmall.hover{background-color: #0080FF;} /* button.horizon */ button.horizon{ background-color:#004e53; color:#fff; border:none; position:relative; font-family: 'Raleway'; font-size: 13px; font-weight: 400; letter-spacing: -0.3px; cursor:pointer; transition:800ms ease all; outline:none; height: 40px; padding-left: 20px; padding-right: 20px; /* padding: 10px 20px 10px 20px; */ } button.horizon:hover{ background-color:#fff; color:#004e53; } button.horizon:before, button.horizon:after{ content:''; position:absolute; top:0; right:0; height:1px; width:0; background-color: #004e53; transition:400ms ease all; } button.horizon:after{ right:inherit; top:inherit; left:0; bottom:0; } button.horizon:hover:before, button.horizon:hover:after{ width:100%; transition:800ms ease all; } /* button.horizon_list */ button.horizon_list{background-color:#00A9BD;} button.horizon_list:hover{color:#00A9BD;} button.horizon_list:before,button.horizon_list:after{background-color: #00A9BD;} button.basic{ background-color:#004e53; color:#fff; border:none; position:relative; font-family: 'Nanum Barun Gothic'; font-size: 13px; font-weight: 400; letter-spacing: -0.3px; cursor:pointer; transition:800ms ease all; outline:none; height: 40px; padding-left: 20px; padding-right: 20px; } button.basic:hover{ background-color:#fff; color:#004e53; } button.basic:before, button.basic:after{ content:''; position:absolute; top:0; right:0; height:1px; width:0; background-color: #004e53; transition:400ms ease all; } button.basic:after{ right:inherit; top:inherit; left:0; bottom:0; } button.basic:hover:before, button.basic:hover:after{ width:100%; transition:800ms ease all; } /* button.basic_check */ button.basic_check{background-color:#00A9BD;} button.basic_check:hover{color:#00A9BD;} button.basic_check:before,button.basic_check:after{background-color: #00A9BD;} /* button.basic_login */ button.basic_login{background-color: #0096a0;width: 100%;height: 110px;font-family: 'Raleway';font-size: 18px;} button.basic_login:hover{color: #0096a0;} button.basic_login:before,button.basic_login:after{background-color: #0096a0;} /* button.login_elearning */ button.login_elearning{background-color: #066CB0;width: 100%;height: 110px;font-family: 'Raleway';font-size: 18px;} button.login_elearning:hover{color: #066CB0;} button.login_elearning:before,button.login_elearning:after{background-color: #066CB0;} /* button.find_pwd_olympiad */ button.find_pwd_olympiad{background-color: #531218;width: 100%;height: 50px;font-family: 'Montserrat';font-size: 14px;} button.find_pwd_olympiad:hover{color: #531218;} button.find_pwd_olympiad:before,button.find_pwd_olympiad:after{background-color: #531218;} /*-------------------------------------------------- FRAME(창틀) BUTTON
2021 Kyujanggak Symposium Booklet
--------------------------------------------------*/ .frame-btn{margin-top: 0px;line-height: 10px;display: inline-block;padding: 20px 30px;letter-spacing: 0px;text-decoration: none;position: relative; font-family: 'Roboto', 'Raleway', 'Nanum Barun Gothic', 'Noto Sans KR'; font-size: 13px;letter-spacing: 0;} .frame-btn__text{font-weight: 400;transition: 300ms ease;position: relative; color: #007993;} .frame-btn:hover .frame-btn__text{color: white;} .frame-btn__solid{position: absolute;top: 0;left: 0;margin: 10px;width: calc(100% - (5px * 4));height: calc(100% - (5px * 4));transform-origin: 50%;transform: scale(0.85);opacity: 0;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #007993;} .frame-btn:hover .frame-btn__solid{opacity: 1;transform: scale(1);} .frame-btn__outline{position: absolute;top: 0;left: 0;} .frame-btn__outline--tall{margin: 0 5px;width: calc(100% - (5px * 2));height: 100%;} .frame-btn__outline--flat{margin: 5px 0;height: calc(100% - (5px * 2));width: 100%;} .frame-btn__line {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .frame-btn__line--tall:before, .frame-btn__line--tall:after{height: 100%;width: 1px;top: 0;} .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:before, .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:after{ transform: scaleY(0);} .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:before, .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:after{margin: 5px 0;height: calc(100% - (5px * 2));} .frame-btn__line--tall:before{left: 0;} .frame-btn__line--tall:after{right: 0;} .frame-btn__line--flat:before, .frame-btn__line--flat:after{width: 100%;height: 1px;left: 0;} .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:before, .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:after{ transform: scaleX(0);} .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:before, .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:after{margin: 0 5px;width: calc(100% - (5px * 2));} .frame-btn__line--flat:before {top: 0;} .frame-btn__line--flat:after{bottom: 0;} .frame-btn__line:before, .frame-btn__line:after{content: '';display: block;position: absolute;transition: 800ms cubic-bezier(0.165, 0.84, 0.44, 1); background-color: #007993;} .frame-btn:hover .frame-btn__line:before, .frame-btn:hover .frame-btn__line:after{transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);} /*BUTTON*/ button.btn_h40_f13{ height: 40px; background-color: #004E53; padding-left: 20px; padding-right: 20px; font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #fff; font-weight: 400; } /*-------------------------------------------------- COLOR DEFINITION --------------------------------------------------*/ sup.required {color: #ef4024 !important;font-weight: bold !important;font-size: 13px !important;font-family: 'Roboto' !important;} sup.optional {color: #58a9fa !important;font-weight: bold !important;font-size: 13px !important;font-family: 'Roboto' !important;} sup.necessary {color: #ef4024 !important;font-weight: bold !important;font-size: 13px !important;font-family: 'Roboto' !important;} sup.need {color: #58a9fa !important;font-weight: bold !important;font-size: 13px !important;font-family: 'Roboto' !important;} /* custom */ span.deco_back {color: #BE3144 !important;} span.deco_level {color: #0046B8 !important;} span.deco_items {color: #00A059 !important;} span.deco_top {color: #00A156 !important;} span.deco_order {color: #F23966 !important;} span.deco_sgred {color: #ff350a !important;} span.deco_sgblue {color: #0080ff !important;} span.emphasis {font-weight: bold !important;} span.deco_grade_family {color: #0188cc !important;} span.deco_wowpress_black {color: #313040 !important;} span.deco_wowpress {color: #cd0067 !important;} span.necessary {color: #ef4024 !important;font-weight: bold !important;font-size: 11px !important;} span.deco_olympiad_navy {color: #066CB0 !important;} span.deco_olympiad_blue {color: #58a9fa !important;} span.deco_black {color: #000000 !important;} span.deco_blue {color: #0000ff !important;} span.deco_blueviolet {color: #8a2be2 !important;} span.deco_brown {color: #a52a2a !important;} span.deco_burlywood {color: #deb887 !important;} span.deco_cadetblue {color: #5f9ea0 !important;} span.deco_chocolate {color: #d2691e !important;} span.deco_coral {color: #ff7f50 !important;} span.deco_cornflowerblue {color: #6495ed !important;} span.deco_crimson {color: #dc143c !important;} span.deco_darkblue {color: #00008b !important;} span.deco_darkcyan {color: #008b8b !important;} span.deco_darkgoldenrod {color: #b8860b !important;} span.deco_darkgray {color: #a9a9a9 !important;} span.deco_darkgreen {color: #006400 !important;} span.deco_darkkhaki {color: #bdb76b !important;} span.deco_darkmagenta {color: #8b008b !important;} span.deco_darkolivegreen {color: #556b2f !important;} span.deco_darkorange {color: #ff8c00 !important;} span.deco_darkorchid {color: #9932cc !important;} span.deco_darkred {color: #8b0000 !important;} span.deco_darkseagreen {color: #8fbc8f !important;} span.deco_darkslateblue {color: #483d8b !important;} span.deco_darkslategray {color: #2f4f4f !important;} span.deco_darkturquoise {color: #00ced1 !important;} span.deco_darkviolet {color: #9400d3 !important;} span.deco_deepskyblue {color: #00bfff !important;} span.deco_deeppink {color: #ff1493 !important;} span.deco_dimgray {color: #696969 !important;} span.deco_dodgerblue {color: #1e90ff !important;} span.deco_firebrick {color: #b22222 !important;} span.deco_forestgreen {color: #228b22 !important;} span.deco_gainsboro {color: #dcdcdc !important;} span.deco_gold {color: #ffd700 !important;} span.deco_goldenrod {color: #daa520 !important;} span.deco_green {color: #008000 !important;} span.deco_gray {color: #808080 !important;} span.deco_indianred {color: #cd5c5c !important;} span.deco_indigo {color: #4b0082 !important;} span.deco_lightblue {color: #add8e6 !important;} span.deco_lightcoral {color: #f08080 !important;} span.deco_lightgrey {color: #d3d3d3 !important;} span.deco_lightseagreen {color: #20b2aa !important;} span.deco_lightskyblue {color: #87cefa !important;} span.deco_lightsteelblue {color: #b0c4de !important;} span.deco_limegreen {color: #32cd32 !important;} span.deco_maroon {color: #800000 !important;} span.deco_mediumblue {color: #0000cd !important;} span.deco_mediumorchid {color: #ba55d3 !important;} span.deco_mediumpurple {color: #9370db !important;} span.deco_mediumseagreen {color: #3cb371 !important;} span.deco_mediumvioletred {color: #c71585 !important;} span.deco_midnightblue {color: #191970 !important;} span.deco_navy {color: #000080 !important;} span.deco_olive {color: #808000 !important;} span.deco_olivedrab {color: #6b8e23 !important;} span.deco_orange {color: #ffa500 !important;} span.deco_orangered {color: #ff4500 !important;} span.deco_orchid {color: #da70d6 !important;} span.deco_palevioletred {color: #db7093 !important;} span.deco_peru {color: #cd853f !important;} span.deco_purple {color: #800080 !important;} span.deco_red {color: #ef4024 !important;} span.deco_rosybrown {color: #bc8f8f !important;} span.deco_royalblue {color: #4169e1 !important;} span.deco_saddlebrown {color: #8b4513 !important;} span.deco_salmon {color: #fa8072 !important;} span.deco_seagreen {color: #2e8b57 !important;} span.deco_sienna {color: #a0522d !important;} span.deco_silver {color: #c0c0c0 !important;} span.deco_skyblue {color: #87ceeb !important;} span.deco_slategray {color: #708090 !important;} span.deco_steelblue {color: #4682b4 !important;} span.deco_tan {color: #d2b48c !important;} span.deco_teal {color: #008080 !important;} span.deco_tomato {color: #ff6347 !important;} span.deco_violet {color: #ee82ee !important;} span.deco_yellow {color: #ffff00 !important;} select.deco_sgblue {color: var(--sgcolor-sgblue) !important;border-color: var(--sgcolor-sgblue) !important;} /* custom */ input.deco_back {color: #BE3144 !important;border-color: #BE3144 !important;} input.deco_level {color: #0046B8 !important;border-color: #0046B8 !important;} input.deco_items {color: #00A059 !important;border-color: #00A059 !important;} input.deco_top {color: #00A156 !important;border-color: #00A156 !important;} input.deco_order {color: #F23966 !important;border-color: #F23966 !important;} input.s_key {color: #004080 !important;border-color: #004080 !important;} input.deco_default {color: #333 !important;border-color: #cfcfcf !important;} input.deco_sgred {color: #ff350a !important;border-color: #ff350a !important;} input.deco_sgblue {color: var(--sgcolor-sgblue) !important;border-color: var(--sgcolor-sgblue) !important;} input.deco_black {color: #000000 !important;border-color: #000000 !important;} input.deco_blue {color: #0000ff !important;border-color: #0000ff !important;} input.deco_coral {color: #ff7f50 !important;border-color: #ff7f50 !important;} input.deco_crimson {color: #dc143c !important;border-color: #dc143c !important;} input.deco_darkorange {color: #ff8c00 !important;border-color: #ff8c00 !important;} input.deco_darkseagreen {color: #8fbc8f !important;border-color: #8fbc8f !important;} input.deco_darkcyan {color: #008b8b !important;border-color: #008b8b !important;} input.deco_dodgerblue {color: #1e90ff !important;border-color: #1e90ff !important;} input.deco_green {color: #008000 !important;border-color: #008000 !important;} input.deco_gray {color: #808080 !important;border-color: #808080 !important;} input.deco_midnightblue {color: #191970 !important;border-color: #191970 !important;} input.deco_navy {color: #000080 !important;border-color: #000080 !important;} input.deco_orange {color: #ffa500 !important;border-color: #ffa500 !important;} input.deco_orangered {color: #ff4500 !important;border-color: #ff4500 !important;} input.deco_royalblue {color: #4169e1 !important;border-color: #4169e1 !important;} input.deco_red {color: #ef4024 !important;border-color: #ef4024 !important;} input.deco_silver {color: #c0c0c0 !important;border-color: #c0c0c0 !important;} input.deco_steelblue {color: #4682b4 !important;border-color: #4682b4 !important;} input.deco_teal {color: #008080 !important;border-color: #008080 !important;} input.deco_violet {color: #ee82ee !important;border-color: #ee82ee !important;} input.deco_yellow {color: #ffff00 !important;border-color: #ffff00 !important;} input.input_h32_w100_f13_tac {height: 32px !important;width: 100% !important;font-size: 13px !important;text-align: center !important;} input.input_h30_w100_f12_tal {height: 30px !important;width: 100% !important;font-size: 12px !important;text-align: left !important;} input.deco_h50_w100_f16_tal {color: #231f20 !important;border-color: #e7e7e9 !important;height: 50px !important;width: 100% !important;font-size: 16px !important;text-align: left !important;} input.deco_h40_w100_f14_tal {height: 40px !important;width: 100% !important;font-size: 14px !important;color: #333 !important;border-color: #d9d9d9 !important;text-align: left !important;} input.deco_h50_w100_f13_tal {color: #333 !important;border-color: #d9d9d9 !important;height: 50px !important;width: 100% !important;font-size: 13px !important;text-align: left !important;} input.deco_h50_w100_f15_tal {color: #333 !important;border-color: #d9d9d9 !important;height: 50px !important;width: 100% !important;font-size: 15px !important;text-align: left !important;} input.deco_h50_w100_f15_tac {color: #333 !important;border-color: #d9d9d9 !important;height: 50px !important;width: 100% !important;font-size: 15px !important;text-align: center !important;padding: 0px !important;} input.deco_h50_w100_f15_tal_b0 {color: #333 !important;height: 50px !important;line-height: 50px !important;width: 100% !important;font-size: 15px !important;text-align: left !important;border: none !important;padding: 0 !important;} input.deco_h40_w100_f15_tal_b0 {color: #333 !important;height: 40px !important;line-height: 40px !important;width: 100% !important;font-size: 15px !important;text-align: left !important;border: none !important;padding: 0 !important;} input.deco_h60_w100_f16_tal {color: #333 !important;border-color: #d9d9d9 !important;height: 60px !important;width: 100% !important;font-size: 16px !important;text-align: left !important;} input.deco_h50 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 15px !important;height: 50px !important;} input.deco_h50_w100 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 15px !important;height: 50px !important;width: 100% !important;} input.deco_h50_w100_f13 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 13px !important;height: 50px !important;width: 100% !important;} input.deco_h50_w100_f14 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 14px !important;height: 50px !important;width: 100% !important;} input.deco_h50_w100_f15 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 15px !important;height: 50px !important;width: 100% !important;} input.deco_h40_w100 {color: #333 !important;border-color: #d9d9d9 !important;font-size: 14px !important;height: 40px !important;width: 100% !important;} input.deco_h30 {color: #3f3f3f !important;border-color: #d9d9d9 !important;height: 30px !important;} input.deco_front {color: #3f3f3f !important;border-color: #d9d9d9 !important;} input.deco_front_w100 {color: #3f3f3f !important;border-color: #d9d9d9 !important;width: 100% !important;} input.deco_search {color: #3f3f3f !important;border-color: #d9d9d9 !important;height: 35px !important;} input.emphasis {font-weight: bold !important;} input.readonly {background-color: #f5f5f5 !important;} input.readonly_grey {background-color: #999999 !important;} input.deco_login {color: #3f3f3f !important;border-color: #d9d9d9 !important;height: 50px !important;} input.calendar_h40_w130_f13{ height: 40px; width: 130px; border-color: #fd5515; text-align: left; padding-left: 9px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position: 95px, 0px; font-size: 13px; color: #fd5515; font-weight: 300; } input.calendar_h40_w120_f13{ height: 40px; width: 120px; border-color: #fd5515; text-align: left; padding-left: 9px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position: 85px, 0px; font-size: 13px; color: #fd5515; font-weight: 300; } input.calendar_h40_w120_f14{ height: 40px; width: 120px; font-size: 14px; text-align: left; padding-left: 9px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position: 91px, 0px; } input.calendar_h50_w130_f15{ height: 50px; width: 130px; font-size: 15px; text-align: left; padding-left: 10px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position: 100px, top; /* background-position-x: right 10px; background-position-y: top 15px; */ } input.calendar_h50_w100_f15{ height: 50px; width: 100%; font-size: 15px; text-align: left; padding-left: 10px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position-x: right 10px; background-position-y: top 15px; } input.calendar{ width: 150px; height: 35px; text-align: left; cursor: pointer; background-image: url('/backoffice/sgcontrols/sgimages/common/date.png'); background-repeat: no-repeat; background-position: 120px, 6px; } textarea.deco_back {color: #BE3144 !important;border-color: #BE3144 !important;} textarea.deco_black {color: #000000 !important;border-color: #000000 !important;} textarea.deco_blue {color: #0000ff !important;border-color: #0000ff !important;} textarea.deco_dodgerblue {color: #1e90ff !important;border-color: #1e90ff !important;} textarea.deco_green {color: #008000 !important;border-color: #008000 !important;} textarea.deco_gray {color: #808080 !important;border-color: #808080 !important;} textarea.deco_navy {color: #000080 !important;border-color: #000080 !important;} textarea.deco_orange {color: #ffa500 !important;border-color: #ffa500 !important;} textarea.deco_red {color: #ef4024 !important;border-color: #ef4024 !important;} textarea.deco_royalblue {color: #4169e1 !important;border-color: #4169e1 !important;} textarea.deco_steelblue {color: #4682b4 !important;border-color: #4682b4 !important;} textarea.deco_teal {color: #008080 !important;border-color: #008080 !important;} textarea.deco_violet {color: #ee82ee !important;border-color: #ee82ee !important;} textarea.deco_yellow {color: #ffff00 !important;border-color: #ffff00 !important;} textarea.deco_sgred {color: #ef4024 !important;border-color: #ef4024 !important;} textarea.deco_w100_f15 {color: #3f3f3f !important;border-color: #d9d9d9 !important;width: 100% !important;font-size: 15px !important;} textarea.deco_w100 {color: #3f3f3f !important;border-color: #d9d9d9 !important;width: 100% !important;} textarea.deco_front {color: #3f3f3f !important;border-color: #d9d9d9 !important;} textarea.deco_front_w100 {color: #3f3f3f !important;border-color: #d9d9d9 !important;width: 100% !important;} textarea.emphasis {font-weight: bold !important;} button.deco_black {background-color: #000000 !important;} button.deco_blue {background-color: #0000ff !important;} button.deco_darkcyan {background-color: #008b8b !important;} button.deco_darkgray {background-color: #a9a9a9 !important;} button.deco_dodgerblue {background-color: #1e90ff !important;} button.deco_gray {background-color: #808080 !important;} button.deco_green {background-color: #008000 !important;} button.deco_navy {background-color: #000080 !important;} button.deco_orange {background-color: #ffa500 !important;} button.deco_red {background-color: #ef4024 !important;} button.deco_royalblue {background-color: #4169e1 !important;} button.deco_silver {background-color: #c0c0c0 !important;} button.deco_tomato {background-color: #ff6347 !important;} button.deco_violet {background-color: #ee82ee !important;} button.deco_yellow {background-color: #ffff00 !important;} button.btn_lab_login{ position: relative; font-family: 'Raleway'; height: 110px; width: 100%; background-color: #03945d; font-size: 18px; color: #fff; font-weight: normal; } button.button_delete_h40_f13{ height: 40px; background-color: #000; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.button_registration_h40_f13{ height: 40px; background-color: #708090; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.button_save_h40_f13{ height: 40px; background-color: #ef4024; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.button_pass_h40_f13{ height: 40px; background-color: #778899; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } button.button_cancel_h40_f13{ height: 40px; background-color: #d3d3d3; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #fff; font-weight: normal; } label.deco_black {color: #000000 !important;} label.deco_blue {color: #0000ff !important;} label.deco_green {color: #008000 !important;} label.deco_gray {color: #808080 !important;} label.deco_navy {color: #000080 !important;} label.deco_orange {color: #ffa500 !important;} label.deco_red {color: #ef4024 !important;} label.deco_violet {color: #ee82ee !important;} label.deco_yellow {color: #ffff00 !important;} /*-------------------------------------------------- COMMON --------------------------------------------------*/ /*WIDTH PERCENT */ .wp1{width:0% !important;} .wp1{width:1% !important;} .wp2{width:2% !important;} .wp3{width:3% !important;} .wp4{width:4% !important;} .wp5{width:5% !important;} .wp6{width:6% !important;} .wp7{width:7% !important;} .wp8{width:8% !important;} .wp9{width:9% !important;} .wp10{width:10% !important;} .wp11{width:11% !important;} .wp12{width:12% !important;} .wp13{width:13% !important;} .wp14{width:14% !important;} .wp15{width:15% !important;} .wp16{width:16% !important;} .wp17{width:17% !important;} .wp18{width:18% !important;} .wp19{width:19% !important;} .wp20{width:20% !important;} .wp21{width:21% !important;} .wp22{width:22% !important;} .wp23{width:23% !important;} .wp24{width:24% !important;} .wp25{width:25% !important;} .wp26{width:26% !important;} .wp27{width:27% !important;} .wp28{width:28% !important;} .wp29{width:29% !important;} .wp30{width:30% !important;} .wp31{width:31% !important;} .wp32{width:32% !important;} .wp33{width:33% !important;} .wp34{width:34% !important;} .wp35{width:35% !important;} .wp36{width:36% !important;} .wp37{width:37% !important;} .wp38{width:38% !important;} .wp39{width:39% !important;} .wp40{width:40% !important;} .wp41{width:41% !important;} .wp42{width:42% !important;} .wp43{width:43% !important;} .wp44{width:44% !important;} .wp45{width:45% !important;} .wp46{width:46% !important;} .wp47{width:47% !important;} .wp48{width:48% !important;} .wp49{width:49% !important;} .wp50{width:50% !important;} .wp51{width:51% !important;} .wp52{width:52% !important;} .wp53{width:53% !important;} .wp54{width:54% !important;} .wp55{width:55% !important;} .wp56{width:56% !important;} .wp57{width:57% !important;} .wp58{width:58% !important;} .wp59{width:59% !important;} .wp60{width:60% !important;} .wp61{width:61% !important;} .wp62{width:62% !important;} .wp63{width:63% !important;} .wp64{width:64% !important;} .wp65{width:65% !important;} .wp66{width:66% !important;} .wp67{width:67% !important;} .wp68{width:68% !important;} .wp69{width:69% !important;} .wp70{width:70% !important;} .wp71{width:71% !important;} .wp72{width:72% !important;} .wp73{width:73% !important;} .wp74{width:74% !important;} .wp75{width:75% !important;} .wp76{width:76% !important;} .wp77{width:77% !important;} .wp78{width:78% !important;} .wp79{width:79% !important;} .wp80{width:80% !important;} .wp81{width:81% !important;} .wp82{width:82% !important;} .wp83{width:83% !important;} .wp84{width:84% !important;} .wp85{width:85% !important;} .wp86{width:86% !important;} .wp87{width:87% !important;} .wp88{width:88% !important;} .wp89{width:89% !important;} .wp90{width:90% !important;} .wp91{width:91% !important;} .wp92{width:92% !important;} .wp93{width:93% !important;} .wp94{width:94% !important;} .wp95{width:95% !important;} .wp96{width:96% !important;} .wp97{width:97% !important;} .wp98{width:98% !important;} .wp99{width:99% !important;} .wp100{width:100% !important;} /*WIDTH PIXEL */ .wpx10{width:10px !important;} .wpx15{width:15px !important;} .wpx20{width:20px !important;} .wpx25{width:25px !important;} .wpx30{width:30px !important;} .wpx40{width:40px !important;} .wpx50{width:50px !important;} .wpx55{width:55px !important;} .wpx60{width:60px !important;} .wpx65{width:65px !important;} .wpx70{width:70px !important;} .wpx75{width:75px !important;} .wpx80{width:80px !important;} .wpx85{width:85px !important;} .wpx90{width:90px !important;} .wpx95{width:95px !important;} .wpx100{width:100px !important;} .wpx105{width:105px !important;} .wpx110{width:110px !important;} .wpx115{width:115px !important;} .wpx120{width:120px !important;} .wpx125{width:125px !important;} .wpx130{width:130px !important;} .wpx140{width:140px !important;} .wpx150{width:150px !important;} .wpx160{width:160px !important;} .wpx170{width:170px !important;} .wpx180{width:180px !important;} .wpx190{width:190px !important;} .wpx200{width:200px !important;} .wpx210{width:210px !important;} .wpx220{width:220px !important;} .wpx230{width:230px !important;} .wpx240{width:240px !important;} .wpx250{width:250px !important;} .wpx260{width:260px !important;} .wpx270{width:270px !important;} .wpx280{width:280px !important;} .wpx290{width:290px !important;} .wpx300{width:300px !important;} .wpx310{width:310px !important;} .wpx320{width:320px !important;} .wpx330{width:330px !important;} .wpx340{width:340px !important;} .wpx350{width:350px !important;} .wpx360{width:360px !important;} .wpx370{width:370px !important;} .wpx380{width:380px !important;} .wpx390{width:390px !important;} .wpx400{width:400px !important;} .wpx410{width:410px !important;} .wpx420{width:420px !important;} .wpx430{width:430px !important;} .wpx440{width:440px !important;} .wpx450{width:450px !important;} .wpx460{width:460px !important;} .wpx470{width:470px !important;} .wpx480{width:480px !important;} .wpx490{width:490px !important;} .wpx500{width:500px !important;} .wpx510{width:510px !important;} .wpx520{width:520px !important;} .wpx530{width:530px !important;} .wpx540{width:540px !important;} .wpx550{width:550px !important;} .wpx560{width:560px !important;} .wpx570{width:570px !important;} .wpx580{width:580px !important;} .wpx590{width:590px !important;} .wpx600{width:600px !important;} .wpx610{width:610px !important;} .wpx614{width:614px !important;} .wpx620{width:620px !important;} .wpx630{width:630px !important;} .wpx640{width:640px !important;} .wpx650{width:650px !important;} .wpx660{width:660px !important;} .wpx670{width:670px !important;} .wpx680{width:680px !important;} .wpx690{width:690px !important;} .wpx700{width:700px !important;} .wpx710{width:710px !important;} .wpx720{width:720px !important;} .wpx730{width:730px !important;} .wpx740{width:740px !important;} .wpx750{width:750px !important;} .wpx760{width:760px !important;} .wpx765{width:765px !important;} .wpx770{width:770px !important;} .wpx780{width:780px !important;} .wpx790{width:790px !important;} .wpx800{width:800px !important;} .wpx810{width:810px !important;} .wpx820{width:820px !important;} .wpx830{width:830px !important;} .wpx840{width:840px !important;} .wpx850{width:850px !important;} .wpx860{width:860px !important;} .wpx870{width:870px !important;} .wpx880{width:880px !important;} .wpx890{width:890px !important;} .wpx900{width:900px !important;} .wpx910{width:910px !important;} .wpx920{width:920px !important;} .wpx930{width:930px !important;} .wpx940{width:940px !important;} .wpx950{width:950px !important;} .wpx960{width:960px !important;} .wpx970{width:970px !important;} .wpx980{width:980px !important;} .wpx990{width:990px !important;} .wpx1000{width:1000px !important;} .wpx1010{width:1010px !important;} .wpx1020{width:1020px !important;} .wpx1030{width:1030px !important;} .wpx1040{width:1040px !important;} .wpx1050{width:1050px !important;} .wpx1060{width:1060px !important;} .wpx1070{width:1070px !important;} .wpx1080{width:1080px !important;} .wpx1090{width:1090px !important;} .wpx1100{width:1100px !important;} .wpx1110{width:1110px !important;} .wpx1120{width:1120px !important;} .wpx1130{width:1130px !important;} .wpx1140{width:1140px !important;} .wpx1150{width:1150px !important;} .wpx1160{width:1160px !important;} .wpx1170{width:1170px !important;} .wpx1180{width:1180px !important;} .wpx1190{width:1190px !important;} .wpx1200{width:1200px !important;} .wpx1400{width:1400px !important;} /*MIN-WIDTH PIXEL */ .minwpx50{min-width:50px !important;} .minwpx100{min-width:100px !important;} .minwpx150{min-width:150px !important;} .minwpx200{min-width:200px !important;} .minwpx250{min-width:250px !important;} .minwpx300{min-width:300px !important;} .minwpx350{min-width:350px !important;} .minwpx400{min-width:400px !important;} .minwpx450{min-width:450px !important;} .minwpx500{min-width:500px !important;} .minwpx550{min-width:550px !important;} .minwpx600{min-width:600px !important;} .minwpx650{min-width:650px !important;} .minwpx700{min-width:700px !important;} .minwpx750{min-width:750px !important;} .minwpx800{min-width:800px !important;} .minwpx850{min-width:850px !important;} .minwpx900{min-width:900px !important;} .minwpx950{min-width:950px !important;} .minwpx1000{min-width:1000px !important;} /*MARGIN TOP PIXEL */ .mt0{margin-top:0px !important;} .mt1{margin-top:1px !important;} .mt2{margin-top:2px !important;} .mt3{margin-top:3px !important;} .mt4{margin-top:4px !important;} .mt5{margin-top:5px !important;} .mt6{margin-top:6px !important;} .mt7{margin-top:7px !important;} .mt8{margin-top:8px !important;} .mt9{margin-top:9px !important;} .mt10{margin-top:10px !important;} .mt11{margin-top:11px !important;} .mt12{margin-top:12px !important;} .mt13{margin-top:13px !important;} .mt14{margin-top:14px !important;} .mt15{margin-top:15px !important;} .mt16{margin-top:16px !important;} .mt17{margin-top:17px !important;} .mt18{margin-top:18px !important;} .mt19{margin-top:19px !important;} .mt20{margin-top:20px !important;} .mt21{margin-top:21px !important;} .mt22{margin-top:22px !important;} .mt23{margin-top:23px !important;} .mt24{margin-top:24px !important;} .mt25{margin-top:25px !important;} .mt26{margin-top:26px !important;} .mt27{margin-top:27px !important;} .mt28{margin-top:28px !important;} .mt29{margin-top:29px !important;} .mt30{margin-top:30px !important;} .mt31{margin-top:31px !important;} .mt32{margin-top:32px !important;} .mt33{margin-top:33px !important;} .mt34{margin-top:34px !important;} .mt35{margin-top:35px !important;} .mt36{margin-top:36px !important;} .mt37{margin-top:37px !important;} .mt38{margin-top:38px !important;} .mt39{margin-top:39px !important;} .mt40{margin-top:40px !important;} .mt41{margin-top:41px !important;} .mt42{margin-top:42px !important;} .mt43{margin-top:43px !important;} .mt44{margin-top:44px !important;} .mt45{margin-top:45px !important;} .mt46{margin-top:46px !important;} .mt47{margin-top:47px !important;} .mt48{margin-top:48px !important;} .mt49{margin-top:49px !important;} .mt50{margin-top:50px !important;} .mt51{margin-top:51px !important;} .mt52{margin-top:52px !important;} .mt53{margin-top:53px !important;} .mt54{margin-top:54px !important;} .mt55{margin-top:55px !important;} .mt56{margin-top:56px !important;} .mt57{margin-top:57px !important;} .mt58{margin-top:58px !important;} .mt59{margin-top:59px !important;} .mt60{margin-top:60px !important;} .mt61{margin-top:61px !important;} .mt62{margin-top:62px !important;} .mt63{margin-top:63px !important;} .mt64{margin-top:64px !important;} .mt65{margin-top:65px !important;} .mt66{margin-top:66px !important;} .mt67{margin-top:67px !important;} .mt68{margin-top:68px !important;} .mt69{margin-top:69px !important;} .mt70{margin-top:70px !important;} .mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;} .mt100{margin-top:100px !important;} .mt110{margin-top:110px !important;} .mt120{margin-top:120px !important;} .mt130{margin-top:130px !important} .mt200{margin-top:200px !important} .mt300{margin-top:300px !important} .mt400{margin-top:400px !important} .mt500{margin-top:500px !important} .mt600{margin-top:600px !important} .mt700{margin-top:700px !important} .mt780{margin-top:780px !important} .mt800{margin-top:800px !important} .mt900{margin-top:900px !important} /*MARGIN BOTTOM PIXEL */ .mb0{margin-bottom:0px !important;} .mb1{margin-bottom:1px !important;} .mb2{margin-bottom:2px !important;} .mb3{margin-bottom:3px !important;} .mb4{margin-bottom:4px !important;} .mb5{margin-bottom:5px !important;} .mb6{margin-bottom:6px !important;} .mb7{margin-bottom:7px !important;} .mb8{margin-bottom:8px !important;} .mb9{margin-bottom:9px !important;} .mb10{margin-bottom:10px !important;} .mb11{margin-bottom:11px !important;} .mb12{margin-bottom:12px !important;} .mb13{margin-bottom:13px !important;} .mb14{margin-bottom:14px !important;} .mb15{margin-bottom:15px !important;} .mb16{margin-bottom:16px !important;} .mb17{margin-bottom:17px !important;} .mb18{margin-bottom:18px !important;} .mb19{margin-bottom:19px !important;} .mb20{margin-bottom:20px !important;} .mb21{margin-bottom:21px !important;} .mb22{margin-bottom:22px !important;} .mb23{margin-bottom:23px !important;} .mb24{margin-bottom:24px !important;} .mb25{margin-bottom:25px !important;} .mb26{margin-bottom:26px !important;} .mb27{margin-bottom:27px !important;} .mb28{margin-bottom:28px !important;} .mb29{margin-bottom:29px !important;} .mb30{margin-bottom:30px !important;} .mb31{margin-bottom:31px !important;} .mb32{margin-bottom:32px !important;} .mb33{margin-bottom:33px !important;} .mb34{margin-bottom:34px !important;} .mb35{margin-bottom:35px !important;} .mb36{margin-bottom:36px !important;} .mb37{margin-bottom:37px !important;} .mb38{margin-bottom:38px !important;} .mb39{margin-bottom:39px !important;} .mb40{margin-bottom:40px !important;} .mb41{margin-bottom:41px !important;} .mb42{margin-bottom:42px !important;} .mb43{margin-bottom:43px !important;} .mb44{margin-bottom:44px !important;} .mb45{margin-bottom:45px !important;} .mb46{margin-bottom:46px !important;} .mb47{margin-bottom:47px !important;} .mb48{margin-bottom:48px !important;} .mb49{margin-bottom:49px !important;} .mb50{margin-bottom:50px !important;} .mb51{margin-bottom:51px !important;} .mb52{margin-bottom:52px !important;} .mb53{margin-bottom:53px !important;} .mb54{margin-bottom:54px !important;} .mb55{margin-bottom:55px !important;} .mb56{margin-bottom:56px !important;} .mb57{margin-bottom:57px !important;} .mb58{margin-bottom:58px !important;} .mb59{margin-bottom:59px !important;} .mb60{margin-bottom:60px !important;} .mb61{margin-bottom:61px !important;} .mb62{margin-bottom:62px !important;} .mb63{margin-bottom:63px !important;} .mb64{margin-bottom:64px !important;} .mb65{margin-bottom:65px !important;} .mb66{margin-bottom:66px !important;} .mb67{margin-bottom:67px !important;} .mb68{margin-bottom:68px !important;} .mb69{margin-bottom:69px !important;} .mb70{margin-bottom:70px !important;} .mb71{margin-bottom:71px !important;} .mb72{margin-bottom:72px !important;} .mb73{margin-bottom:73px !important;} .mb74{margin-bottom:74px !important;} .mb75{margin-bottom:75px !important;} .mb76{margin-bottom:76px !important;} .mb77{margin-bottom:77px !important;} .mb78{margin-bottom:78px !important;} .mb79{margin-bottom:79px !important;} .mb80{margin-bottom:80px !important;} /*MARGIN LEFT PIXEL */ .m0{margin:0 !important;} .ml0{margin-left:0px !important;} .ml1{margin-left:1px !important;} .ml2{margin-left:2px !important;} .ml3{margin-left:3px !important;} .ml4{margin-left:4px !important;} .ml5{margin-left:5px !important;} .ml6{margin-left:6px !important;} .ml7{margin-left:7px !important;} .ml8{margin-left:8px !important;} .ml9{margin-left:9px !important;} .ml10{margin-left:10px !important;} .ml11{margin-left:11px !important;} .ml12{margin-left:12px !important;} .ml13{margin-left:13px !important;} .ml14{margin-left:14px !important;} .ml15{margin-left:15px !important;} .ml16{margin-left:16px !important;} .ml17{margin-left:17px !important;} .ml18{margin-left:18px !important;} .ml19{margin-left:19px !important;} .ml20{margin-left:20px !important;} .ml21{margin-left:21px !important;} .ml22{margin-left:22px !important;} .ml23{margin-left:23px !important;} .ml24{margin-left:24px !important;} .ml25{margin-left:25px !important;} .ml26{margin-left:26px !important;} .ml27{margin-left:27px !important;} .ml28{margin-left:28px !important;} .ml29{margin-left:29px !important;} .ml30{margin-left:30px !important;} .ml31{margin-left:31px !important;} .ml32{margin-left:32px !important;} .ml33{margin-left:33px !important;} .ml34{margin-left:34px !important;} .ml35{margin-left:35px !important;} .ml36{margin-left:36px !important;} .ml37{margin-left:37px !important;} .ml38{margin-left:38px !important;} .ml39{margin-left:39px !important;} .ml40{margin-left:40px !important;} .ml41{margin-left:41px !important;} .ml42{margin-left:42px !important;} .ml43{margin-left:43px !important;} .ml44{margin-left:44px !important;} .ml45{margin-left:45px !important;} .ml46{margin-left:46px !important;} .ml47{margin-left:47px !important;} .ml48{margin-left:48px !important;} .ml49{margin-left:49px !important;} .ml50{margin-left:50px !important;} .ml51{margin-left:51px !important;} .ml52{margin-left:52px !important;} .ml53{margin-left:53px !important;} .ml54{margin-left:54px !important;} .ml55{margin-left:55px !important;} .ml56{margin-left:56px !important;} .ml57{margin-left:57px !important;} .ml58{margin-left:58px !important;} .ml59{margin-left:59px !important;} .ml60{margin-left:60px !important;} .ml61{margin-left:61px !important;} .ml62{margin-left:62px !important;} .ml63{margin-left:63px !important;} .ml64{margin-left:64px !important;} .ml65{margin-left:65px !important;} .ml66{margin-left:66px !important;} .ml67{margin-left:67px !important;} .ml68{margin-left:68px !important;} .ml69{margin-left:69px !important;} .ml70{margin-left:70px !important;} .ml71{margin-left:71px !important;} .ml72{margin-left:72px !important;} .ml73{margin-left:73px !important;} .ml74{margin-left:74px !important;} .ml75{margin-left:75px !important;} .ml76{margin-left:76px !important;} .ml77{margin-left:77px !important;} .ml78{margin-left:78px !important;} .ml79{margin-left:79px !important;} .ml80{margin-left:80px !important;} .ml81{margin-left:81px !important;} .ml82{margin-left:82px !important;} .ml83{margin-left:83px !important;} .ml84{margin-left:84px !important;} .ml85{margin-left:85px !important;} .ml86{margin-left:86px !important;} .ml87{margin-left:87px !important;} .ml88{margin-left:88px !important;} .ml89{margin-left:89px !important;} .ml90{margin-left:90px !important;} .ml100{margin-left:100px !important;} .ml200{margin-left:200px !important;} .ml300{margin-left:300px !important;} .ml400{margin-left:400px !important;} .ml450{margin-left:450px !important;} .ml500{margin-left:500px !important;} /*MARGIN RIGHT PIXEL */ .mr0{margin-right:0px !important;} .mr1{margin-right:1px !important;} .mr2{margin-right:2px !important;} .mr3{margin-right:3px !important;} .mr4{margin-right:4px !important;} .mr5{margin-right:5px !important;} .mr6{margin-right:6px !important;} .mr7{margin-right:7px !important;} .mr8{margin-right:8px !important;} .mr9{margin-right:9px !important;} .mr10{margin-right:10px !important;} .mr11{margin-right:11px !important;} .mr12{margin-right:12px !important;} .mr13{margin-right:13px !important;} .mr14{margin-right:14px !important;} .mr15{margin-right:15px !important;} .mr16{margin-right:16px !important;} .mr17{margin-right:17px !important;} .mr18{margin-right:18px !important;} .mr19{margin-right:19px !important;} .mr20{margin-right:20px !important;} .mr21{margin-right:21px !important;} .mr22{margin-right:22px !important;} .mr23{margin-right:23px !important;} .mr24{margin-right:24px !important;} .mr25{margin-right:25px !important;} .mr26{margin-right:26px !important;} .mr27{margin-right:27px !important;} .mr28{margin-right:28px !important;} .mr29{margin-right:29px !important;} .mr30{margin-right:30px !important;} .mr31{margin-right:31px !important;} .mr32{margin-right:32px !important;} .mr33{margin-right:33px !important;} .mr34{margin-right:34px !important;} .mr35{margin-right:35px !important;} .mr36{margin-right:36px !important;} .mr37{margin-right:37px !important;} .mr38{margin-right:38px !important;} .mr39{margin-right:39px !important;} .mr40{margin-right:40px !important;} .mr41{margin-right:41px !important;} .mr42{margin-right:42px !important;} .mr43{margin-right:43px !important;} .mr44{margin-right:44px !important;} .mr45{margin-right:45px !important;} .mr46{margin-right:46px !important;} .mr47{margin-right:47px !important;} .mr48{margin-right:48px !important;} .mr49{margin-right:49px !important;} .mr50{margin-right:50px !important;} .mr51{margin-right:51px !important;} .mr52{margin-right:52px !important;} .mr53{margin-right:53px !important;} .mr54{margin-right:54px !important;} .mr55{margin-right:55px !important;} .mr56{margin-right:56px !important;} .mr57{margin-right:57px !important;} .mr58{margin-right:58px !important;} .mr59{margin-right:59px !important;} .mr60{margin-right:60px !important;} .mr61{margin-right:61px !important;} .mr62{margin-right:62px !important;} .mr63{margin-right:63px !important;} .mr64{margin-right:64px !important;} .mr65{margin-right:65px !important;} .mr66{margin-right:66px !important;} .mr67{margin-right:67px !important;} .mr68{margin-right:68px !important;} .mr69{margin-right:69px !important;} .mr70{margin-right:70px !important;} .mr80{margin-right:80px !important;} .mr90{margin-right:90px !important;} .mr95{margin-right:95px !important;} .mr100{margin-right:100px !important;} /*PADDING TOP PIXEL */ .pt0{padding-top:0px !important;} .pt1{padding-top:1px !important;} .pt2{padding-top:2px !important;} .pt3{padding-top:3px !important;} .pt4{padding-top:4px !important;} .pt5{padding-top:5px !important;} .pt6{padding-top:6px !important;} .pt7{padding-top:7px !important;} .pt8{padding-top:8px !important;} .pt9{padding-top:9px !important;} .pt10{padding-top:10px !important;} .pt11{padding-top:11px !important;} .pt12{padding-top:12px !important;} .pt13{padding-top:13px !important;} .pt14{padding-top:14px !important;} .pt15{padding-top:15px !important;} .pt16{padding-top:16px !important;} .pt17{padding-top:17px !important;} .pt18{padding-top:18px !important;} .pt19{padding-top:19px !important;} .pt20{padding-top:20px !important;} .pt21{padding-top:21px !important;} .pt22{padding-top:22px !important;} .pt23{padding-top:23px !important;} .pt24{padding-top:24px !important;} .pt25{padding-top:25px !important;} .pt26{padding-top:26px !important;} .pt27{padding-top:27px !important;} .pt28{padding-top:28px !important;} .pt29{padding-top:29px !important;} .pt30{padding-top:30px !important;} .pt31{padding-top:31px !important;} .pt32{padding-top:32px !important;} .pt33{padding-top:33px !important;} .pt34{padding-top:34px !important;} .pt35{padding-top:35px !important;} .pt36{padding-top:36px !important;} .pt37{padding-top:37px !important;} .pt38{padding-top:38px !important;} .pt39{padding-top:39px !important;} .pt40{padding-top:40px !important;} .pt41{padding-top:41px !important;} .pt42{padding-top:42px !important;} .pt43{padding-top:43px !important;} .pt44{padding-top:44px !important;} .pt45{padding-top:45px !important;} .pt46{padding-top:46px !important;} .pt47{padding-top:47px !important;} .pt48{padding-top:48px !important;} .pt49{padding-top:49px !important;} .pt50{padding-top:50px !important;} .pt51{padding-top:51px !important;} .pt52{padding-top:52px !important;} .pt53{padding-top:53px !important;} .pt54{padding-top:54px !important;} .pt55{padding-top:55px !important;} .pt56{padding-top:56px !important;} .pt57{padding-top:57px !important;} .pt58{padding-top:58px !important;} .pt59{padding-top:59px !important;} .pt60{padding-top:60px !important;} .pt61{padding-top:61px !important;} .pt62{padding-top:62px !important;} .pt63{padding-top:63px !important;} .pt64{padding-top:64px !important;} .pt65{padding-top:65px !important;} .pt66{padding-top:66px !important;} .pt67{padding-top:67px !important;} .pt68{padding-top:68px !important;} .pt69{padding-top:69px !important;} .pt70{padding-top:70px !important;} .pt71{padding-top:71px !important;} .pt72{padding-top:72px !important;} .pt73{padding-top:73px !important;} .pt74{padding-top:74px !important;} .pt75{padding-top:75px !important;} .pt76{padding-top:76px !important;} .pt77{padding-top:77px !important;} .pt78{padding-top:78px !important;} .pt79{padding-top:79px !important;} .pt80{padding-top:80px !important;} .pt81{padding-top:81px !important;} .pt82{padding-top:82px !important;} .pt83{padding-top:83px !important;} .pt84{padding-top:84px !important;} .pt85{padding-top:85px !important;} .pt86{padding-top:86px !important;} .pt87{padding-top:87px !important;} .pt88{padding-top:88px !important;} .pt89{padding-top:89px !important;} .pt90{padding-top:90px !important;} .pt91{padding-top:91px !important;} .pt92{padding-top:92px !important;} .pt93{padding-top:93px !important;} .pt94{padding-top:94px !important;} .pt95{padding-top:95px !important;} .pt96{padding-top:96px !important;} .pt97{padding-top:97px !important;} .pt98{padding-top:98px !important;} .pt99{padding-top:99px !important;} .pt100{padding-top:100px !important;} .pt110{padding-top:110px !important;} .pt120{padding-top:120px !important;} .pt130{padding-top:130px !important;} .pt140{padding-top:140px !important;} .pt150{padding-top:150px !important;} .pt160{padding-top:160px !important;} .pt170{padding-top:170px !important;} .pt180{padding-top:180px !important;} .pt190{padding-top:190px !important;} .pt200{padding-top:200px !important;} .pt300{padding-top:300px !important;} /*PADDING BOTTOM PIXEL */ .pb0{padding-bottom:0px !important;} .pb1{padding-bottom:1px !important;} .pb2{padding-bottom:2px !important;} .pb3{padding-bottom:3px !important;} .pb4{padding-bottom:4px !important;} .pb5{padding-bottom:5px !important;} .pb6{padding-bottom:6px !important;} .pb7{padding-bottom:7px !important;} .pb8{padding-bottom:8px !important;} .pb9{padding-bottom:9px !important;} .pb10{padding-bottom:10px !important;} .pb11{padding-bottom:11px !important;} .pb12{padding-bottom:12px !important;} .pb13{padding-bottom:13px !important;} .pb14{padding-bottom:14px !important;} .pb15{padding-bottom:15px !important;} .pb16{padding-bottom:16px !important;} .pb17{padding-bottom:17px !important;} .pb18{padding-bottom:18px !important;} .pb19{padding-bottom:19px !important;} .pb20{padding-bottom:20px !important;} .pb21{padding-bottom:21px !important;} .pb22{padding-bottom:22px !important;} .pb23{padding-bottom:23px !important;} .pb24{padding-bottom:24px !important;} .pb25{padding-bottom:25px !important;} .pb26{padding-bottom:26px !important;} .pb27{padding-bottom:27px !important;} .pb28{padding-bottom:28px !important;} .pb29{padding-bottom:29px !important;} .pb30{padding-bottom:30px !important;} .pb31{padding-bottom:31px !important;} .pb32{padding-bottom:32px !important;} .pb33{padding-bottom:33px !important;} .pb34{padding-bottom:34px !important;} .pb35{padding-bottom:35px !important;} .pb36{padding-bottom:36px !important;} .pb37{padding-bottom:37px !important;} .pb38{padding-bottom:38px !important;} .pb39{padding-bottom:39px !important;} .pb40{padding-bottom:40px !important;} .pb41{padding-bottom:41px !important;} .pb42{padding-bottom:42px !important;} .pb43{padding-bottom:43px !important;} .pb44{padding-bottom:44px !important;} .pb45{padding-bottom:45px !important;} .pb46{padding-bottom:46px !important;} .pb47{padding-bottom:47px !important;} .pb48{padding-bottom:48px !important;} .pb49{padding-bottom:49px !important;} .pb50{padding-bottom:50px !important;} .pb51{padding-bottom:51px !important;} .pb52{padding-bottom:52px !important;} .pb53{padding-bottom:53px !important;} .pb54{padding-bottom:54px !important;} .pb55{padding-bottom:55px !important;} .pb56{padding-bottom:56px !important;} .pb57{padding-bottom:57px !important;} .pb58{padding-bottom:58px !important;} .pb59{padding-bottom:59px !important;} .pb60{padding-bottom:60px !important;} .pb61{padding-bottom:61px !important;} .pb62{padding-bottom:62px !important;} .pb63{padding-bottom:63px !important;} .pb64{padding-bottom:64px !important;} .pb65{padding-bottom:65px !important;} .pb66{padding-bottom:66px !important;} .pb67{padding-bottom:67px !important;} .pb68{padding-bottom:68px !important;} .pb69{padding-bottom:69px !important;} .pb70{padding-bottom:70px !important;} .pb71{padding-bottom:71px !important;} .pb72{padding-bottom:72px !important;} .pb73{padding-bottom:73px !important;} .pb74{padding-bottom:74px !important;} .pb75{padding-bottom:75px !important;} .pb76{padding-bottom:76px !important;} .pb77{padding-bottom:77px !important;} .pb78{padding-bottom:78px !important;} .pb79{padding-bottom:79px !important;} .pb80{padding-bottom:80px !important;} .pb81{padding-bottom:81px !important;} .pb82{padding-bottom:82px !important;} .pb83{padding-bottom:83px !important;} .pb84{padding-bottom:84px !important;} .pb85{padding-bottom:85px !important;} .pb86{padding-bottom:86px !important;} .pb87{padding-bottom:87px !important;} .pb88{padding-bottom:88px !important;} .pb89{padding-bottom:89px !important;} .pb90{padding-bottom:90px !important;} .pb91{padding-bottom:91px !important;} .pb92{padding-bottom:92px !important;} .pb93{padding-bottom:93px !important;} .pb94{padding-bottom:94px !important;} .pb95{padding-bottom:95px !important;} .pb96{padding-bottom:96px !important;} .pb97{padding-bottom:97px !important;} .pb98{padding-bottom:98px !important;} .pb99{padding-bottom:99px !important;} .pb100{padding-bottom:100px !important;} .pb110{padding-bottom:110px !important;} .pb120{padding-bottom:120px !important;} .pb130{padding-bottom:130px !important;} .pb140{padding-bottom:140px !important;} .pb150{padding-bottom:150px !important;} .pb160{padding-bottom:160px !important;} .pb170{padding-bottom:170px !important;} .pb180{padding-bottom:180px !important;} .pb190{padding-bottom:190px !important;} .pb200{padding-bottom:200px !important;} .pb300{padding-bottom:300px !important;} .pb400{padding-bottom:400px !important;} .pb500{padding-bottom:500px !important;} .pb600{padding-bottom:600px !important;} .pb700{padding-bottom:700px !important;} .pb800{padding-bottom:800px !important;} .pb900{padding-bottom:900px !important;} .pb1000{padding-bottom:1000px !important;} .pb2000{padding-bottom:2000px !important;} .pb5000{padding-bottom:5000px !important;} /*PADDING LEFT PIXEL */ .p0{padding:0 !important;} .pl0{padding-left:0px !important;} .pl1{padding-left:1px !important;} .pl2{padding-left:2px !important;} .pl3{padding-left:3px !important;} .pl4{padding-left:4px !important;} .pl5{padding-left:5px !important;} .pl6{padding-left:6px !important;} .pl7{padding-left:7px !important;} .pl8{padding-left:8px !important;} .pl9{padding-left:9px !important;} .pl10{padding-left:10px !important;} .pl11{padding-left:11px !important;} .pl12{padding-left:12px !important;} .pl13{padding-left:13px !important;} .pl14{padding-left:14px !important;} .pl15{padding-left:15px !important;} .pl16{padding-left:16px !important;} .pl17{padding-left:17px !important;} .pl18{padding-left:18px !important;} .pl19{padding-left:19px !important;} .pl20{padding-left:20px !important;} .pl21{padding-left:21px !important;} .pl22{padding-left:22px !important;} .pl23{padding-left:23px !important;} .pl24{padding-left:24px !important;} .pl25{padding-left:25px !important;} .pl26{padding-left:26px !important;} .pl27{padding-left:27px !important;} .pl28{padding-left:28px !important;} .pl29{padding-left:29px !important;} .pl30{padding-left:30px !important;} .pl31{padding-left:31px !important;} .pl32{padding-left:32px !important;} .pl33{padding-left:33px !important;} .pl34{padding-left:34px !important;} .pl35{padding-left:35px !important;} .pl36{padding-left:36px !important;} .pl37{padding-left:37px !important;} .pl38{padding-left:38px !important;} .pl39{padding-left:39px !important;} .pl40{padding-left:40px !important;} .pl41{padding-left:41px !important;} .pl42{padding-left:42px !important;} .pl43{padding-left:43px !important;} .pl44{padding-left:44px !important;} .pl45{padding-left:45px !important;} .pl46{padding-left:46px !important;} .pl47{padding-left:47px !important;} .pl48{padding-left:48px !important;} .pl49{padding-left:49px !important;} .pl50{padding-left:50px !important;} .pl51{padding-left:51px !important;} .pl52{padding-left:52px !important;} .pl53{padding-left:53px !important;} .pl54{padding-left:54px !important;} .pl55{padding-left:55px !important;} .pl56{padding-left:56px !important;} .pl57{padding-left:57px !important;} .pl58{padding-left:58px !important;} .pl59{padding-left:59px !important;} .pl60{padding-left:60px !important;} .pl61{padding-left:61px !important;} .pl62{padding-left:62px !important;} .pl63{padding-left:63px !important;} .pl64{padding-left:64px !important;} .pl65{padding-left:65px !important;} .pl66{padding-left:66px !important;} .pl67{padding-left:67px !important;} .pl68{padding-left:68px !important;} .pl69{padding-left:69px !important;} .pl70{padding-left:70px !important;} .pl71{padding-left:71px !important;} .pl72{padding-left:72px !important;} .pl73{padding-left:73px !important;} .pl74{padding-left:74px !important;} .pl75{padding-left:75px !important;} .pl76{padding-left:76px !important;} .pl77{padding-left:77px !important;} .pl78{padding-left:78px !important;} .pl79{padding-left:79px !important;} .pl80{padding-left:80px !important;} .pl81{padding-left:81px !important;} .pl82{padding-left:82px !important;} .pl83{padding-left:83px !important;} .pl84{padding-left:84px !important;} .pl85{padding-left:85px !important;} .pl86{padding-left:86px !important;} .pl87{padding-left:87px !important;} .pl88{padding-left:88px !important;} .pl89{padding-left:89px !important;} .pl90{padding-left:90px !important;} .pl91{padding-left:91px !important;} .pl92{padding-left:92px !important;} .pl93{padding-left:93px !important;} .pl94{padding-left:94px !important;} .pl95{padding-left:95px !important;} .pl96{padding-left:96px !important;} .pl97{padding-left:97px !important;} .pl98{padding-left:98px !important;} .pl99{padding-left:99px !important;} .pl100{padding-left:100px !important;} .pl110{padding-left:110px !important;} .pl120{padding-left:120px !important;} .pl130{padding-left:130px !important;} .pl135{padding-left:135px !important;} .pl140{padding-left:140px !important;} .pl150{padding-left:150px !important;} .pl160{padding-left:150px !important;} .pl200{padding-left:200px !important;} .pl240{padding-left:240px !important;} .pl360{padding-left:360px !important;} .pl480{padding-left:480px !important;} /*PADDING RIGHT PIXEL */ .pr0{padding-right:0px !important;} .pr1{padding-right:1px !important;} .pr2{padding-right:2px !important;} .pr3{padding-right:3px !important;} .pr4{padding-right:4px !important;} .pr5{padding-right:5px !important;} .pr6{padding-right:6px !important;} .pr7{padding-right:7px !important;} .pr8{padding-right:8px !important;} .pr9{padding-right:9px !important;} .pr10{padding-right:10px !important;} .pr11{padding-right:11px !important;} .pr12{padding-right:12px !important;} .pr13{padding-right:13px !important;} .pr14{padding-right:14px !important;} .pr15{padding-right:15px !important;} .pr16{padding-right:16px !important;} .pr17{padding-right:17px !important;} .pr18{padding-right:18px !important;} .pr19{padding-right:19px !important;} .pr20{padding-right:20px !important;} .pr21{padding-right:21px !important;} .pr22{padding-right:22px !important;} .pr23{padding-right:23px !important;} .pr24{padding-right:24px !important;} .pr25{padding-right:25px !important;} .pr26{padding-right:26px !important;} .pr27{padding-right:27px !important;} .pr28{padding-right:28px !important;} .pr29{padding-right:29px !important;} .pr30{padding-right:30px !important;} .pr31{padding-right:31px !important;} .pr32{padding-right:32px !important;} .pr33{padding-right:33px !important;} .pr34{padding-right:34px !important;} .pr35{padding-right:35px !important;} .pr36{padding-right:36px !important;} .pr37{padding-right:37px !important;} .pr38{padding-right:38px !important;} .pr39{padding-right:39px !important;} .pr40{padding-right:40px !important;} .pr41{padding-right:41px !important;} .pr42{padding-right:42px !important;} .pr43{padding-right:43px !important;} .pr44{padding-right:44px !important;} .pr45{padding-right:45px !important;} .pr46{padding-right:46px !important;} .pr47{padding-right:47px !important;} .pr48{padding-right:48px !important;} .pr49{padding-right:49px !important;} .pr50{padding-right:50px !important;} .pr51{padding-right:51px !important;} .pr52{padding-right:52px !important;} .pr53{padding-right:53px !important;} .pr54{padding-right:54px !important;} .pr55{padding-right:55px !important;} .pr56{padding-right:56px !important;} .pr57{padding-right:57px !important;} .pr58{padding-right:58px !important;} .pr59{padding-right:59px !important;} .pr60{padding-right:60px !important;} .pr61{padding-right:61px !important;} .pr62{padding-right:62px !important;} .pr63{padding-right:63px !important;} .pr64{padding-right:64px !important;} .pr65{padding-right:65px !important;} .pr66{padding-right:66px !important;} .pr67{padding-right:67px !important;} .pr68{padding-right:68px !important;} .pr69{padding-right:69px !important;} .pr70{padding-right:70px !important;} .pr71{padding-right:71px !important;} .pr72{padding-right:72px !important;} .pr73{padding-right:73px !important;} .pr74{padding-right:74px !important;} .pr75{padding-right:75px !important;} .pr76{padding-right:76px !important;} .pr77{padding-right:77px !important;} .pr78{padding-right:78px !important;} .pr79{padding-right:79px !important;} .pr80{padding-right:80px !important;} .pr81{padding-right:81px !important;} .pr82{padding-right:82px !important;} .pr83{padding-right:83px !important;} .pr84{padding-right:84px !important;} .pr85{padding-right:85px !important;} .pr86{padding-right:86px !important;} .pr87{padding-right:87px !important;} .pr88{padding-right:88px !important;} .pr89{padding-right:89px !important;} .pr90{padding-right:90px !important;} .pr91{padding-right:91px !important;} .pr92{padding-right:92px !important;} .pr93{padding-right:93px !important;} .pr94{padding-right:94px !important;} .pr95{padding-right:95px !important;} .pr96{padding-right:96px !important;} .pr97{padding-right:97px !important;} .pr98{padding-right:98px !important;} .pr99{padding-right:99px !important;} .pr100{padding-right:100px !important;} .pr150{padding-right:150px !important;} .pr200{padding-right:200px !important;} /*LINE HEIGHT PERCENT */ .lh100 {line-height:100% !important;} .lh110 {line-height:110% !important;} .lh120 {line-height:120% !important;} .lh130 {line-height:130% !important;} .lh140 {line-height:140% !important;} .lh150 {line-height:150% !important;} .lh160 {line-height:160% !important;} .lh170 {line-height:170% !important;} .lh180 {line-height:180% !important;} .lh190 {line-height:190% !important;} .lh200 {line-height:200% !important;} .lh210 {line-height:210% !important;} .lh220 {line-height:220% !important;} .lh230 {line-height:230% !important;} .lh240 {line-height:240% !important;} .lh250 {line-height:250% !important;} .lh260 {line-height:260% !important;} .lh270 {line-height:270% !important;} .lh280 {line-height:280% !important;} .lh290 {line-height:290% !important;} .lh300 {line-height:300% !important;} .lh310 {line-height:310% !important;} .lh320 {line-height:320% !important;} .lh330 {line-height:330% !important;} .lh340 {line-height:340% !important;} .lh350 {line-height:350% !important;} .lh360 {line-height:360% !important;} /*FONT SIZE PIXEL */ .fs6{font-size:6px !important;} .fs7{font-size:7px !important;} .fs8{font-size:8px !important;} .fs9{font-size:9px !important;} .fs10{font-size:10px !important;} .fs11{font-size:11px !important;} .fs12{font-size:12px !important;} .fs13{font-size:13px !important;} .fs14{font-size:14px !important;} .fs15{font-size:15px !important;} .fs16{font-size:16px !important;} .fs17{font-size:17px !important;} .fs18{font-size:18px !important;} .fs19{font-size:19px !important;} .fs20{font-size:20px !important;} .fs21{font-size:21px !important;} .fs22{font-size:22px !important;} .fs23{font-size:23px !important;} .fs24{font-size:24px !important;} .fs25{font-size:25px !important;} .fs26{font-size:26px !important;} .fs27{font-size:27px !important;} .fs28{font-size:28px !important;} .fs29{font-size:29px !important;} .fs30{font-size:30px !important;} .fs31{font-size:31px !important;} .fs32{font-size:32px !important;} .fs33{font-size:33px !important;} .fs34{font-size:34px !important;} .fs35{font-size:35px !important;} .fs36{font-size:36px !important;} .fs37{font-size:37px !important;} .fs38{font-size:38px !important;} .fs39{font-size:39px !important;} .fs40{font-size:40px !important;} /*HEIGHT PIXEL */ .hp100 {height:100% !important;} .hpx30 {height:30px !important;} .hpx40 {height:40px !important;} .hpx50 {height:50px !important;} .hpx54 {height:54px !important;} .hpx58 {height:58px !important;} .hpx60 {height:60px !important;} .hpx65 {height:65px !important;} .hpx70 {height:70px !important;} .hpx90 {height:90px !important;} .hpx100 {height:90px !important;} .hpx120 {height:120px !important;} .hpx140 {height:140px !important;} .hpx150 {height:150px !important;} .hpx160 {height:160px !important;} .hpx180 {height:180px !important;} .hpx190 {height:190px !important;} .hpx200 {height:200px !important;} .hpx210 {height:210px !important;} .hpx220 {height:220px !important;} .hpx230 {height:230px !important;} .hpx240 {height:240px !important;} .hpx280 {height:280px !important;} .hpx288 {height:288px !important;} .hpx320 {height:320px !important;} .hpx340 {height:340px !important;} .hpx360 {height:360px !important;} .hpx380 {height:380px !important;} .hpx400 {height:400px !important;} .hpx420 {height:420px !important;} .hpx430 {height:430px !important;} .hpx460 {height:460px !important;} .hpx480 {height:480px !important;} .hpx500 {height:500px !important;} .hpx520 {height:520px !important;} .hpx600 {height:600px !important;} .hpx630 {height:630px !important;} .hpx710 {height:710px !important;} .hpx800 {height:800px !important;} .mhpx240 {max-height:240px !important;} /*FONT SIZE REM */ .fsm01{font-size:0.1rem !important;} .fsm02{font-size:0.2rem !important;} .fsm03{font-size:0.3rem !important;} .fsm04{font-size:0.4rem !important;} .fsm05{font-size:0.5rem !important;} .fsm06{font-size:0.6rem !important;} .fsm07{font-size:0.7rem !important;} .fsm08{font-size:0.8rem !important;} .fsm09{font-size:0.9rem !important;} .fsm10{font-size:1.0rem !important;} .fsm11{font-size:1.1rem !important;} .fsm12{font-size:1.2rem !important;} .fsm13{font-size:1.3rem !important;} .fsm14{font-size:1.4rem !important;} .fsm15{font-size:1.5rem !important;} .fsm16{font-size:1.6rem !important;} .fsm17{font-size:1.7rem !important;} .fsm18{font-size:1.8rem !important;} .fsm19{font-size:1.9rem !important;} .fsm20{font-size:2.0rem !important;} .fsm21{font-size:2.1rem !important;} .fsm22{font-size:2.2rem !important;} .fsm23{font-size:2.3rem !important;} .fsm24{font-size:2.4rem !important;} .fsm25{font-size:2.5rem !important;} .fsm26{font-size:2.6rem !important;} .fsm27{font-size:2.7rem !important;} .fsm28{font-size:2.8rem !important;} .fsm29{font-size:2.9rem !important;} .fsm30{font-size:3.0rem !important;} .fsm31{font-size:3.1rem !important;} .fsm32{font-size:3.2rem !important;} .fsm33{font-size:3.3rem !important;} .fsm34{font-size:3.4rem !important;} .fsm35{font-size:3.5rem !important;} .fsm36{font-size:3.6rem !important;} .fsm37{font-size:3.7rem !important;} .fsm38{font-size:3.8rem !important;} .fsm39{font-size:3.9rem !important;} .fsm40{font-size:4.0rem !important;} .fsm41{font-size:4.1rem !important;} .fsm42{font-size:4.2rem !important;} .fsm43{font-size:4.3rem !important;} .fsm44{font-size:4.4rem !important;} .fsm45{font-size:4.5rem !important;} .fsm46{font-size:4.6rem !important;} .fsm47{font-size:4.7rem !important;} .fsm48{font-size:4.8rem !important;} .fsm49{font-size:4.9rem !important;} .fsm50{font-size:5.0rem !important;} /*WIDTH REM */ .wrem10 {width:1.0rem !important;} .wrem11 {width:1.1rem !important;} .wrem12 {width:1.2rem !important;} .wrem13 {width:1.3rem !important;} .wrem14 {width:1.4rem !important;} .wrem15 {width:1.5rem !important;} .wrem16 {width:1.6rem !important;} .wrem17 {width:1.7rem !important;} .wrem18 {width:1.8rem !important;} .wrem19 {width:1.9rem !important;} .wrem20 {width:2.0rem !important;} .wrem21 {width:2.1rem !important;} .wrem22 {width:2.2rem !important;} .wrem23 {width:2.3rem !important;} .wrem24 {width:2.4rem !important;} .wrem25 {width:2.5rem !important;} .wrem26 {width:2.6rem !important;} .wrem27 {width:2.7rem !important;} .wrem28 {width:2.8rem !important;} .wrem29 {width:2.9rem !important;} .wrem30 {width:3.0rem !important;} .wrem31 {width:3.1rem !important;} .wrem32 {width:3.2rem !important;} .wrem33 {width:3.3rem !important;} .wrem34 {width:3.4rem !important;} .wrem35 {width:3.5rem !important;} .wrem36 {width:3.6rem !important;} .wrem37 {width:3.7rem !important;} .wrem38 {width:3.8rem !important;} .wrem39 {width:3.9rem !important;} .wrem40 {width:4.0rem !important;} .wrem41 {width:4.1rem !important;} .wrem42 {width:4.2rem !important;} .wrem43 {width:4.3rem !important;} .wrem44 {width:4.4rem !important;} .wrem45 {width:4.5rem !important;} .wrem46 {width:4.6rem !important;} .wrem47 {width:4.7rem !important;} .wrem48 {width:4.8rem !important;} .wrem49 {width:4.9rem !important;} .wrem50 {width:5.0rem !important;} .wrem51 {width:5.1rem !important;} .wrem52 {width:5.2rem !important;} .wrem53 {width:5.3rem !important;} .wrem54 {width:5.4rem !important;} .wrem55 {width:5.5rem !important;} .wrem56 {width:5.6rem !important;} .wrem57 {width:5.7rem !important;} .wrem58 {width:5.8rem !important;} .wrem59 {width:5.9rem !important;} .wrem60 {width:6.0rem !important;} .wrem61 {width:6.1rem !important;} .wrem62 {width:6.2rem !important;} .wrem63 {width:6.3rem !important;} .wrem64 {width:6.4rem !important;} .wrem65 {width:6.5rem !important;} .wrem66 {width:6.6rem !important;} .wrem67 {width:6.7rem !important;} .wrem68 {width:6.8rem !important;} .wrem69 {width:6.9rem !important;} .wrem70 {width:7.0rem !important;} .wrem71 {width:7.1rem !important;} .wrem72 {width:7.2rem !important;} .wrem73 {width:7.3rem !important;} .wrem74 {width:7.4rem !important;} .wrem75 {width:7.5rem !important;} .wrem76 {width:7.6rem !important;} .wrem77 {width:7.7rem !important;} .wrem78 {width:7.8rem !important;} .wrem79 {width:7.9rem !important;} .wrem80 {width:8.0rem !important;} .wrem81 {width:8.1rem !important;} .wrem82 {width:8.2rem !important;} .wrem83 {width:8.3rem !important;} .wrem84 {width:8.4rem !important;} .wrem85 {width:8.5rem !important;} .wrem86 {width:8.6rem !important;} .wrem87 {width:8.7rem !important;} .wrem88 {width:8.8rem !important;} .wrem89 {width:8.9rem !important;} .wrem90 {width:9.0rem !important;} .wrem91 {width:9.1rem !important;} .wrem92 {width:9.2rem !important;} .wrem93 {width:9.3rem !important;} .wrem94 {width:9.4rem !important;} .wrem95 {width:9.5rem !important;} .wrem96 {width:9.6rem !important;} .wrem97 {width:9.7rem !important;} .wrem98 {width:9.8rem !important;} .wrem99 {width:9.9rem !important;} .wrem100 {width:10.0rem !important;} .wrem105 {width:10.5rem !important;} .wrem110 {width:11.0rem !important;} .wrem115 {width:11.5rem !important;} .wrem120 {width:12.0rem !important;} .wrem125 {width:12.5rem !important;} .wrem130 {width:13.0rem !important;} .wrem140 {width:14.0rem !important;} .wrem150 {width:15.0rem !important;} .wrem160 {width:16.0rem !important;} .wrem170 {width:17.0rem !important;} .wrem180 {width:18.0rem !important;} .wrem190 {width:19.0rem !important;} .wrem200 {width:20.0rem !important;} .wrem210 {width:21.0rem !important;} .wrem220 {width:22.0rem !important;} .wrem230 {width:23.0rem !important;} .wrem240 {width:24.0rem !important;} .wrem250 {width:25.0rem !important;} .wrem260 {width:26.0rem !important;} .wrem270 {width:27.0rem !important;} .wrem280 {width:28.0rem !important;} .wrem290 {width:29.0rem !important;} .wrem300 {width:30.0rem !important;} .wrem310 {width:31.0rem !important;} .wrem320 {width:32.0rem !important;} .wrem330 {width:33.0rem !important;} .wrem340 {width:34.0rem !important;} .wrem350 {width:35.0rem !important;} .wrem360 {width:36.0rem !important;} .wrem370 {width:37.0rem !important;} .wrem380 {width:38.0rem !important;} .wrem390 {width:39.0rem !important;} .wrem400 {width:40.0rem !important;} .wrem410 {width:41.0rem !important;} .wrem420 {width:42.0rem !important;} .wrem430 {width:43.0rem !important;} .wrem440 {width:44.0rem !important;} .wrem450 {width:45.0rem !important;} .wrem460 {width:46.0rem !important;} .wrem470 {width:47.0rem !important;} .wrem480 {width:48.0rem !important;} .wrem490 {width:49.0rem !important;} .wrem500 {width:50.0rem !important;} .wrem510 {width:51.0rem !important;} .wrem520 {width:52.0rem !important;} .wrem530 {width:53.0rem !important;} .wrem540 {width:54.0rem !important;} .wrem550 {width:55.0rem !important;} .wrem560 {width:56.0rem !important;} .wrem570 {width:57.0rem !important;} .wrem580 {width:58.0rem !important;} .wrem590 {width:59.0rem !important;} .wrem600 {width:60.0rem !important;} .wrem610 {width:61.0rem !important;} .wrem614 {width:61.4rem !important;} .wrem620 {width:62.0rem !important;} .wrem630 {width:63.0rem !important;} .wrem640 {width:64.0rem !important;} .wrem650 {width:65.0rem !important;} .wrem660 {width:66.0rem !important;} .wrem670 {width:67.0rem !important;} .wrem680 {width:68.0rem !important;} .wrem690 {width:69.0rem !important;} .wrem700 {width:70.0rem !important;} .wrem710 {width:71.0rem !important;} .wrem720 {width:72.0rem !important;} .wrem730 {width:73.0rem !important;} .wrem740 {width:74.0rem !important;} .wrem750 {width:75.0rem !important;} .wrem760 {width:76.0rem !important;} .wrem765 {width:76.5rem !important;} .wrem770 {width:77.0rem !important;} .wrem780 {width:78.0rem !important;} .wrem790 {width:79.0rem !important;} .wrem800 {width:80.0rem !important;} .wrem810 {width:81.0rem !important;} .wrem820 {width:82.0rem !important;} .wrem830 {width:83.0rem !important;} .wrem840 {width:84.0rem !important;} .wrem850 {width:85.0rem !important;} .wrem860 {width:86.0rem !important;} .wrem870 {width:87.0rem !important;} .wrem880 {width:88.0rem !important;} .wrem890 {width:89.0rem !important;} .wrem900 {width:90.0rem !important;} .wrem910 {width:91.0rem !important;} .wrem920 {width:92.0rem !important;} .wrem930 {width:93.0rem !important;} .wrem940 {width:94.0rem !important;} .wrem950 {width:95.0rem !important;} .wrem960 {width:96.0rem !important;} .wrem970 {width:97.0rem !important;} .wrem980 {width:98.0rem !important;} .wrem990 {width:99.0rem !important;} /*MARGIN TOP REM */ .mtm01m{margin-top:-0.1rem !important;} .mtm0{margin-top:0rem !important;} .mtm01{margin-top:0.1rem !important;} .mtm02{margin-top:0.2rem !important;} .mtm03{margin-top:0.3rem !important;} .mtm04{margin-top:0.4rem !important;} .mtm05{margin-top:0.5rem !important;} .mtm06{margin-top:0.6rem !important;} .mtm07{margin-top:0.7rem !important;} .mtm08{margin-top:0.8rem !important;} .mtm09{margin-top:0.9rem !important;} .mtm10{margin-top:1rem !important;} .mtm11{margin-top:1.1rem !important;} .mtm12{margin-top:1.2rem !important;} .mtm13{margin-top:1.3rem !important;} .mtm14{margin-top:1.4rem !important;} .mtm15{margin-top:1.5rem !important;} .mtm16{margin-top:1.6rem !important;} .mtm17{margin-top:1.7rem !important;} .mtm18{margin-top:1.8rem !important;} .mtm19{margin-top:1.9rem !important;} .mtm20{margin-top:2.0rem !important;} .mtm21{margin-top:2.1rem !important;} .mtm22{margin-top:2.2rem !important;} .mtm23{margin-top:2.3rem !important;} .mtm24{margin-top:2.4rem !important;} .mtm25{margin-top:2.5rem !important;} .mtm26{margin-top:2.6rem !important;} .mtm27{margin-top:2.7rem !important;} .mtm28{margin-top:2.8rem !important;} .mtm29{margin-top:2.9rem !important;} .mtm30{margin-top:3.0rem !important;} .mtm31{margin-top:3.1rem !important;} .mtm32{margin-top:3.2rem !important;} .mtm33{margin-top:3.3rem !important;} .mtm34{margin-top:3.4rem !important;} .mtm35{margin-top:3.5rem !important;} .mtm36{margin-top:3.6rem !important;} .mtm37{margin-top:3.7rem !important;} .mtm38{margin-top:3.8rem !important;} .mtm39{margin-top:3.9rem !important;} .mtm40{margin-top:4.0rem !important;} .mtm41{margin-top:4.1rem !important;} .mtm42{margin-top:4.2rem !important;} .mtm43{margin-top:4.3rem !important;} .mtm44{margin-top:4.4rem !important;} .mtm45{margin-top:4.5rem !important;} .mtm46{margin-top:4.6rem !important;} .mtm47{margin-top:4.7rem !important;} .mtm48{margin-top:4.8rem !important;} .mtm49{margin-top:4.9rem !important;} .mtm50{margin-top:5.0rem !important;} .mtm51{margin-top:5.1rem !important;} .mtm52{margin-top:5.2rem !important;} .mtm53{margin-top:5.3rem !important;} .mtm54{margin-top:5.4rem !important;} .mtm55{margin-top:5.5rem !important;} .mtm56{margin-top:5.6rem !important;} .mtm57{margin-top:5.7rem !important;} .mtm58{margin-top:5.8rem !important;} .mtm59{margin-top:5.9rem !important;} .mtm60{margin-top:6.0rem !important;} .mtm61{margin-top:6.1rem !important;} .mtm62{margin-top:6.2rem !important;} .mtm63{margin-top:6.3rem !important;} .mtm64{margin-top:6.4rem !important;} .mtm65{margin-top:6.5rem !important;} .mtm66{margin-top:6.6rem !important;} .mtm67{margin-top:6.7rem !important;} .mtm68{margin-top:6.8rem !important;} .mtm69{margin-top:6.9rem !important;} .mtm70{margin-top:7.0rem !important;} .mtm80{margin-top:8.0rem !important;} .mtm90{margin-top:9.0rem !important;} .mtm100{margin-top:10rem !important;} /*MARGIN BOTTOM REM */ .mbm0{margin-bottom:0rem !important;} .mbm01{margin-bottom:0.1rem !important;} .mbm02{margin-bottom:0.2rem !important;} .mbm03{margin-bottom:0.3rem !important;} .mbm04{margin-bottom:0.4rem !important;} .mbm05{margin-bottom:0.5rem !important;} .mbm06{margin-bottom:0.6rem !important;} .mbm07{margin-bottom:0.7rem !important;} .mbm08{margin-bottom:0.8rem !important;} .mbm09{margin-bottom:0.9rem !important;} .mbm10{margin-bottom:1rem !important;} .mbm11{margin-bottom:1.1rem !important;} .mbm12{margin-bottom:1.2rem !important;} .mbm13{margin-bottom:1.3rem !important;} .mbm14{margin-bottom:1.4rem !important;} .mbm15{margin-bottom:1.5rem !important;} .mbm16{margin-bottom:1.6rem !important;} .mbm17{margin-bottom:1.7rem !important;} .mbm18{margin-bottom:1.8rem !important;} .mbm19{margin-bottom:1.9rem !important;} .mbm20{margin-bottom:2.0rem !important;} .mbm21{margin-bottom:2.1rem !important;} .mbm22{margin-bottom:2.2rem !important;} .mbm23{margin-bottom:2.3rem !important;} .mbm24{margin-bottom:2.4rem !important;} .mbm25{margin-bottom:2.5rem !important;} .mbm26{margin-bottom:2.6rem !important;} .mbm27{margin-bottom:2.7rem !important;} .mbm28{margin-bottom:2.8rem !important;} .mbm29{margin-bottom:2.9rem !important;} .mbm30{margin-bottom:3.0rem !important;} .mbm31{margin-bottom:3.1rem !important;} .mbm32{margin-bottom:3.2rem !important;} .mbm33{margin-bottom:3.3rem !important;} .mbm34{margin-bottom:3.4rem !important;} .mbm35{margin-bottom:3.5rem !important;} .mbm36{margin-bottom:3.6rem !important;} .mbm37{margin-bottom:3.7rem !important;} .mbm38{margin-bottom:3.8rem !important;} .mbm39{margin-bottom:3.9rem !important;} .mbm40{margin-bottom:4.0rem !important;} .mbm41{margin-bottom:4.1rem !important;} .mbm42{margin-bottom:4.2rem !important;} .mbm43{margin-bottom:4.3rem !important;} .mbm44{margin-bottom:4.4rem !important;} .mbm45{margin-bottom:4.5rem !important;} .mbm46{margin-bottom:4.6rem !important;} .mbm47{margin-bottom:4.7rem !important;} .mbm48{margin-bottom:4.8rem !important;} .mbm49{margin-bottom:4.9rem !important;} .mbm50{margin-bottom:5.0rem !important;} .mbm51{margin-bottom:5.1rem !important;} .mbm52{margin-bottom:5.2rem !important;} .mbm53{margin-bottom:5.3rem !important;} .mbm54{margin-bottom:5.4rem !important;} .mbm55{margin-bottom:5.5rem !important;} .mbm56{margin-bottom:5.6rem !important;} .mbm57{margin-bottom:5.7rem !important;} .mbm58{margin-bottom:5.8rem !important;} .mbm59{margin-bottom:5.9rem !important;} .mbm60{margin-bottom:6.0rem !important;} .mbm61{margin-bottom:6.1rem !important;} .mbm62{margin-bottom:6.2rem !important;} .mbm63{margin-bottom:6.3rem !important;} .mbm64{margin-bottom:6.4rem !important;} .mbm65{margin-bottom:6.5rem !important;} .mbm66{margin-bottom:6.6rem !important;} .mbm67{margin-bottom:6.7rem !important;} .mbm68{margin-bottom:6.8rem !important;} .mbm69{margin-bottom:6.9rem !important;} .mbm70{margin-bottom:7.0rem !important;} .mbm71{margin-bottom:7.1rem !important;} .mbm72{margin-bottom:7.2rem !important;} .mbm73{margin-bottom:7.3rem !important;} .mbm74{margin-bottom:7.4rem !important;} .mbm75{margin-bottom:7.5rem !important;} .mbm76{margin-bottom:7.6rem !important;} .mbm77{margin-bottom:7.7rem !important;} .mbm78{margin-bottom:7.8rem !important;} .mbm79{margin-bottom:7.9rem !important;} .mbm80{margin-bottom:8.0rem !important;} .mbm81{margin-bottom:8.1rem !important;} .mbm82{margin-bottom:8.2rem !important;} .mbm83{margin-bottom:8.3rem !important;} .mbm84{margin-bottom:8.4rem !important;} .mbm85{margin-bottom:8.5rem !important;} .mbm86{margin-bottom:8.6rem !important;} .mbm87{margin-bottom:8.7rem !important;} .mbm88{margin-bottom:8.8rem !important;} .mbm89{margin-bottom:8.9rem !important;} .mbm90{margin-bottom:9.0rem !important;} .mbm91{margin-bottom:9.1rem !important;} .mbm92{margin-bottom:9.2rem !important;} .mbm93{margin-bottom:9.3rem !important;} .mbm94{margin-bottom:9.4rem !important;} .mbm95{margin-bottom:9.5rem !important;} .mbm96{margin-bottom:9.6rem !important;} .mbm97{margin-bottom:9.7rem !important;} .mbm98{margin-bottom:9.8rem !important;} .mbm99{margin-bottom:9.9rem !important;} .mbm100{margin-bottom:10rem !important;} /*MARGIN LEFT REM */ .mlm0{margin-left:0rem !important;} .mlm01{margin-left:0.1rem !important;} .mlm02{margin-left:0.2rem !important;} .mlm03{margin-left:0.3rem !important;} .mlm04{margin-left:0.4rem !important;} .mlm05{margin-left:0.5rem !important;} .mlm06{margin-left:0.6rem !important;} .mlm07{margin-left:0.7rem !important;} .mlm08{margin-left:0.8rem !important;} .mlm09{margin-left:0.9rem !important;} .mlm10{margin-left:1rem !important;} .mlm11{margin-left:1.1rem !important;} .mlm12{margin-left:1.2rem !important;} .mlm13{margin-left:1.3rem !important;} .mlm14{margin-left:1.4rem !important;} .mlm15{margin-left:1.5rem !important;} .mlm16{margin-left:1.6rem !important;} .mlm17{margin-left:1.7rem !important;} .mlm18{margin-left:1.8rem !important;} .mlm19{margin-left:1.9rem !important;} .mlm20{margin-left:2.0rem !important;} .mlm21{margin-left:2.1rem !important;} .mlm22{margin-left:2.2rem !important;} .mlm23{margin-left:2.3rem !important;} .mlm24{margin-left:2.4rem !important;} .mlm25{margin-left:2.5rem !important;} .mlm26{margin-left:2.6rem !important;} .mlm27{margin-left:2.7rem !important;} .mlm28{margin-left:2.8rem !important;} .mlm29{margin-left:2.9rem !important;} .mlm30{margin-left:3.0rem !important;} .mlm31{margin-left:3.1rem !important;} .mlm32{margin-left:3.2rem !important;} .mlm33{margin-left:3.3rem !important;} .mlm34{margin-left:3.4rem !important;} .mlm35{margin-left:3.5rem !important;} .mlm36{margin-left:3.6rem !important;} .mlm37{margin-left:3.7rem !important;} .mlm38{margin-left:3.8rem !important;} .mlm39{margin-left:3.9rem !important;} .mlm40{margin-left:4.0rem !important;} .mlm41{margin-left:4.1rem !important;} .mlm42{margin-left:4.2rem !important;} .mlm43{margin-left:4.3rem !important;} .mlm44{margin-left:4.4rem !important;} .mlm45{margin-left:4.5rem !important;} .mlm46{margin-left:4.6rem !important;} .mlm47{margin-left:4.7rem !important;} .mlm48{margin-left:4.8rem !important;} .mlm49{margin-left:4.9rem !important;} .mlm50{margin-left:5.0rem !important;} .mlm51{margin-left:5.1rem !important;} .mlm52{margin-left:5.2rem !important;} .mlm53{margin-left:5.3rem !important;} .mlm54{margin-left:5.4rem !important;} .mlm55{margin-left:5.5rem !important;} .mlm56{margin-left:5.6rem !important;} .mlm57{margin-left:5.7rem !important;} .mlm58{margin-left:5.8rem !important;} .mlm59{margin-left:5.9rem !important;} .mlm60{margin-left:6.0rem !important;} .mlm61{margin-left:6.1rem !important;} .mlm62{margin-left:6.2rem !important;} .mlm63{margin-left:6.3rem !important;} .mlm64{margin-left:6.4rem !important;} .mlm65{margin-left:6.5rem !important;} .mlm66{margin-left:6.6rem !important;} .mlm67{margin-left:6.7rem !important;} .mlm68{margin-left:6.8rem !important;} .mlm69{margin-left:6.9rem !important;} .mlm70{margin-left:7.0rem !important;} .mlm71{margin-left:7.1rem !important;} .mlm72{margin-left:7.2rem !important;} .mlm73{margin-left:7.3rem !important;} .mlm74{margin-left:7.4rem !important;} .mlm75{margin-left:7.5rem !important;} .mlm76{margin-left:7.6rem !important;} .mlm77{margin-left:7.7rem !important;} .mlm78{margin-left:7.8rem !important;} .mlm79{margin-left:7.9rem !important;} .mlm80{margin-left:8.0rem !important;} .mlm81{margin-left:8.1rem !important;} .mlm82{margin-left:8.2rem !important;} .mlm83{margin-left:8.3rem !important;} .mlm84{margin-left:8.4rem !important;} .mlm85{margin-left:8.5rem !important;} .mlm86{margin-left:8.6rem !important;} .mlm87{margin-left:8.7rem !important;} .mlm88{margin-left:8.8rem !important;} .mlm89{margin-left:8.9rem !important;} .mlm90{margin-left:9.0rem !important;} .mlm91{margin-left:9.1rem !important;} .mlm92{margin-left:9.2rem !important;} .mlm93{margin-left:9.3rem !important;} .mlm94{margin-left:9.4rem !important;} .mlm95{margin-left:9.5rem !important;} .mlm96{margin-left:9.6rem !important;} .mlm97{margin-left:9.7rem !important;} .mlm98{margin-left:9.8rem !important;} .mlm99{margin-left:9.9rem !important;} .mlm100{margin-left:10.0rem !important;} /*MARGIN RIGHT REM */ .mrm0{margin-right:0rem !important;} .mrm01{margin-right:0.1rem !important;} .mrm02{margin-right:0.2rem !important;} .mrm03{margin-right:0.3rem !important;} .mrm04{margin-right:0.4rem !important;} .mrm05{margin-right:0.5rem !important;} .mrm06{margin-right:0.6rem !important;} .mrm07{margin-right:0.7rem !important;} .mrm08{margin-right:0.8rem !important;} .mrm09{margin-right:0.9rem !important;} .mrm10{margin-right:1rem !important;} .mrm11{margin-right:1.1rem !important;} .mrm12{margin-right:1.2rem !important;} .mrm13{margin-right:1.3rem !important;} .mrm14{margin-right:1.4rem !important;} .mrm15{margin-right:1.5rem !important;} .mrm16{margin-right:1.6rem !important;} .mrm17{margin-right:1.7rem !important;} .mrm18{margin-right:1.8rem !important;} .mrm19{margin-right:1.9rem !important;} .mrm20{margin-right:2.0rem !important;} .mrm21{margin-right:2.1rem !important;} .mrm22{margin-right:2.2rem !important;} .mrm23{margin-right:2.3rem !important;} .mrm24{margin-right:2.4rem !important;} .mrm25{margin-right:2.5rem !important;} .mrm26{margin-right:2.6rem !important;} .mrm27{margin-right:2.7rem !important;} .mrm28{margin-right:2.8rem !important;} .mrm29{margin-right:2.9rem !important;} .mrm30{margin-right:3.0rem !important;} .mrm31{margin-right:3.1rem !important;} .mrm32{margin-right:3.2rem !important;} .mrm33{margin-right:3.3rem !important;} .mrm34{margin-right:3.4rem !important;} .mrm35{margin-right:3.5rem !important;} .mrm36{margin-right:3.6rem !important;} .mrm37{margin-right:3.7rem !important;} .mrm38{margin-right:3.8rem !important;} .mrm39{margin-right:3.9rem !important;} .mrm40{margin-right:4.0rem !important;} .mrm41{margin-right:4.1rem !important;} .mrm42{margin-right:4.2rem !important;} .mrm43{margin-right:4.3rem !important;} .mrm44{margin-right:4.4rem !important;} .mrm45{margin-right:4.5rem !important;} .mrm46{margin-right:4.6rem !important;} .mrm47{margin-right:4.7rem !important;} .mrm48{margin-right:4.8rem !important;} .mrm49{margin-right:4.9rem !important;} .mrm50{margin-right:5.0rem !important;} .mrm51{margin-right:5.1rem !important;} .mrm52{margin-right:5.2rem !important;} .mrm53{margin-right:5.3rem !important;} .mrm54{margin-right:5.4rem !important;} .mrm55{margin-right:5.5rem !important;} .mrm56{margin-right:5.6rem !important;} .mrm57{margin-right:5.7rem !important;} .mrm58{margin-right:5.8rem !important;} .mrm59{margin-right:5.9rem !important;} .mrm60{margin-right:6.0rem !important;} .mrm61{margin-right:6.1rem !important;} .mrm62{margin-right:6.2rem !important;} .mrm63{margin-right:6.3rem !important;} .mrm64{margin-right:6.4rem !important;} .mrm65{margin-right:6.5rem !important;} .mrm66{margin-right:6.6rem !important;} .mrm67{margin-right:6.7rem !important;} .mrm68{margin-right:6.8rem !important;} .mrm69{margin-right:6.9rem !important;} .mrm70{margin-right:7.0rem !important;} .mrm71{margin-right:7.1rem !important;} .mrm72{margin-right:7.2rem !important;} .mrm73{margin-right:7.3rem !important;} .mrm74{margin-right:7.4rem !important;} .mrm75{margin-right:7.5rem !important;} .mrm76{margin-right:7.6rem !important;} .mrm77{margin-right:7.7rem !important;} .mrm78{margin-right:7.8rem !important;} .mrm79{margin-right:7.9rem !important;} .mrm80{margin-right:8.0rem !important;} .mrm81{margin-right:8.1rem !important;} .mrm82{margin-right:8.2rem !important;} .mrm83{margin-right:8.3rem !important;} .mrm84{margin-right:8.4rem !important;} .mrm85{margin-right:8.5rem !important;} .mrm86{margin-right:8.6rem !important;} .mrm87{margin-right:8.7rem !important;} .mrm88{margin-right:8.8rem !important;} .mrm89{margin-right:8.9rem !important;} .mrm90{margin-right:9.0rem !important;} .mrm91{margin-right:9.1rem !important;} .mrm92{margin-right:9.2rem !important;} .mrm93{margin-right:9.3rem !important;} .mrm94{margin-right:9.4rem !important;} .mrm95{margin-right:9.5rem !important;} .mrm96{margin-right:9.6rem !important;} .mrm97{margin-right:9.7rem !important;} .mrm98{margin-right:9.8rem !important;} .mrm99{margin-right:9.9rem !important;} .mrm100{margin-right:10rem !important;} /*PADDING TOP REM */ .ptm0{padding-top:0rem !important;} .ptm01{padding-top:0.1rem !important;} .ptm02{padding-top:0.2rem !important;} .ptm03{padding-top:0.3rem !important;} .ptm04{padding-top:0.4rem !important;} .ptm05{padding-top:0.5rem !important;} .ptm06{padding-top:0.6rem !important;} .ptm07{padding-top:0.7rem !important;} .ptm08{padding-top:0.8rem !important;} .ptm09{padding-top:0.9rem !important;} .ptm10{padding-top:1rem !important;} .ptm11{padding-top:1.1rem !important;} .ptm12{padding-top:1.2rem !important;} .ptm13{padding-top:1.3rem !important;} .ptm14{padding-top:1.4rem !important;} .ptm15{padding-top:1.5rem !important;} .ptm16{padding-top:1.6rem !important;} .ptm17{padding-top:1.7rem !important;} .ptm18{padding-top:1.8rem !important;} .ptm19{padding-top:1.9rem !important;} .ptm20{padding-top:2.0rem !important;} .ptm21{padding-top:2.1rem !important;} .ptm22{padding-top:2.2rem !important;} .ptm23{padding-top:2.3rem !important;} .ptm24{padding-top:2.4rem !important;} .ptm25{padding-top:2.5rem !important;} .ptm26{padding-top:2.6rem !important;} .ptm27{padding-top:2.7rem !important;} .ptm28{padding-top:2.8rem !important;} .ptm29{padding-top:2.9rem !important;} .ptm30{padding-top:3.0rem !important;} .ptm31{padding-top:3.1rem !important;} .ptm32{padding-top:3.2rem !important;} .ptm33{padding-top:3.3rem !important;} .ptm34{padding-top:3.4rem !important;} .ptm35{padding-top:3.5rem !important;} .ptm36{padding-top:3.6rem !important;} .ptm37{padding-top:3.7rem !important;} .ptm38{padding-top:3.8rem !important;} .ptm39{padding-top:3.9rem !important;} .ptm40{padding-top:4.0rem !important;} .ptm41{padding-top:4.1rem !important;} .ptm42{padding-top:4.2rem !important;} .ptm43{padding-top:4.3rem !important;} .ptm44{padding-top:4.4rem !important;} .ptm45{padding-top:4.5rem !important;} .ptm46{padding-top:4.6rem !important;} .ptm47{padding-top:4.7rem !important;} .ptm48{padding-top:4.8rem !important;} .ptm49{padding-top:4.9rem !important;} .ptm50{padding-top:5.0rem !important;} .ptm51{padding-top:5.1rem !important;} .ptm52{padding-top:5.2rem !important;} .ptm53{padding-top:5.3rem !important;} .ptm54{padding-top:5.4rem !important;} .ptm55{padding-top:5.5rem !important;} .ptm56{padding-top:5.6rem !important;} .ptm57{padding-top:5.7rem !important;} .ptm58{padding-top:5.8rem !important;} .ptm59{padding-top:5.9rem !important;} .ptm60{padding-top:6.0rem !important;} .ptm61{padding-top:6.1rem !important;} .ptm62{padding-top:6.2rem !important;} .ptm63{padding-top:6.3rem !important;} .ptm64{padding-top:6.4rem !important;} .ptm65{padding-top:6.5rem !important;} .ptm66{padding-top:6.6rem !important;} .ptm67{padding-top:6.7rem !important;} .ptm68{padding-top:6.8rem !important;} .ptm69{padding-top:6.9rem !important;} .ptm70{padding-top:7.0rem !important;} .ptm71{padding-top:7.1rem !important;} .ptm72{padding-top:7.2rem !important;} .ptm73{padding-top:7.3rem !important;} .ptm74{padding-top:7.4rem !important;} .ptm75{padding-top:7.5rem !important;} .ptm76{padding-top:7.6rem !important;} .ptm77{padding-top:7.7rem !important;} .ptm78{padding-top:7.8rem !important;} .ptm79{padding-top:7.9rem !important;} .ptm80{padding-top:8.0rem !important;} .ptm81{padding-top:8.1rem !important;} .ptm82{padding-top:8.2rem !important;} .ptm83{padding-top:8.3rem !important;} .ptm84{padding-top:8.4rem !important;} .ptm85{padding-top:8.5rem !important;} .ptm86{padding-top:8.6rem !important;} .ptm87{padding-top:8.7rem !important;} .ptm88{padding-top:8.8rem !important;} .ptm89{padding-top:8.9rem !important;} .ptm90{padding-top:9.0rem !important;} .ptm91{padding-top:9.1rem !important;} .ptm92{padding-top:9.2rem !important;} .ptm93{padding-top:9.3rem !important;} .ptm94{padding-top:9.4rem !important;} .ptm95{padding-top:9.5rem !important;} .ptm96{padding-top:9.6rem !important;} .ptm97{padding-top:9.7rem !important;} .ptm98{padding-top:9.8rem !important;} .ptm99{padding-top:9.9rem !important;} .ptm100{padding-top:10rem !important;} /*PADDING BOTTOM REM */ .pbm0{padding-bottom:0rem !important;} .pbm01{padding-bottom:0.1rem !important;} .pbm02{padding-bottom:0.2rem !important;} .pbm03{padding-bottom:0.3rem !important;} .pbm04{padding-bottom:0.4rem !important;} .pbm05{padding-bottom:0.5rem !important;} .pbm06{padding-bottom:0.6rem !important;} .pbm07{padding-bottom:0.7rem !important;} .pbm08{padding-bottom:0.8rem !important;} .pbm09{padding-bottom:0.9rem !important;} .pbm10{padding-bottom:1rem !important;} .pbm11{padding-bottom:1.1rem !important;} .pbm12{padding-bottom:1.2rem !important;} .pbm13{padding-bottom:1.3rem !important;} .pbm14{padding-bottom:1.4rem !important;} .pbm15{padding-bottom:1.5rem !important;} .pbm16{padding-bottom:1.6rem !important;} .pbm17{padding-bottom:1.7rem !important;} .pbm18{padding-bottom:1.8rem !important;} .pbm19{padding-bottom:1.9rem !important;} .pbm20{padding-bottom:2.0rem !important;} .pbm21{padding-bottom:2.1rem !important;} .pbm22{padding-bottom:2.2rem !important;} .pbm23{padding-bottom:2.3rem !important;} .pbm24{padding-bottom:2.4rem !important;} .pbm25{padding-bottom:2.5rem !important;} .pbm26{padding-bottom:2.6rem !important;} .pbm27{padding-bottom:2.7rem !important;} .pbm28{padding-bottom:2.8rem !important;} .pbm29{padding-bottom:2.9rem !important;} .pbm30{padding-bottom:3.0rem !important;} .pbm31{padding-bottom:3.1rem !important;} .pbm32{padding-bottom:3.2rem !important;} .pbm33{padding-bottom:3.3rem !important;} .pbm34{padding-bottom:3.4rem !important;} .pbm35{padding-bottom:3.5rem !important;} .pbm36{padding-bottom:3.6rem !important;} .pbm37{padding-bottom:3.7rem !important;} .pbm38{padding-bottom:3.8rem !important;} .pbm39{padding-bottom:3.9rem !important;} .pbm40{padding-bottom:4.0rem !important;} .pbm41{padding-bottom:4.1rem !important;} .pbm42{padding-bottom:4.2rem !important;} .pbm43{padding-bottom:4.3rem !important;} .pbm44{padding-bottom:4.4rem !important;} .pbm45{padding-bottom:4.5rem !important;} .pbm46{padding-bottom:4.6rem !important;} .pbm47{padding-bottom:4.7rem !important;} .pbm48{padding-bottom:4.8rem !important;} .pbm49{padding-bottom:4.9rem !important;} .pbm50{padding-bottom:5.0rem !important;} .pbm51{padding-bottom:5.1rem !important;} .pbm52{padding-bottom:5.2rem !important;} .pbm53{padding-bottom:5.3rem !important;} .pbm54{padding-bottom:5.4rem !important;} .pbm55{padding-bottom:5.5rem !important;} .pbm56{padding-bottom:5.6rem !important;} .pbm57{padding-bottom:5.7rem !important;} .pbm58{padding-bottom:5.8rem !important;} .pbm59{padding-bottom:5.9rem !important;} .pbm60{padding-bottom:6.0rem !important;} .pbm61{padding-bottom:6.1rem !important;} .pbm62{padding-bottom:6.2rem !important;} .pbm63{padding-bottom:6.3rem !important;} .pbm64{padding-bottom:6.4rem !important;} .pbm65{padding-bottom:6.5rem !important;} .pbm66{padding-bottom:6.6rem !important;} .pbm67{padding-bottom:6.7rem !important;} .pbm68{padding-bottom:6.8rem !important;} .pbm69{padding-bottom:6.9rem !important;} .pbm70{padding-bottom:7.0rem !important;} .pbm71{padding-bottom:7.1rem !important;} .pbm72{padding-bottom:7.2rem !important;} .pbm73{padding-bottom:7.3rem !important;} .pbm74{padding-bottom:7.4rem !important;} .pbm75{padding-bottom:7.5rem !important;} .pbm76{padding-bottom:7.6rem !important;} .pbm77{padding-bottom:7.7rem !important;} .pbm78{padding-bottom:7.8rem !important;} .pbm79{padding-bottom:7.9rem !important;} .pbm80{padding-bottom:8.0rem !important;} .pbm81{padding-bottom:8.1rem !important;} .pbm82{padding-bottom:8.2rem !important;} .pbm83{padding-bottom:8.3rem !important;} .pbm84{padding-bottom:8.4rem !important;} .pbm85{padding-bottom:8.5rem !important;} .pbm86{padding-bottom:8.6rem !important;} .pbm87{padding-bottom:8.7rem !important;} .pbm88{padding-bottom:8.8rem !important;} .pbm89{padding-bottom:8.9rem !important;} .pbm90{padding-bottom:9.0rem !important;} .pbm91{padding-bottom:9.1rem !important;} .pbm92{padding-bottom:9.2rem !important;} .pbm93{padding-bottom:9.3rem !important;} .pbm94{padding-bottom:9.4rem !important;} .pbm95{padding-bottom:9.5rem !important;} .pbm96{padding-bottom:9.6rem !important;} .pbm97{padding-bottom:9.7rem !important;} .pbm98{padding-bottom:9.8rem !important;} .pbm99{padding-bottom:9.9rem !important;} .pbm100{padding-bottom:10rem !important;} /*PADDING LEFT REM */ .plm0{padding-left:0rem !important;} .plm01{padding-left:0.1rem !important;} .plm02{padding-left:0.2rem !important;} .plm03{padding-left:0.3rem !important;} .plm04{padding-left:0.4rem !important;} .plm05{padding-left:0.5rem !important;} .plm06{padding-left:0.6rem !important;} .plm07{padding-left:0.7rem !important;} .plm08{padding-left:0.8rem !important;} .plm09{padding-left:0.9rem !important;} .plm10{padding-left:1rem !important;} .plm11{padding-left:1.1rem !important;} .plm12{padding-left:1.2rem !important;} .plm13{padding-left:1.3rem !important;} .plm14{padding-left:1.4rem !important;} .plm15{padding-left:1.5rem !important;} .plm16{padding-left:1.6rem !important;} .plm17{padding-left:1.7rem !important;} .plm18{padding-left:1.8rem !important;} .plm19{padding-left:1.9rem !important;} .plm20{padding-left:2.0rem !important;} .plm21{padding-left:2.1rem !important;} .plm22{padding-left:2.2rem !important;} .plm23{padding-left:2.3rem !important;} .plm24{padding-left:2.4rem !important;} .plm25{padding-left:2.5rem !important;} .plm26{padding-left:2.6rem !important;} .plm27{padding-left:2.7rem !important;} .plm28{padding-left:2.8rem !important;} .plm29{padding-left:2.9rem !important;} .plm30{padding-left:3.0rem !important;} .plm31{padding-left:3.1rem !important;} .plm32{padding-left:3.2rem !important;} .plm33{padding-left:3.3rem !important;} .plm34{padding-left:3.4rem !important;} .plm35{padding-left:3.5rem !important;} .plm36{padding-left:3.6rem !important;} .plm37{padding-left:3.7rem !important;} .plm38{padding-left:3.8rem !important;} .plm39{padding-left:3.9rem !important;} .plm40{padding-left:4.0rem !important;} .plm41{padding-left:4.1rem !important;} .plm42{padding-left:4.2rem !important;} .plm43{padding-left:4.3rem !important;} .plm44{padding-left:4.4rem !important;} .plm45{padding-left:4.5rem !important;} .plm46{padding-left:4.6rem !important;} .plm47{padding-left:4.7rem !important;} .plm48{padding-left:4.8rem !important;} .plm49{padding-left:4.9rem !important;} .plm50{padding-left:5.0rem !important;} .plm51{padding-left:5.1rem !important;} .plm52{padding-left:5.2rem !important;} .plm53{padding-left:5.3rem !important;} .plm54{padding-left:5.4rem !important;} .plm55{padding-left:5.5rem !important;} .plm56{padding-left:5.6rem !important;} .plm57{padding-left:5.7rem !important;} .plm58{padding-left:5.8rem !important;} .plm59{padding-left:5.9rem !important;} .plm60{padding-left:6.0rem !important;} .plm61{padding-left:6.1rem !important;} .plm62{padding-left:6.2rem !important;} .plm63{padding-left:6.3rem !important;} .plm64{padding-left:6.4rem !important;} .plm65{padding-left:6.5rem !important;} .plm66{padding-left:6.6rem !important;} .plm67{padding-left:6.7rem !important;} .plm68{padding-left:6.8rem !important;} .plm69{padding-left:6.9rem !important;} .plm70{padding-left:7.0rem !important;} .plm71{padding-left:7.1rem !important;} .plm72{padding-left:7.2rem !important;} .plm73{padding-left:7.3rem !important;} .plm74{padding-left:7.4rem !important;} .plm75{padding-left:7.5rem !important;} .plm76{padding-left:7.6rem !important;} .plm77{padding-left:7.7rem !important;} .plm78{padding-left:7.8rem !important;} .plm79{padding-left:7.9rem !important;} .plm80{padding-left:8.0rem !important;} .plm81{padding-left:8.1rem !important;} .plm82{padding-left:8.2rem !important;} .plm83{padding-left:8.3rem !important;} .plm84{padding-left:8.4rem !important;} .plm85{padding-left:8.5rem !important;} .plm86{padding-left:8.6rem !important;} .plm87{padding-left:8.7rem !important;} .plm88{padding-left:8.8rem !important;} .plm89{padding-left:8.9rem !important;} .plm90{padding-left:9.0rem !important;} .plm91{padding-left:9.1rem !important;} .plm92{padding-left:9.2rem !important;} .plm93{padding-left:9.3rem !important;} .plm94{padding-left:9.4rem !important;} .plm95{padding-left:9.5rem !important;} .plm96{padding-left:9.6rem !important;} .plm97{padding-left:9.7rem !important;} .plm98{padding-left:9.8rem !important;} .plm99{padding-left:9.9rem !important;} .plm100{padding-left:10rem !important;} /*PADDING RIGHT REM */ .prm0{padding-right:0rem !important;} .prm01{padding-right:0.1rem !important;} .prm02{padding-right:0.2rem !important;} .prm03{padding-right:0.3rem !important;} .prm04{padding-right:0.4rem !important;} .prm05{padding-right:0.5rem !important;} .prm06{padding-right:0.6rem !important;} .prm07{padding-right:0.7rem !important;} .prm08{padding-right:0.8rem !important;} .prm09{padding-right:0.9rem !important;} .prm10{padding-right:1rem !important;} .prm11{padding-right:1.1rem !important;} .prm12{padding-right:1.2rem !important;} .prm13{padding-right:1.3rem !important;} .prm14{padding-right:1.4rem !important;} .prm15{padding-right:1.5rem !important;} .prm16{padding-right:1.6rem !important;} .prm17{padding-right:1.7rem !important;} .prm18{padding-right:1.8rem !important;} .prm19{padding-right:1.9rem !important;} .prm20{padding-right:2.0rem !important;} .prm21{padding-right:2.1rem !important;} .prm22{padding-right:2.2rem !important;} .prm23{padding-right:2.3rem !important;} .prm24{padding-right:2.4rem !important;} .prm25{padding-right:2.5rem !important;} .prm26{padding-right:2.6rem !important;} .prm27{padding-right:2.7rem !important;} .prm28{padding-right:2.8rem !important;} .prm29{padding-right:2.9rem !important;} .prm30{padding-right:3.0rem !important;} .prm31{padding-right:3.1rem !important;} .prm32{padding-right:3.2rem !important;} .prm33{padding-right:3.3rem !important;} .prm34{padding-right:3.4rem !important;} .prm35{padding-right:3.5rem !important;} .prm36{padding-right:3.6rem !important;} .prm37{padding-right:3.7rem !important;} .prm38{padding-right:3.8rem !important;} .prm39{padding-right:3.9rem !important;} .prm40{padding-right:4.0rem !important;} .prm41{padding-right:4.1rem !important;} .prm42{padding-right:4.2rem !important;} .prm43{padding-right:4.3rem !important;} .prm44{padding-right:4.4rem !important;} .prm45{padding-right:4.5rem !important;} .prm46{padding-right:4.6rem !important;} .prm47{padding-right:4.7rem !important;} .prm48{padding-right:4.8rem !important;} .prm49{padding-right:4.9rem !important;} .prm50{padding-right:5.0rem !important;} .prm51{padding-right:5.1rem !important;} .prm52{padding-right:5.2rem !important;} .prm53{padding-right:5.3rem !important;} .prm54{padding-right:5.4rem !important;} .prm55{padding-right:5.5rem !important;} .prm56{padding-right:5.6rem !important;} .prm57{padding-right:5.7rem !important;} .prm58{padding-right:5.8rem !important;} .prm59{padding-right:5.9rem !important;} .prm60{padding-right:6.0rem !important;} .prm61{padding-right:6.1rem !important;} .prm62{padding-right:6.2rem !important;} .prm63{padding-right:6.3rem !important;} .prm64{padding-right:6.4rem !important;} .prm65{padding-right:6.5rem !important;} .prm66{padding-right:6.6rem !important;} .prm67{padding-right:6.7rem !important;} .prm68{padding-right:6.8rem !important;} .prm69{padding-right:6.9rem !important;} .prm70{padding-right:7.0rem !important;} .prm71{padding-right:7.1rem !important;} .prm72{padding-right:7.2rem !important;} .prm73{padding-right:7.3rem !important;} .prm74{padding-right:7.4rem !important;} .prm75{padding-right:7.5rem !important;} .prm76{padding-right:7.6rem !important;} .prm77{padding-right:7.7rem !important;} .prm78{padding-right:7.8rem !important;} .prm79{padding-right:7.9rem !important;} .prm80{padding-right:8.0rem !important;} .prm81{padding-right:8.1rem !important;} .prm82{padding-right:8.2rem !important;} .prm83{padding-right:8.3rem !important;} .prm84{padding-right:8.4rem !important;} .prm85{padding-right:8.5rem !important;} .prm86{padding-right:8.6rem !important;} .prm87{padding-right:8.7rem !important;} .prm88{padding-right:8.8rem !important;} .prm89{padding-right:8.9rem !important;} .prm90{padding-right:9.0rem !important;} .prm91{padding-right:9.1rem !important;} .prm92{padding-right:9.2rem !important;} .prm93{padding-right:9.3rem !important;} .prm94{padding-right:9.4rem !important;} .prm95{padding-right:9.5rem !important;} .prm96{padding-right:9.6rem !important;} .prm97{padding-right:9.7rem !important;} .prm98{padding-right:9.8rem !important;} .prm99{padding-right:9.9rem !important;} .prm100{padding-right:10rem !important;}