html, body {
    background: url(../img/images/portal_background.jpg) repeat-x #fff;
    text-align: center;
    color: #757575;
    margin: 0;
    padding: 0;
    border: 0 none;
    height: 100%;
    font: normal 14px tahoma,arial,helvetica,sans-serif;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: none;	/* for Firefox for Android */
    text-size-adjust: 100%;
}
p, li, td {
    background: url('');	/* for Android Browser */
}
h1 {
    margin: 0;
    padding: 0;
    text-indent: -9999em;
}
h2 {
    color: white;
    margin: 0;
    padding:15px 10px;
    font-weight: bold;
    font-size: 20px;
}
h3 {
    font-weight:bold;
    font-size:16px;
    padding: 5px 10px 5px;
}
div {
    text-align:left;
    background: url('');	/* for Android Browser */
}
a:visited, a:link {
    color: steelblue;
}
a {
    text-decoration: none;
}
.p_body {
    position: relative;
    width: 970px;
    margin: 0px auto;
}
.p_header {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 74px;
}
.p_header_c {
    margin: 0 10px;
    width: auto;
    height: 74px;
    background: url(../img/images/c.png) repeat-x 0 -131px;
}
.p_header_l {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    background: url(../img/images/waku.png) no-repeat 0 -131px;
}
.p_header_r {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10px;
    background: url(../img/images/waku.png) no-repeat -10px -131px;
}
.ec_p_h_logo {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 25px;
    width: 290px;
    background: url(../img/images/portal_header_logo.png) no-repeat 0 0;
}
.ec_solutions_h, .o_solutions_h, .side_menu_h {
    height: 50px;
    width: 100%;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    font-size: 20px;
}
.ec_solutions_h {
    background-color: #005eb9;
}
.o_solutions_h {
    background-color: #a6a6a6;
}
.side_menu_h {
    background-color:#1084df;
}
.ec_solutions_h > div, .o_solutions_h > div, .side_menu_h > div {
    line-height: 50px;
    padding-left: 10px;
    width: auto;
}
.ec_solutions_c {
    width: auto;
    background-color: #fff;
    border: 1px #005eb9 solid;
    padding: 20px;
}
.o_solutions_c {
    width: auto;
    background-color: #fff;
    border: 1px #a6a6a6 solid;
    padding: 20px 20px 0 20px;
}
.side_menu_c {
    width: auto;
    background-color: #fff;
    border: 1px #1084df solid;
    padding:10px;
}
.service {
    margin-bottom: 20px;
}
.concept_title {
    font-weight: bold;
    font-size: 22px;
    color: #005eb9;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.ec_service_title {
    font-weight: bold;
    font-size: 16px;
    color: #005eb9;
    height: 16px;
    margin-bottom: 10px;
}
.smart_panel_block, .iprint_block {
    display: flex;
    margin-top: 10px;
}
.smart_panel_left_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 111px;
    margin-top: 3px;
}
.iprint_left_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 112px;
    margin-top: 3px;
}
.img_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 80px;
    width: 100%;
}
.smart_panel_right_block, .iprint_right_block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 112px;
    width: 100%;
}
.badge_block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 27px 0;
}
.o_service_title {
    font-weight: bold;
    font-size: 16px;
    height: 16px;
    margin-bottom: 10px;
}
.ec_concept_description {
    float: left;
    width: 423px;
}
.ec_service_description {
    float: left;
    width: 493px;
}
.o_service_description {
    float: left;
    width: 488px;
}
.sm_description {
    float: left;
    width: 195px;
    margin-bottom: 5px;
}
.top_block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
}
.button_block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 310px;
    margin-left: 20px;
}
.login_button, .regist_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 155px;
    height: 60px;
}
.sm_subtitle {
    font-weight: bold;
    font-size: 16px;
    color: #1084df;
    padding: 0px 5px;
    margin-bottom: 10px;
}
#ec_solutions hr {
    border: none;
    height: 1px;
    background-color: #005eb9;
}
.concept_image {
    float: left;
    margin-right: 10px;
    width: 160px;
    height: 160px;
    background: url(../img/images/portal_graphics.png) 0px 0px no-repeat;
    margin-bottom: 10px;
}
.email_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin: 0 15px 0 5px;
    background: url(../img/images/portal_graphics.png) no-repeat top left;
    background-position: -80px -160px;
}
.smartphone_apps_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin: 0 15px 0 5px;
    background: url(../img/images/portal_graphics.png) no-repeat -160px -80px;
}
.smart_panel_qr_code {
    width: 85px;
    height: 85px;
    border: 0;
    background: url(../img/images/smart_panel_qr.png) no-repeat center/cover;
}
.iprint_qr_code {
    width: 85px;
    height: 85px;
    border: 0;
    background: url(../img/images/iprint_qr.png) no-repeat center/cover;
}
.app_store {
    width: 105px;
    height: 35px;
    border: 0;
    margin-right: 20px;
    background: url(../img/images/app_store.svg) no-repeat center/cover;
}
.google_play {
    width: 119px;
    height: 35px;
    border: 0;
    background: url(../img/images/google_play.png) no-repeat center/cover;
}
.scan_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin: 0 15px 0 5px;
    background: url(../img/images/portal_graphics.png) no-repeat -160px 0;
}
.driver_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin: 0 15px 0 5px;
    background: url(../img/images/portal_graphics.png) no-repeat 0 -160px;
}
.universal_print_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin: 0 15px 0 5px;
    background: url(../img/images/universal_print.png) no-repeat center/cover;
}
.setup_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin-right: 8px;
    background: url(../img/images/portal_graphics.png) no-repeat -160px -160px;
}
.user_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin-right: 8px;
    background: url(../img/images/portal_graphics.png) no-repeat -240px 0;
}
.guide_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin-right: 8px;
    background: url(../img/images/portal_graphics.png) no-repeat -240px -80px;
}
.lew_image {
    float: left;
    width: 80px;
    height: 80px;
    border: 0;
    margin-right: 8px;
    background: url(../img/images/portal_graphics.png) no-repeat -240px -160px;
}
.side_menu_c .b3 {
    margin-top: 10px
}
.side_menu_c hr {
    width: 285px;
    height: 1px;
    margin: 13px 0px;
    border: none;
    background-color: #1084df;
}
.side_v_margin {
    position: relative;
    width: 100%;
    height: 20px;
}
.add_this {
    padding: 10px 0 0 150px;
}
.p_footer {
    position: relative;
    margin-top: 15px;
    width: 100%;
    font-size: 13px;
}
.p_footer_f {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35px;
    margin: 15px 0px 25px;
}
.p_footer_f_l {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    width: 10px;
    background: url(../img/images/waku.png) no-repeat 0 -22px;
}
.p_footer_f_c {
    margin: 0 10px;
    height: 35px;
    width: auto;
    background: url(../img/images/c.png) repeat-x 0 -22px;
    line-height: 30px;
}
.p_footer_f_r {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 35px;
    width: 10px;
    background: url(../img/images/waku.png) no-repeat -10px -22px;
}
#select_epson {
    position: relative;
    margin: 10px 0 0;
}
#h_country {
    width: 195px;
    height: 22px;
    padding-top: 0px;
    line-height: 14px;
}
#label_sc_2 {
    margin: 10px 0;
}
.index {
    float: left;
    width: 6px;
}
.sales {
    float: left;
    width: 185px;
}
.clear {
    clear: both;
}
.b1, .b2, .b3, .b4, .b5 .b6 {
    cursor: pointer;
}
.b1, .b2 {
    float: right;
    margin: 3px 0 0 10px;
    width: 90px;
    border-radius: 5px;
    text-align: center;
    color: white;
}
.b1, .b5, .b6 {
    background-color: #005eb9;
}
.b2 {
    background-color: #a6a6a6;
}
.b3 {
    float: right;
    width: 106px;
    border-radius: 5px;
    background-color: #1084df;
    text-align: center;
    color: white;
    font-weight: bold;
    padding:3px 0;
}
.b4 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 124px; 
    border-radius: 5px;
    background-color: #1084df;
    color: white;
    font-weight: bold;
    height: 60px;
    font-size: 18px;
    padding: 0 8px;
}
.b5 {
    float: right;
    margin: 3px 0 0 10px;
    border-radius: 5px;
    text-align: center;
    color: white;
    white-space: nowrap;
    width: auto;
    padding: 0 10px 0 10px;
}
.b6 {
    float: right;
    margin: 3px 0 0 10px;
    width: 145px;
    border-radius: 5px;
    text-align: center;
    color: white;
}
#sc_bt {
    height:80px;
    color:#757575;
}
#sc_ybt, #sc_nbt {
    margin: 20px 20px;
    height:40px;
}
#sc_ybt .x-btn-text, #sc_nbt .x-btn-text {
    color: #757575;
}
#important_content {
    list-style: none;
    margin: 0;
    padding: 0;
}
#important_content li {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 4px 2px;
    margin-bottom: 16px;
}
.importance {
    background-image: url(../img/images/important.png);
    font-weight: bold;
}
.attention {
    background-image: url(../img/images/attentional.png);
}
.information {
    background-image: url(../img/images/informational.png);
}
#whatsnew {
    display: none;
    width: 100%;
    background-color: white;
    display: block;
}
#whatsnew_title {
    color: white;
    background-color: #005eb9;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 10px;
    margin: 0;
}
#whatsnew_content {
    width: 100%;
    padding: 10px;
    border: 1px #005eb9 solid;
}
#whatsnew_table td {
    vertical-align: top;
}
.td_date {
    width: 110px;
    padding: 0px 10px;
}
#service_status li {
    text-indent: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.status_normal {
    background: url(../img/images/normal.png) no-repeat;
}
.status_warning {
    background: url(../img/images/attentional.png) no-repeat;
}
.status_failure {
    background: url(../img/images/failure.png) no-repeat;
}
.no_script {
    text-align: center;
    font: bold 17px tahoma,arial,helvetica,sans-serif;
    color: blue;
}
.toolbox_button {
    position: relative;
    height: 32px;
    width: 32px;
}
.img {
    display:block;
    height: 32px;
    width: 32px;
}
#container {
    width: 100%;
    margin-top: 20px;
}
.ec_solutions_block {
    float: left;
    width: 640px;
}
.hr_bottom {
    margin: 10px 0 25px;
}
.hr_top {
    margin: 25px 0 10px;
}
.clear_both {
    clear: both;
}
#mes_check_legal_copy {
    margin: 20px 0 0 0;
}
.side_menu_block {
    float: right;
    width: 310px;
    margin-left: 20px;
}
#mes_region {
    margin-bottom: 5px;
}
.faq_block {
    width: 283px;
    margin-bottom: 5px;
}
.select_button {
    float: right;
    margin-right: 0px;
}
#sel_lang {
    width: 200px;
    margin-top: 23px;
    height: 22px;
    padding-top: 0px;
    line-height: 14px;
}
.select_option {
    color: rgb(117, 117, 117);
}
#important_information {
    width: 100%;
    margin-bottom: 20px;
}
#whatsnew {
    width: 100%;
    margin-bottom: 20px;
}
#important_title {
    background-color: #e08080;
}
#important_list {
    background-color: white; padding: 10px;
    border: 1px #e08080 solid;
}
#side_menu_h {
    background-color:#e87536;
}
#mes_lang {
    float: right;
    margin-right: 20px;
    margin-top: 23px;
}
#icp_img {
    vertical-align: middle;
}
#side_menu_c {
    border:1px #e87536 solid;
}
#b3_setup {
    background-color: #e87536;
}
#b3_faq {
    margin-top: 0px;
}
.service_status_block {
    width: 640px;
    background-color: white;
}
.service_status {
    border: 1px #005eb9 solid;
    padding: 10px;
}
#service_status {
    list-style: none;
    display:flex;
    margin: 0;
    padding: 0;
}
#status_title {
    width:40%;
    font-weight: bold;
    font-size: 16px;
    color: #1084df;
    text-indent: 10px !important;
}
#status_email_print{
    width:35%;
}
#status_remote_print{
    width:40%;
}
#status_scan_to_cloud{
    width:50%;
}
.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.5);
    z-index: 1000;
}
.setup_modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(round(-50%, 1px), round(-50%, 1px));
    max-height: calc(100vh - 80px);
    z-index: 1001;
}
.modal_content {
    background-color: #ccd9e8;
    border: 1px solid #8fa5c2;
    box-sizing: border-box;
    width: 500px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 3px 3px 3px 0 rgba(158, 158, 158, 0.3);
}
.setup_title {
    padding: 5px;
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    position: relative;
}
.setup_body {
    background-color:#ffffff;
    margin: 0 5px 5px 5px;
    position: relative;
    max-width: 488px;
    width: auto;
    height: auto;
    border: 1px solid rgba(163, 186, 233, 0.8);
    box-sizing: border-box;
}
.setup_mes_block {
    display: flex;
    position: relative;
    width: 485px;
}
.setup_icon {
    width: 107px;
    height: 106px;
    border: 0;
    background: url(../img/images/printer.png) no-repeat top left;
    margin: 50px 30px 0 40px;
    flex: 1;
    box-sizing: border-box;
}
.setup_text {
    padding: 30px 30px 0 10px;
    flex: 2;
    font: normal 14px tahoma, arial, helvetica, sans-serif;
}
.setup_button_block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0px 20px;
    position: relative;
    margin: 30px 30px 10px 30px;
    width: 385px;
    height: auto;
}
.setup_button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 148px;
    height: auto;
    font-size: 16px;
    cursor: pointer;
    color: #757575;
    background: linear-gradient(#f2f2f2 25%, #dbdbdb 50%, #f2f2f2 99%);
    border: none;
    border-radius: 3px;
    margin: 0 21px;
    border: 1px solid #c9c9c9;
}
.setup_button:hover {
    background: linear-gradient(#d9eeff 25%, #c2d8f2 50%, #d9eeff 99%);
}
.setup_button:active {
    background: linear-gradient(#b8cde3 25%, #8cbef5 50%, #b8cde3 99%);
}
.link_button, .close_button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    color: #757575;
    width: 148px;
    height: 38px;
    font: 14px arial, tahoma, verdana, helvetica;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.setup_text > p, br {
    margin: 0;
}