.help_tabb { display: none; font-family: 'Open Sans'; font-weight: 400; font-size: 1.6vh; line-height: 1; color: #474747 ; padding: 31px; text-transform: uppercase; text-decoration: none; } .header_help_border{ width: calc(100% - 200px); border-bottom: 1px solid #e5e5e5; position: relative; float: right; } .all-content{ max-width: 1280px; width: 100%; position: relative; display: table; margin: 0 auto; } .help-content{ width: calc(100% - 200px); margin-left: 200px; position: relative; display: table; } .left_bar_help { width: 200px; height: 100vh; background-color: #333439; position: fixed; left: 0; border-right: 1px solid #101117; z-index: 9999; min-width: 150px; top: 0; } .help_mid_but { display: table; margin: 0 auto; } .mr18per { margin-left: 230px; } .help_tab { color: #a9afb5; font-family: 'Open Sans', 'sans-serif'; font-weight: 500; font-size: 12px; padding: 15px 20px; cursor: pointer; transition: 0.2s; list-style: none; display: block; text-decoration: none; } .help_tab:hover { color: #fff; } .help_content { width: 100%; position: relative; /*top: 100px;*/ } .help_logo { width: 100%; background-color: #2c2d32; border-bottom: 1px solid #27282d; height: 80px; background-image: image_url("labelup_faq/logowh.svg"); background-repeat: no-repeat; background-position: center; background-size: 36%; display: block; } .help_active_tab { color: #fff; font-weight: 600; } .help_side { width: 36%; //float: left; margin-top: 81px; } .hg100 { height: calc(100vh - 82px); } .help_title { font-family: 'Open Sans', 'sans-serif'; font-weight: 300; font-size: 4vh; padding: 13px 0; float: left; padding-left: 30px; } .help_side ul { padding: 20px 0 0 0; cursor: pointer; } .help_side ul li { line-height: 1.5; font-family: 'Open Sans', 'sans-serif'; font-weight: 400; padding-bottom: 20px; padding: 10px; margin: 10px; transition: 0.2s; text-decoration: none; list-style-type: none; border-radius: 5px; color: #000; font-size: 14px; } .help_side ul li:hover { background-color: #BBDFFB; padding: 10px; margin: 10px; color: #000; } .help_side_active { background-color: #2196F3; padding: 10px; margin: 10px; color: #fff!important; } .help_side_active:hover{ background-color: #2196F3!important; color: #fff!important; } .mr59L { margin-left: calc(64% - 40px); } .help_block_img img { //box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.25); } .help_block_img { width: 100%; position: relative; height: 100%; margin: 0 auto; } .wd51{ width: calc(64% - 300px) !important; max-width: 1000px; } .pF { position: fixed; top: 0; } .help_next { font-family: 'Open Sans', 'sans-serif'; font-weight: 800; font-size: 14px; color: #2196f3; float: left; text-decoration: none; cursor: pointer; margin-left: 10px; padding: 10px; border-radius: 10px; transition: 0.2s; margin-bottom: 100px; } .help_next:after { width: 20px; height: 20px; content: ''; background-image: image_url('labelup_faq/help_next.svg'); background-size: 100% 100%; z-index: 9999; display: inline-block; margin: -5px 0 -5px 10px; } .help_next:hover { background-color: #f1f1f1; } .help_content ul { padding: 0; } .help_title_tab_active { background-color: #2196F3; } .help_title_tab { color: #fff; font-family: 'Open Sans', 'sans-serif'; font-weight: 500; padding: 12px 48px; border-radius: 5px; margin: 5px 10px; text-align: center; cursor: pointer; transition: 0.2s; float: left; font-size: 15px; text-decoration: none; } .help_title_tab:hover { background-color: #2088e1; } .help_change_block { width: calc(84% - 1px); position: absolute; height: calc(100vh - 82px); bottom: 0; right: 0; background-color: white; z-index: 9999; } .help_change_block2 { width: 100%; position: relative; height: calc(100vh - 82px); float: right; z-index: -1; background-size: cover; } .help_icon { background-image: image_url("labelup_faq/ico.jpg"); height: 100px; width: 100px; background-size: 100%; margin: 0 auto; opacity: 0.7; } .mrMid { display: table; margin: calc(50vh - 181px) auto; } .header_mob_author{ display: none; } .help_icon_layout{ width: 85%; float: right; position: relative; height: 100vh; } .text_hh{ margin: 28px 0px; font-size: 16px; font-family: 'Open sans', sans-serif; width: 600px; text-align: center; line-height: 1.5; a { color: #000; } } .header_help{ width: 100%; position: fixed; top: 0; left: 0; background-color: white; z-index: 999; } .mob_help{ display: none; } .wd30per{ width: 30%; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ .header_mob_author{ display: block; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_change_block2 { height: 100vh; margin-top: 100px; } .header_help { display: none; } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 100%; position: fixed; height: 120vh; top: -10vh; } .help_title { display: none; } } @media only screen and (max-height: 500px) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_tab{ padding: 10px 20px; } .mob_help{ display: block; } .text_hh { margin: 28px 10%; font-size: 14px; width: 80%; text-align: center; font-family: 'Open sans', sans-serif; } .help_change_block2 { margin-top: 100px; height: calc(100vh - 42px); } .header_help { display: none; } .help_change_block { width: 100%; position: fixed; height: calc(100vh - 42px); } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 80.1%; } .help_title { display: none; } .mob_help{ display: block; } } @media only screen and (max-width: 900px) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .wd30per{ width: 80%; } .left_bar_help{display: none;} .mob_help{ display: block; } .help_side{ display: none; } .header_help{display: none;} .help_change_block2 { margin-top: 100px; height: calc(100vh - 42px); } .header_help { display: none; } .mob_help{ display: block; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_title_tab{ padding: 15px 62px; } .help_change_block2{ background-image: none; } .help_change_block2 { height: 100vh; } .help_change_block { height: 100vh; } .help_change_block { width: 100%; } .help_icon { display: none; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .wd30per{ width: 80%; } .help_title_tab { padding: 15px 50px; } .text_hh { margin: 28px 10%; font-size: 14px; width: 80%; text-align: center; font-family: 'Open sans', sans-serif; } .tab_but_mob { display: none; } .help_change_block2 { height: calc(100vh - 42px); } .header_help { display: none; } .help_tabb { padding: 7px; } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 100%; position: fixed; height: calc(100vh - 42px); } .help_title { display: none; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_title_tab{ padding: 15px 62px; } .help_change_block2{ background-image: none; } .help_change_block2 { height: 100vh; } .help_change_block { height: 100vh; } .help_change_block { width: 100%; } .help_icon { display: none; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .wd30per{ width: 80%; } .text_hh { margin: 28px 10%; font-size: 14px; width: 80%; text-align: center; font-family: 'Open sans', sans-serif; } .help_title_tab{ padding: 15px 62px; } .help_change_block2 { height: calc(100vh - 42px); } .header_help { display: none; } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 100%; position: fixed; height: calc(100vh - 42px); } .help_title { display: none; } } @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .wd30per{ width: 80%; } .help_title_tab{ padding: 15px 62px; } .text_hh { margin: 28px 10%; font-size: 14px; width: 80%; text-align: center; font-family: 'Open sans', sans-serif; } .tab_but_mob { display: none; } .help_change_block2 { margin: 0!important; height: calc(100vh); } .header_help { display: none; } .tab_but { margin-right: 8px; } .help_tabb { padding: 7px; } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 100%; position: fixed; height: calc(100vh - 42px); } .help_title { display: none; } } @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_change_block2{ background-image: none; } .help_change_block2 { margin: 0; height: 100vh; } .help_change_block { width: 100%; height: 100vh; } .help_icon { display: none; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .mrMid{ transform: inherit; margin: 60px auto; } .wd30per{ width: 80%; } .help_title_tab{ padding: 15px 40px; } .text_hh { margin: 28px 10%; font-size: 14px; width: 80%; text-align: center; font-family: 'Open sans', sans-serif; } .tab_but_mob { display: none; } .help_change_block2 { height: calc(100vh - 42px); } .header_help { display: none; } .tab_but { margin-right: 8px; } .help_tabb { padding: 7px; } .header_help_border { width: 100%; } .left_bar_help { display: none; } .mob_help { display: block; } .help_side { display: none; } .help_change_block { width: 100%; position: fixed; height: calc(100vh - 42px); } .help_title { display: none; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { /* STYLES GO HERE */ .header_mob_author{ display: block; } .help_icon_layout{width: 100%;} .help_change_block2{ background-image: none; margin: 0; } .help_change_block2 { height: 100vh; } .help_change_block { width: 100%; height: 100vh; } .help_icon { display: none; } } .mob_help{ width: 95%; float: right; position: relative; margin-right: 2.5%; } .mob_help .title{ text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-top: 80px; padding: 10px; font-size: 31px; } .mob_help .text{ padding: 32px 0; margin-bottom: 32px; line-height: 1.5; font-size: 16px; border-bottom: 1px solid #d6d6d6; font-family: 'Open Sans', sans-serif; font-weight: 400; } .mob_help .pic{ margin-left: 0%; width: 100%; } .help_contents{ width: 105%; margin-top: 51px; background-color: #333439; margin-left: -2.5%; padding: 50px 0; } .help_contents_tab{ color: white; text-align: center; width: 100%; padding: 10px 0; display: block; text-decoration: none; text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 16px; } .disNN{display: none!important;}