.skin_type_header .h1{ text-align:center; padding:20px 0 0; font-size:30px; text-transform:uppercase; margin-bottom:-20px;}
.skin_type_menu{display: inline-block; width:100%; margin-bottom:30px; padding-bottom:10px; text-align:center; border-bottom:1px solid #e0e0e0;}
.skin_type_menu .Understanding_li{ float:none; display: inline-block; vertical-align:top; width:12.5%; margin-left:-4px;}
/*.skin_type_menu .Understanding_li .made_right_table_li_txt{ font-size:9px;}
.skin_type_menu .made_right_table_li_txt{transform: scale(1);}
.skin_type_menu .Understanding_li .made_right_table_li_txt b{ font-size:10px;}
*/
.skin_type_menu .Understanding_li a{border:3px solid transparent; padding:10px 0 0; height:172.4px;}
.skin_type_menu .Understanding_li a.active{ border:1px solid #779974; border-radius:5px;}

.skin_type_menu .Understanding_li_img{padding-bottom:10px;}
.Club_title_h1{text-transform:uppercase;}
.deep_clean{padding:20px 0 50px; background:#FFF; position: relative; z-index: 2;}
.skin_type_treatment .all_treatments_txt{ padding-left:0; width:65%; padding-right:50px;}
.skin_type_treatment .all_treatments_img{ padding-right:0; padding-left:20px;}
.skin_type_treatment .title{ font-size:32px !important;}

.skin_type_banner{margin-bottom:20px;}
.skin_type_banner img{width:100%;}
.power_regimen{ background:#779974; overflow:hidden; position:relative; z-index:99;}
.power_regimen:before{ content:"";position:absolute; right:0; top:0;width:50%; height:100%;background: url(../images/Skin-Types_bg.png) no-repeat 0 0; }
.power_regimen h1{ font-size:32px; color:#FFF; text-transform:uppercase; text-align:center; padding:30px 0;}
.regular_checkbox{ display:none}
.regular_checkbox +label{background:url(../images/checkout_1.png) no-repeat; display:inline-block; width:40px; height:40px; background-size:contain; vertical-align:middle; cursor:pointer;}
.regular_checkbox:checked +label{background:url(../images/checkout_2.png) no-repeat; background-size:contain;width:40px; height:40px;}
.table_check img{max-width:110px; margin-right:5px; display:inline-block; vertical-align:middle;}
.power_regimen_table{width:100%; text-align:center;}
.power_regimen_table tr td{border:1px solid #FFF; padding:20px 15px; color:#FFF;}
.power_regimen_table thead tr td{text-transform:uppercase; font-size:14px;}
.power_regimen_table thead tr td:last-child{ color:#779974;}
.power_regimen_table tbody tr td:first-child{text-transform:uppercase; width:15%;}
.power_regimen_table tbody tr td:last-child{width:15%;}
.power_regimen_table tr td li{ list-style:disc outside; margin-left:15px; padding-top:10px;}
.add_tobag{float:right; width:15%; background:#FFF; padding:5px; text-align:center;}
.add_tobag a{ color:#779974; text-transform:uppercase; border:1px solid #779974; display:block; padding:7px 5px;}
.add_button{display:inline-block; width:100%; margin-bottom:50px;}


.basic_routine{padding:30px 0;}
.basic_routine h1{ font-size:32px; text-transform:uppercase; margin-bottom:20px;}
.basic_routine_c{display:inline-block; width:100%; margin-bottom:20px;}
.basic_routine_left{display: inline-block; width:8%; vertical-align:middle;}
.basic_routine_right{display:inline-block; width:92%; vertical-align:middle; margin-left:-5px; }
.add_to_but{ margin-bottom:5px;}
.add_to_but button{font-size:12px;display: inline-block; background: #7a9a75; font-family: OpenSans_Bold, "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; letter-spacing: 1px; padding: 5px 20px; line-height:1.2; border:none; color:#FFF; cursor:pointer; font-weight:normal;}
.view_more_but{text-align:center;}
.view_more_but a{ color:#000; text-decoration:underline; font-size:10px;}
.cleanse_title{ font-size:12px; text-align:center; padding:5px 0; height:48px; margin-bottom:8px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.cleanse_title p{margin:0px;}
.skin_step_title{font-family:OpenSans_Bold, "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu; margin-bottom:10px;}
.step_New_table{padding:0 50px; position:relative;}
.step_New_table .swiper-button-next.swiper-button-disabled, .step_New_table .swiper-button-prev.swiper-button-disabled{display:none;}

.skin_type_c{display:inline-block; overflow:hidden; width:100%; margin-bottom:50px; position:relative;}
.skin_type_left{ width:400px; position:absolute; left:0; top:0; height:350px; border:3px solid #ebebeb; padding:7px;}
.skin_type_a{ display:table; width:100%;}
.skin_type_m{ height:350px; padding:10px 20px; display:table-cell; vertical-align:middle; background:linear-gradient(-110deg, transparent 140px, rgba(245, 245, 245, 0.8) 0);font-family:OpenSans_Bold, "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;}
.skin_type_m .img{max-width:80px; margin-bottom:10px;}
.skin_type_m .m_title{ font-size:28px; margin-bottom:10px;}
.skin_type_m p{margin-bottom:10px;}
.inuf_note{position:absolute; right:-83px; top:65px;}
.inuf_note a{ display:inline-block; background:#779974; color:#FFF; width:140px; text-align:center; padding:5PX 5PX 5px 5px;transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);}
.inuf_note a i{ position:absolute; right:15px; top:4px;}
.skin_type_right{padding-left:450px; min-height:350px;}
.skin_type_right_li{display: block; margin:5px 0;}
.skin_type_right_li a{display:block; padding:12px 30px 12px 10px; color:#000; border-bottom:1px solid #ebebeb; text-transform:uppercase; font-size:16px; position:relative;font-family:OpenSans_Bold, "Arial", "微软雅黑", MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;}
.skin_type_right_li a img{margin-right:7px; max-width:24px;}
.skin_type_right_li a:after{content:"+"; position: absolute; right:10px; top:50%; margin-top:-13px;}
.skin_type_right_li a.active:after{content:"×";}
.skin_type_li_c{ margin:20px 0 0; display:none;}
.skin_type_li_c li{list-style:disc outside; margin-left:15px; padding:5px 0; padding-left:5px;}
.skin_type_txt{position:absolute; right:-100%; visibility:hidden;-webkit-transition: .4s ease 0s;-o-transition: .4s ease 0s;transition: .4s ease 0s;top:10px; z-index:99; width:100%; height:350px; color:#FFF; padding-left:216px;}
.skin_type_txt.active{right:0; visibility: visible;}
.skin_type_txt_c{background:linear-gradient(75deg, transparent 110px, rgba(119, 153, 116, 1) 0); line-height:1.5; height:100%; padding:20px; padding-left:230px; overflow-y:auto; line-height:1.5;}
.skin_type_txt_scroll{ overflow-y:auto; height:98%;}
.mobile_close{position:absolute; right:5px; display:none; top:5px; color:#FFF;}

.all_treatments_txt_bg{ background:#476d58; vertical-align:middle;}
@media only screen and (max-width:1200px) {
    .skin_type_menu .Understanding_li{width:20%;}
    .skin_type_menu .Understanding_li a{height:158.4px;}
}
@media only screen and (max-width:1000px) {
    .skin_type_menu .Understanding_li{padding:0;}
    .skin_type_treatment .all_treatments_txt{width:100%; padding-right:0; padding-bottom:30px;}
    .skin_type_treatment .all_treatments_img{padding-left:0; margin-bottom:0;}
    .power_regimen_table tbody tr td:last-child{ background:#f5f5f5;}
    .add_tobag{width:100%;}
    .cleanse_title{ font-size:11px;}
    .skin_type_right{padding-left:0; min-height:auto; margin-top:30px;}
    .skin_type_left{position:relative;}
    .skin_type_left{width:300px;}
    .skin_type_m .img{max-width:45px;}
    .skin_type_m .m_title{font-size:18px;}
    .skin_type_txt{padding-left:142px; visibility:visible; right:0;}
    .skin_type_m{background:linear-gradient(-110deg, transparent 120px, rgba(245, 245, 245, 0.8) 0)}
    .skin_type_txt_c{padding-left:180px;}
    .skin_type_m p{font-size:10px;}
    .skin_type_treatment .title{font-size:28px !important;}

}
@media only screen and (max-width:767px) {
    .skin_type_menu .Understanding_li{width:25%;}
    .skin_type_menu .Understanding_li .made_right_table_li_txt b{font-size:10px;}
    .skin_type_menu .made_right_table_li_txt{transform: scale(1);}
    .skin_type_menu .Understanding_li .made_right_table_li_txt{font-size:8px;}
    .skin_type_header .h1{font-size:20px;}
    .skin_type_header .made_right_title{font-size:14px;}
    .power_regimen_table{font-size:10px;}
    .power_regimen_table thead tr td{font-size:12px;}
    .power_regimen_table tr td{padding:20px 5px;}
    .table_check img{max-width:60px; margin-right:0; margin-bottom:10PX;}
    .power_regimen h1{font-size:20px;}
    .basic_routine_left{width:20%; text-align:center;}
    .basic_routine_right{width:80%;}
    .basic_routine h1{font-size:20px; text-align:center;}
    .deep_clean{padding-bottom:20px;}
    .power_regimen_table tr td li{margin-left:10px;}
    .skin_type_li_c{margin-top:12px;}
    .skin_type_menu .Understanding_li a{height:auto; padding:10px 0px;}
    .skin_type_treatment .title{font-size:20px !important;}
    .all_treatments.skin_type_treatment h1{font-size:20px;}

}
@media only screen and (max-width:500px) {
    .skin_type_left{width:90%; height:230px;}
    .skin_type_m{height:230px; background:linear-gradient(-110deg, transparent 100px, rgba(245, 245, 245, 0.8) 0)}
    .skin_type_txt{ padding-left:0; height:230px;visibility: hidden; right:-100%;}
    .skin_type_txt_c{ background:linear-gradient(75deg, transparent 70px, rgba(119, 153, 116, 1) 0); padding-left:80px;}
    .skin_type_c{margin-bottom:20px;}
    .mobile_close{display:block;}
    .Club_title_h1{font-size:12px;}
}