@charset "utf-8";

/***************/

.onecoinss .title02 {background:#666;color:#ffffff;font-size:18px;padding:10px;text-align:center;margin-top:15px}
.onecoinss .index-box03 {border:2px solid #444;font-size:13px;padding:20px 15px}
.onecoinss .index-box03 table {width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.onecoinss .index-box03 th {padding:8px;border:1px solid #444;background:#222}
.onecoinss .index-box03 td {padding:8px;border:1px solid #444}
.onecoinss a.btn_b02, .onecoinss .btn_b02 {display:inline-block;background:#ffc700;padding:0 10px;color:#000;text-decoration:none;border:0;vertical-align:middle}
.onecoinss a.btn_b02:hover, .onecoinss .btn_b02:hover {background:#ffd038}

#foot_table {width:100%;font-size:12px;color:var(--body-color);background:var(--body-bg);padding:15px}
#foot_table img {vertical-align:middle;margin-right:10px}
#foot_table {font-size:12px;color:var(--bs-gray-700)}
#foot_table .fcon01 {padding:10px 15px;background:var(--bs-gray-200);border-radius:10px;margin-bottom:10px}
#foot_table .fcon01 h2 {padding:0 10px;margin:0;color:var(--body-color)}
#foot_table .fcon01 h2 i {font-size:1.5em;margin:0;vertical-align:middle}
#foot_table .fcon02 {padding:20px;background:var(--bs-gray-200);border-radius:10px;margin-bottom:20px;line-height:20px}
#foot_table .fcon02 h3 {border-bottom:1px solid var(--bs-gray-300);padding:0;margin:0 0 10px 0;color:var(--body-color)}
#foot_table .fcon02 h3 i {font-size:1.2em;margin:0;vertical-align:middle}
#foot_cs {text-align:center;font-size:12px;margin-top:10px}

.sub-banner {width:100%;margin:0 auto;text-align:center}
.sub-banner ul, .sub-banner li {margin:0;padding:0;list-style:none}
.sub-banner a img {border:1px solid var(--bs-gray-300)}
.sub-banner img {width:100%}
.sub2-banner {width:100%;margin:0 auto;text-align:center}
.color_red {color:var(--bs-red)}
.sub2-content img {width:100%;height:auto}
.sub2-content .title {background:#23D59D;color:#ffffff;font-size:18px;padding:10px;text-align:center;margin-top:15px}
.sub2-content .index-box01 {border:2px solid #23D59D;font-size:15px;padding:20px 30px}
.sub2-content .index-box02 {background:var(--bs-gray-200);border-radius:10px;padding:20px 30px}
.sub2-content .title02 {background:#666;color:#ffffff;font-size:18px;padding:10px;text-align:center;margin-top:15px}
.sub2-content .index-box03 {border:2px solid #666;font-size:13px;padding:20px 15px}
.sub2-content .index-box03 table {width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.sub2-content .index-box03 th {padding:8px;border:1px solid var(--bs-gray-300);background:#222;width:80px}
.sub2-content .index-box03 td {padding:8px;border:1px solid var(--bs-gray-300)}

#left_box {width:265px}
#left_box img {max-width:100%}
#left_item_box {background:#222;padding:10px;margin-bottom:10px;font-size:13px}
.left_item_box a.btn01 {display:inline-block;margin:3px 0;padding:3px 8px;border:1px solid var(--bs-gray-300);background:#333;color:#ddd;text-decoration:none;vertical-align:middle}
.left_item_box a.btn01:focus, a.btn01:hover {text-decoration:underline}
.left_item_box a.btn02 {display:inline-block;margin:3px 0;padding:3px 8px;border:1px solid #ffc700;background:#ffc700;color:#000;text-decoration:none;vertical-align:middle}
.left_item_box a.btn02:focus, a.btn01:hover {text-decoration:underline}
.font-13 {font-size:13px}
#left-search {margin-bottom:30px}
#left-category {margin-bottom:30px}
#left-category ul, #left-category li {margin:0;padding:0;list-style:none}
#left-category ul {margin-bottom:10px}
#left-category ul li {padding:0 0 2px 10px;font-size:13px}
#left-search {background:#ffa8a8;padding:10px}
#left-search form {padding:0;margin:0}
#left-search .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;padding:5px;width:120px}
#left_box .daystop {font-size:12px;text-align:center}

.sod_option2 {margin:5px 0 0 0}
.period {margin:20px 0 0 0;padding:20px;text-align:center;border:1px solid var(--bs-gray-300);line-height:25px}

.tbl_head05 table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:1px solid var(--bs-gray-300);border-bottom:1px solid var(--bs-gray-300)}
.tbl_head05 {margin:0 0 10px}
.tbl_head05 th {padding:8px;background:#f5f5f5;border:1px solid var(--bs-gray-300)}
.tbl_head05 td {color:#666;padding:8px;border:1px solid var(--bs-gray-300);word-break:break-all}

#ctt_con h3 {font-size:1.8em;border-bottom:1px solid var(--bs-gray-300);padding-bottom:15px;margin-bottom:20px}
#ctt_con h4 {font-size:1.3em;margin-bottom:10px}

.item-content img {max-width:100%}
.item-content .index-box01 {text-align:center}
.item-content .index-box01 table {width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.item-content .index-box01 th {padding:8px;border:1px solid var(--bs-gray-300);background:var(--body-bg);width:80px}
.item-content .index-box01 td {padding:8px;border:1px solid var(--bs-gray-300)}

.item-content .index-box02 table {width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.item-content .index-box02 th {padding:8px;border:1px solid var(--bs-gray-300);background:var(--body-bg);text-align:center}
.item-content .index-box02 td {padding:8px;border:1px solid var(--bs-gray-300)}

.item-content .index-box03 table {width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.item-content .index-box03 th {padding:8px;border:1px solid var(--bs-gray-300);background:var(--body-bg);width:80px}
.item-content .index-box03 td {padding:8px;border:1px solid var(--bs-gray-300)}

.item-content .item_onecoin {color:#fff;background:#333;text-align:center;padding:10px}
.item-content .item_onecoin a {color:#fff}

.flag_checkbox img {height:20px !important; margin:0 0 3px 0;vertical-align:middle}
.flag_item img {height:20px !important; margin:0 0 3px 0;vertical-align:middle}

.flag_item .flag {display:inline-block;border:1px solid var(--bs-gray-300);background:var(--body-bg);margin:0 5px 5px 0;padding:0 5px 0 0}

.sod_card {margin:0 0 10px}
.sod_card table {width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 20px 0}
.sod_card th {padding:5px 0;border:1px solid var(--bs-gray-300);text-align:center}
.sod_card td {padding:5px 10px;border:1px solid var(--bs-gray-300);word-break:break-all}
.sod_card .btn_submit {height:auto;line-height:auto;padding:10px 0}

#list_form {border:1px solid var(--bs-gray-300);padding:10px 10px 0 10px;margin:0 -5px 10px;background:var(--bs-gray-200)}
#list_form .select_box01 {border:1px solid var(--bs-gray-300);margin:0 0 10px 0;width:100%;height:40px;line-height:40px}
#list_form .linkBtn {text-align:center}
#list_form .linkBtn button {border:0;display:block;background: #ff008c;color: #fff;text-decoration: none;vertical-align: middle;padding:0 10px;height:40px;line-height:40px;width:100%;margin:0 0 10px 0}

.sit_ov_tbl table {width:100%;border-collapse:collapse;border-spacing:0}
.sit_ov_tbl th {padding:8px;border:1px solid var(--bs-gray-300);background:var(--bs-gray-100)}
.sit_ov_tbl td {padding:8px;border:1px solid var(--bs-gray-300)}

.option a {display:block;width:auto;background:var(--bs-gray-100);border:1px solid var(--bs-gray-300);border-radius:3px;text-align:center;white-space:nowrap;padding:5px 10px;margin:5px 0;font-size:0.95em}
.option a.active {background:var(--bs-gray-200);border:1px solid var(--bs-gray-600)}

.esim_agree {border:2px solid var(--bs-gray-300);padding:20px 30px;margin:20px 0 0 0;line-height:200%}
.esim_agree h3 {background:var(--bs-gray-300);padding:10px 0;margin:0 0 10px 0;border-radius:50px;text-align:center;font-size:1.25em}
.esim_agree .esim_agree_ck {margin:10px 0 0 0;text-align:center;font-size:1.15em}

.main01_banner img {width:100%}

.sct_esim_bg {position:relative}
.sct_esim_bg .get_countries_flag {position:absolute;top:5px;right:5px;z-index:5}
.sct_esim_bg .get_countries_flag img {width:auto !important;height:2.5vh !important}
.sct_esim_bg .get_countries_name {position:absolute;background: rgb(222,14,111);background: linear-gradient(90deg, rgba(222,14,111,1) 0%, rgba(255,77,160,1) 100%);transform: skew(15deg);min-width:60%;top:14%;left:5%;z-index:15;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.sct_esim_bg .get_countries_name_text {color:#ffffff;transform: skew(-15deg);font-size:2vh;text-align:center;text-shadow: 1px 1px #000000}
.sct_esim_bg .over_it_name01_round {position:absolute;border:2px solid #ffffff;border-radius:50%;width:50%;height:50%;top:24.5%;left:8.5%;z-index:7}
.sct_esim_bg .over_it_name01 {position:absolute;background: rgb(255,77,160);background: linear-gradient(90deg, rgba(255,77,160,1) 0%, rgba(224,18,114,1) 100%);border-radius:50%;width:55%;height:55%;top:22%;left:6%;z-index:5}
.sct_esim_bg .over_it_name_text01 {color:#ffffff;font-size:2.5vh;text-align:center;text-shadow: 1px 1px #000000;width:100%;height:95%;display:flex;justify-content:center;align-items:center}
.sct_esim_bg .over_it_name02 {position:absolute;background: rgb(28,153,222);background: linear-gradient(90deg, rgba(28,153,222,1) 0%, rgba(0,96,149,1) 100%);border-radius:20px;min-width:55%;max-width:90%;padding:2px 10px;top:65%;left:6%;text-align:center;z-index:10}
.sct_esim_bg .over_it_name_text02 {color:#ffffff;font-size:1.8vh}

#sit_ov_from {position:relative}
#sit_ov_from .get_countries_flag {position:absolute;top:5px;right:5px;z-index:5}
#sit_ov_from .get_countries_flag img {width:auto !important;height:7vh !important}
#sit_ov_from .esim_bg {width:100% !important;height:auto !important}
#sit_ov_from .get_countries_name {position:absolute;background: rgb(222,14,111);background: linear-gradient(90deg, rgba(222,14,111,1) 0%, rgba(255,77,160,1) 100%);transform: skew(15deg);min-width:60%;top:14%;left:5%;z-index:15;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
#sit_ov_from .get_countries_name_text {color:#ffffff;transform: skew(-15deg);font-size:4vh;text-align:center;text-shadow: 1px 1px #000000}
#sit_ov_from .over_it_name01_round {position:absolute;border:2px solid #ffffff;border-radius:50%;width:50%;height:50%;top:22.5%;left:8.5%;z-index:7}
#sit_ov_from .over_it_name01 {position:absolute;background: rgb(255,77,160);background: linear-gradient(90deg, rgba(255,77,160,1) 0%, rgba(224,18,114,1) 100%);border-radius:50%;width:55%;height:55%;top:20%;left:6%;z-index:5}
#sit_ov_from .over_it_name_text01 {color:#ffffff;font-size:5vh;text-align:center;text-shadow: 1px 1px #000000;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
#sit_ov_from .over_it_name02 {position:absolute;background: rgb(28,153,222);background: linear-gradient(90deg, rgba(28,153,222,1) 0%, rgba(0,96,149,1) 100%);border-radius:30px;min-width:55%;padding:2px 10px;top:63%;left:6%;text-align:center;z-index:10}
#sit_ov_from .over_it_name_text02 {color:#ffffff;font-size:3.5vh}
#sit_ov_from .popup_item_image img {width:100% !important;height:auto !important}

.it_auth {border:1px solid var(--bs-gray-300);padding:10px 15px}

.get_flag img {border:1px solid var(--bs-gray-200)}

.sct_wrap_index {border:1px solid var(--bs-gray-300);padding:10px;margin:0}
.sct_wrap_index h2 {background:var(--bs-gray-200);padding:15px;margin:0}

.pc_hd_sch_wr {width: calc(100% - 530px)}
#pc_hd_right {width:300px}

/***************/

.ninki h4 {border:1px solid var(--bs-gray-300);margin-bottom:20px}
#esim_index section {padding:50px 0}
#esim_index section h3 {font-size:var(--font-size-24);margin:20px 0 0 0}
#esim_index section .h3_title {background:var(--bs-gray-200);font-size:var(--font-size-24);padding:10px;margin:0 0 20px 0;border-radius:5px;text-align:center}
#esim_index section .h3_subtitle {background:var(--bs-gray-200);font-size:var(--font-size-24);padding:10px;margin:0 0 20px 0;border-radius:5px;text-align:center}
#esim_index .gray-light-bg {background:var(--bs-gray-100)}
#esim_index section .h1 {background:var(--main-bg);color:var(--bs-white);font-size:var(--font-size-30);font-weight:700;padding:12px 10px;border-radius:50%}

.screenshots img {border:1px solid var(--bs-gray-800);margin-bottom:15px}

.esimsetting p {margin:0 0 20px 0}
.process-step {background:var(--main-bg);color:var(--bs-white);font-size:var(--font-size-16);font-weight:700;padding:5px 10px;border-radius:50%}
.subprocess-step {font-size:var(--font-size-14);font-weight:700;padding:5px 0}

.esim_notice {padding:0 20px 20px 20px}
.esim_notice h3 {background:var(--bs-gray-900);color:var(--bs-gray-100);font-size:var(--font-size-20);padding:10px 0;margin-bottom:20px !important;border-radius:25px;text-align:center}

#logo a {font-size:2.4em;font-weight:700}
#hd #logo a {font-size:2em;font-weight:700;color:var(--bs-white);padding:0}

#ft {padding:20px 20px 60px 20px}
.ft_fixed {position:fixed;bottom:0;width:100%;height:60px;padding:15px 0 0 0;background:#f5f5f5;z-index:20;font-size:0.75em;
-webkit-box-shadow:0 -2px 15px -5px #eeeeee;
-moz-box-shadow:0 -2px 15px -5px #eeeeee;
box-shadow:0 -2px 15px -5px #eeeeee;
}
.ft_fixed a {display:block;text-align:center}
.ft_fixed a i {font-size:1.5em}

#pc_hd_wrapper {background:var(--main-bg)}
#pc_hd_wrapper a {color:var(--bs-white)}