 
  
.clearfix{*zoom:1;}
button {cursor:pointer;}
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
.clearfix:after {clear: both;}

.detail_topinfo .title_txt {margin:0;font-size:18px;color:#5d5d5d;margin-bottom:10px;font-family: var(--main-fonts);}
.detail_topinfo_name {padding:0px 0 30px 0;} 
.select_div {justify-content:space-between;}

.detail_topinfo_data {border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.dis_fee {display:flex;width:100%;border-bottom:1px solid #f2f2f2;}
.dis_fee p {font-size:17px;color:#323232;margin:15px 0;}
.dis_fee p:nth-of-type(1) {width:134px;} 

.sale_reg {display:flex;align-items:center;justify-content: space-between;background:#fafafa;border-bottom:1px solid #f2f2f2; padding: 20px;} 
.add_option select {width:380px;margin-top:0px;}
.data_right {font-size:15px;}  
.pre_pay {display:flex;align-items:center;width:100%;border-bottom:1px solid #f2f2f2;}
.pre_pay p {font-size:17px;color:#323232;margin:15px 0;}
.pre_pay p:nth-of-type(1) {width:134px;} 

.goodsoption select {width:380px;margin-top:0px;border:0;outline:0;height:50px;}

.monthly_fee {display:flex;width:100%;border-bottom:1px solid #f2f2f2;background:#fafafa;padding-left:20px;}
.monthly_fee p {font-size:17px;color:#323232;margin:15px 0;font-family: var(--main-fonts);}
.monthly_fee p:nth-of-type(1) {width:150px;}
.monthly_fee .show_monthly_fee {margin-top:8px;margin-bottom:10px;}
.monthly_fee .show_monthly_fee li {margin-bottom:5px;}
.monthly_fee .show_monthly_fee li small:last-child {margin-left:2px;}
.monthly_fee .show_monthly_fee span {color:#0ec0a5;letter-spacing:-2px;font-size:24px;font-weight:bold;font-family:var(--main-fonts);}
.monthly_fee .show_monthly_fee small {color:#323232;font-size:17px;position:relative;}
 
.select_div {font-family: var(--main-fonts);padding-bottom:0px;margin-top:0px;justify-content:end;border-bottom:none;flex-wrap:nowrap;margin:15px auto;}
.data_select {margin-left:0px;flex: 1;}
.select_div .goodsoption select {width:258px;}

.select_div_info {width:100%;display:flex;margin-top:8px;margin-right:1px;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;letter-spacing:-.5px;}
.select_div_info * {font-size:16px;}
.select_div_info span {color:#0ec0a5;letter-spacing:-.5px;font-family:var(--main-fonts);font-weight:bold;font-size:28px;}
.select_div_info .dc {text-align:right;margin-left:18px;}
.select_div_info .dc li {margin-bottom:5px;font-family: var(--main-fonts);}
.data_size {color:#323232;font-family: var(--main-fonts);}
.detail_topinfo_data {border-bottom:none;}

.consult_btn {font-family: var(--main-fonts);outline:0;cursor:pointer;border:0;margin-left:calc(100% - 218px);color:#fff;background:#0bbca1;width:218px;height:60px;border-radius:5px;}
#detail_topinfo_btn {padding-top:0px;}
#tmpCartParentLyr > div {display:flex;width:100%;}
#subCartParentLyr > div {display:flex;width:100%;}
.detail_prdinfo {margin-top:20px;}
.detail_prdinfo p {margin:0;line-height:22px;color:#111111;}

.prd_notice {width:1280px;margin:0 auto;margin-top:50px;}
.prd_notice p {margin:0;line-height:30px;color:#5c5c5c;font-family: var(--main-fonts);}
.prd_notice p a {margin-left:10px;color:#111111;text-decoration: underline;font-family: var(--main-fonts);}


.pre_pay_bt {margin-bottom:10px;}
.pre_pay_bt span {margin-right:15px;}
.sub_select .goodsoption {display:flex;align-items:center;}
.bottom_div_left .select_div_info {width:auto;max-width:100%;margin-left:100px;}

.right_option_price {margin-top:25px;}
.right_option_price ul {text-align:right;}
.right_option_price ul li small:last-child {margin-left:2px;}
.right_option_price ul li {margin-bottom:5px;}
.right_option_price ul li:last-child {margin-bottom:0;}
.right_option_price ul span {color:#0ec0a5;letter-spacing:-1px;font-size:20px;font-weight:bold;}
.right_option_price ul small {font-family: var(--main-fonts);color:#323232;font-size:16px;position:relative;font-weight:500;}

.right_option_consult_btn {outline:0;cursor:pointer;border:0;color:#fff;background:linear-gradient(to right,#8a27ae, #ca46fc);width:100%;height:54px;border-radius:5px;font-family:var(--main-fonts);}


.data_size {font-size:15px;}
.select_be {display:flex;align-items:flex-start;width: 100%;}
.select_be .data_size {background:#0bbca1;width:145px;padding-left:20px;color:#fff;font-size:15px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.data_right {padding-left:0;font-family: var(--main-fonts);color:#111111;}


#req_form_wrap .req_top {display:flex;justify-content: space-between;align-items:center;border-bottom:1px solid #1b1b1b;padding-bottom:20px;margin-bottom:40px;}
#req_form_wrap .req_top p {margin:0;font-size:20px;font-weight:500;}
#req_form_wrap .req_close img {width:20px;height:20px;cursor:pointer;}
#req_form_wrap .sht { 
    width: 75px; 
  } 
#req_form_wrap .req_prd {width:100%;display:flex;}
#req_form_wrap .req_prd_img {width:294px;margin-right:55px;}
#req_form_wrap .req_prd_img .thumb{position:relative;padding-top:100%;overflow:hidden;}
#req_form_wrap .req_prd_img .thumb .centered{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(50%,50%);}
#req_form_wrap .req_prd_img .thumb img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
#req_form_wrap .req_prd_txt {width:100%;}
#req_form_wrap .req_prd_txt .req_prd_name {margin:0;font-size:24px;margin-bottom:24px;}
#req_form_wrap .sale_reg {border-bottom:1px solid #d0d0d0;}
#req_form_wrap .monthly_fee {display:flex;align-items:center;border-bottom:1px solid #d0d0d0;margin:0;padding:15px 60px 15px 20px;}
#req_form_wrap .monthly_fee p {margin:0;font-family:var(--main-fonts);font-size:15px;}
#req_form_wrap .show_monthly_fee {margin:0;width:calc(100% - 150px);text-align:right;font-size:15px;font-family:var(--main-fonts);}
#req_form_wrap .monthly_fee li {margin:0;}
#req_form_wrap .monthly_fee .show_monthly_fee span {font-size:20px;}
#req_form_wrap .regItems {padding:15px 0;border-bottom:1px solid #d0d0d0;padding-left:20px;background:#fafafa;}

#req_form_wrap table {width:100%;border-top:1px solid #222222;border-collapse:collapse;}
#req_form_wrap table caption {text-align:left;margin:40px 0 20px 0;font-size:20px;}
#req_form_wrap table tr {border-bottom:1px solid #d0d0d0;padding:15px 0;padding-left:20px;}
#req_form_wrap table th {font-weight:500;text-align:left;background:#fbfbfb;padding:15px 0;padding-left:20px;}
#req_form_wrap table td {font-weight:500;text-align:left;background:#fff;padding:15px 0;padding-left:20px;}
#req_form_wrap table input {border:1px solid #e7e7e7;padding:10px;outline:0;}
#req_form_wrap table textarea {border:1px solid #e7e7e7;padding:10px;outline:0;width:100%;}
#req_form_wrap table .red {color:red;}
#req_form_wrap .btn_group {padding-top:20px;display:flex;justify-content:center;}
#req_form_wrap .btn_group > button {border-radius:5px;outline:0;border:0;width:130px;height:40px;line-height:40px;color:#fff;}
#req_form_wrap .btn_group > button#btnSendReq {background:#0bbca1;margin-right:5px;}
#req_form_wrap .btn_group > button#btnCancleReq {background:#7d7b7e;}
#req_form_wrap .btn-address{background:#7d7b7e;border-radius:5px;outline:0;border:0;width:100px;height:35px;line-height:35px;color:#fff;margin-bottom:5px;}

#detail_image_small ul li a.on .small_img {border:2px solid #be91d6;}
.product_select {background:#8a27ae;}
.bottom_div_border.border_show {border:2px solid #8a27ae;}
.bottom_div_border {border-top:2px solid #8a27ae;} 
.bottom_div select {border:1px solid #f2f2f2;} 
.bottom_div .right_option_price ul span {color:#8a27ae;font-size:24px;}

.detail_image  #img_wrap {position:relative;}
.subscribe_sticker {position:absolute;top:0;left:0;bottom:0;width:100%;background:url('/common/front/img/rental/subscribe_sticker.png') no-repeat;z-index:2;}
.rental_sticker {position:absolute;top:0;left:0;bottom:0;width:100%;background:url('/common/front/img/rental/rental_sticker.png') no-repeat;z-index:2;}

.return_delivery_page * {font-family: var(--main-fonts);}
.wrap_content * {font-family: var(--main-fonts);}
.wrap_content .data_size {font-family: var(--main-fonts);}

/*select css */
.custom-select-wrapper {position: relative;display: inline-block;user-select: none;width: 100%;}
.custom-select-wrapper select { display: none;} 
.custom-select {position: relative;display: inline-block;width: 100%;}
.custom-select-trigger { box-sizing:border-box;position: relative;display: block;width: 100%;height:50px;padding: 0 60px 0 22px;font-size: 14px;font-weight: 300;
    color: #111111;line-height:50px;background: #fff;border:1px solid #0bbca1;border-left:none;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px;transition: .5s all;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-select.opened .custom-select-trigger {border-bottom-right-radius: 0px;}
.custom-select-trigger:after {position: absolute; display: block;content: '';width: 10px; height: 10px;top: 50%; right: 25px;margin-top: -3px;border-bottom: 1px solid #111111;border-right: 1px solid #111111;transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after {margin-top: 3px;transform: rotate(-135deg) translateY(-50%);}
.custom-options {position: absolute;z-index:2;display: block;top:49px; left: -1px; right: 0;min-width: 100%;margin:0;border: 1px solid #0bbca1;box-sizing: border-box;box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;transition: all .4s ease-in-out;overflow-y:auto;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.option-hover:before {background: #f9f9f9;} 
.custom-option {position: relative;display: flex;justify-content:flex-end;align-items:center;padding:14px 22px;border-bottom: 1px solid #dcdcdc;font-size: 14px;font-weight: 500;color: #111111;cursor: pointer;transition: all .4s ease-in-out;}
.custom-option:first-of-type {border-radius: 4px 4px 0 0;}
.custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 4px 4px;}
.custom-option:hover,.custom-option.selection { background: #f9f9f9; color:#191919;}

.sample_down{background:#7d7b7e;color:white;border-radius:5px;border:0;margin-right: 10px;padding-inline: 30px;padding-top: 10px;padding-bottom:10px;}
.btn-file {background: #f5f5f5 !important;border-radius: 5px;margin-right: 10px;padding-inline: 30px;padding-top: 10px;padding-bottom:10px;}