*{margin:0;padding:0;}
html {
    --default-h: 80px;
    --header-small-height: 80px;
    --scroll-w: 4px;
    --vw: 100vw;
    --vwmini: calc(var(--vw) - var(--scroll-w));
    --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
    /* --hvw: 100%; */
    --bettwen-pad: 5vw;
    --main-color: #8DC63F;
    --main-hover-color: #8DC63F;
    --main-color-rgb: 246, 117, 36;
    --main-hover-color-rgb: 10, 76, 154;
    --main-third-color: #8DC63F;
    --main-third-hover-color: #8DC63F;
    --main-third-color-rgb: 73, 151, 203;
    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #8DC63F, #8DC63F);
    --linear-color-h: linear-gradient(-124deg, #8DC63F, #8DC63F);
    --background: linear-gradient(-34deg, #8DC63F 0%, #8DC63F 100%),
    linear-gradient(#8DC63F, #8DC63F);
    --background-hover: linear-gradient(-34deg, #8DC63F 100%, #8DC63F 0%),
    linear-gradient(#8DC63F, #8DC63F);
    --win-width-1920: 100vw;
    --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
    --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
    --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
    --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
    --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
}
::-webkit-scrollbar {
    border-radius: 1.5px;
    width: 6px;
    height: 6px;
    background-color: #dfdfdf;
}
::-webkit-scrollbar-track {
    border-radius: 1.5px;
    background-color: #dfdfdf;
}
::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    background-color: var(--main-color);
}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
    url('fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
    url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
    url('fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html{height:100%;width:100%;}
body{margin:0;padding:0;color:#000;font-size:16px; font-weight: 400; line-height: 1.4; background:#FFF; font-family: "OpenSans", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit; font-family: "OpenSans", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none;transition:all .5s;  font-family: "OpenSans", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
a:hover{color: #8DC63F}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #0069AA solid 1px;}
.form-control::-moz-placeholder{color:#9CA89A;opacity:1}
.form-control:-ms-input-placeholder{color:#9CA89A}
.form-control::-webkit-input-placeholder{color:#9CA89A}

.layui-input::-moz-placeholder{color:#9CA89A;opacity:1}
.layui-input:-ms-input-placeholder{color:#9CA89A}
.layui-input::-webkit-input-placeholder{color:#9CA89A}



.but_class{background:#8dc63f; border-radius:8px; overflow: hidden; color: #fff;  font-size: 18px; font-weight: 600; padding: 15px; border: none; position: relative;}
.but_class span{position: relative; z-index: 2;}
.but_class::after{position:absolute; left: -100%; top: 0px; width: 100%; content: ""; height: 100%; background: rgba(0,0,0,.1); transition:all .5s;}
.but_class:hover::after{left: 0px;}
.but_class[disabled]{background: #DDD !important;}
.but_class[disabled]::after{display: none !important;}

.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{ max-width:1280px; width:85%; margin: 0 auto;}

.top_txt{background:#333; color: #fff; text-align: right;  padding: 10px 10px; font-weight: 400; color: #D9D9D9;}
.top_txt a{color:#D9D9D9;}
.top_txt .fa-user{height:22px; width:22px; margin-right: 3px; line-height:20px; font-size: 12px; font-weight: 100; text-align: center; border-radius: 100%; display: inline-block; border: #D9D9D9 solid 1px;}
.top_txt a:hover{color:#fff;}
.top_txt span{padding: 0px 10px;}


.top_header{left: 0px;top: 0px;width: 100%;text-align: right;z-index:999;background: #f9f9f9;border-bottom: #e5e5e5 solid 1px;padding: 0px;position: relative;}
.top_logo{float: left; padding: 10px 0px;}
.top_logo img{height: 70px;}
.top_header_nav{float: right; padding-top:23px; position: relative;}
.search_icon{margin-top:6px; margin-right: 30px;}
.top_header_nav .top_header_nav_li{font-size: 18px; font-weight: 600; display: inline-block; float: left; margin-right: 40px; margin-top:10px;}
.top_header_nav .top_header_nav_li a{color: #787878;}
.top_header_nav .top_header_nav_li a:hover{color: #8DC63F;}
.top_header_nav_cart{display: inline-block; float: right; position: relative;}
.top_header_nav_cart i{ font-size: 30px; font-weight: 600; color: #787878; }
.top_header_nav_cart span{width: 22px; height: 22px; text-align: center; background: #F44040; border-radius: 100%; color:#fff;display: inline-block; position:absolute; right: -5px; top:0px; color: #fff;}

.nav_left{
    position: fixed;
    left: 0px;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    width:100%;
    max-width:350px;
    z-index: 99999;
    height: 100%;
    display:block;
    background: #fff;
    top: 0px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
}
.nav_left_top{padding: 20px; border-bottom: #EEE solid 1px;}
.nav_icon{display: inline-block; transform: rotate(0deg);}
.nav_icon img{height: 26px; cursor: pointer;}
.nav_left_uesr{padding: 20px; border-bottom: #EEE solid 1px; }
.nav_left_uesr a{display:block; overflow: hidden; height:50px;}
.nav_left_uesr_icon{float: left;}
.nav_left_uesr_icon img{height: 50px; border-radius: 100%;}
.nav_left_uesr_name{float: left; padding-left: 10px; font-size: 18px; color: #8DC63F;}
.nav_left_uesr_name b{display: block; color: #3D8700;}
.nav_left_uesr_righ{float: right;}
.nav_left_uesr_righ img{height: 30px; margin-top:12px;}

.nav_left_table{padding: 20px; border-bottom: #EEE solid 1px;}
.nav_left_table_li{padding:5px 0px; position: relative;}
.nav_left_table_li a{display: block; padding:12px 15px; height: 50px; overflow: hidden; font-size: 18px; color: #787878; font-weight: bold;}
.nav_left_table_li a:hover, .nav_left_table_li.active a{background: #EEF6E4; color: #3D8700;}
.nav_left_table_li a:hover .icon_h, .nav_left_table_li.active .icon_h{display: inline-block;}
.nav_left_table_li a:hover .icon_a, .nav_left_table_li.active .icon_a{display: none;}
.nav_left_table_li .nav_none{float: left; line-height:22px;}
.nav_left_table_icon{float: right;}
.nav_left_table_icon img{height: 28px;}
.icon_h{display: none;}
.nav_left_Logout{display: block; padding: 20px; position: relative;}
.nav_left_Logout a{overflow: hidden; font-size: 18px; padding:5px 15px; display: block; color: #787878;}
.nav_left_Logout a:hover{background: #EEF6E4; color: #3D8700;}
.nav_left_Logout .Logout_icon{float: left; }
.nav_left_Logout .Logout_icon i{font-size:26px;}
.nav_left_Logout .nav_none{float: left; line-height:34px; padding-left:15px;}

.nav_left.put{width:90px;}
.nav_none{height: auto; width: auto; transition:all .5s; white-space: nowrap;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.nav_left.put .nav_none{ width: 0px; height:0px; overflow: hidden;}
.nav_left.put .nav_left_table_li a{padding:12px 0px;}
.nav_left.put .nav_left_table_icon{ text-align: center; float: none;}
.nav_left.put .nav_left_Logout a{padding:5px 0px; text-align: center;}
.nav_left.put .nav_left_Logout .Logout_icon{ text-align: center; float: none;}
.nav_left_table{position: relative; z-index: 2;}
.nav_left.put .nav_left_table_icon{position: relative; z-index: 2;}
.nav_left.put .nav_left_table_li .nav_none{position:absolute; font-size: 16px; background: #fff; z-index:1; margin-top: -21px; top: 50%;  display: inline-block; left:70px; width:0px; height: auto;}
.nav_left.put .nav_left_table_li:hover .nav_none{ padding:10px; width: initial; box-shadow:0 2px 5px rgba(0,0,0,.1); }
.nav_left.put .nav_icon{transform: rotate(180deg);}
.nav_left.put .nav_left_Logout .nav_none{position:absolute; font-size: 16px; font-weight: 600; background: #fff; z-index:1; margin-top: -20px; top: 50%;  display: inline-block; left:90px; padding: 0px; width:0px; height: auto;}
.nav_left.put .nav_left_Logout:hover .nav_none{ padding:3px 10px; width: initial; box-shadow:0 2px 5px rgba(0,0,0,.1); }

.title{display: block; text-align: center; font-size: 42px; color: #000; font-weight: 700; padding: 30px 0px;}
.table_select{display: block; text-align: right; padding-bottom: 20px;}
.table_select .layui-input-inline{text-align: left;}
.layui-form-select dl dd.layui-this{background: #0069AA;}

.Enrolled_width{display: block; padding: 20px 0px; margin: 0px -10px; overflow: hidden; padding-top: 0px;}
.Enrolled_width_li{width: 33.33333%; float: left; padding: 10px;}
.Enrolled_width_pr{display: block; border: #e4e4e4 solid 1px; border-radius: 8px;  overflow: hidden; transition:all .5s;}
.Enrolled_width_txt{padding:20px;background: #fff;}
.Enrolled_width_label{color: #aaa; font-size: 18px;}
.Enrolled_width_title{margin: 10px 0px;font-size: 18px;display: block;display: -webkit-box;height: 46px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Enrolled_width_hours{display: block; overflow: hidden; color: #787878;}
.Enrolled_width_hours span{float: right;}
.Enrolled_width_hours i{font-size: 18px;}
.Enrolled_width_jd{display: block; width: 100%; height: 4px; background:#E0E0E0; margin-top: 5px;}
.Enrolled_width_jd span{display: inline-block; background: #8DC63F; height: 4px;}

.Enrolled_width_but{margin-top:20px; overflow: hidden;}
.btn{background:#0069AA; color: #fff; border-radius: 0px; font-size: 18px; font-weight: 600; padding: 15px; border: none; position: relative;}
.btn.btn-Continue{background:#2cb549; }
.btn.btn-no{background:#d9d9d9 !important; cursor:initial; }
.btn span{position: relative; z-index: 2;}
.btn::after{position:absolute; left: -100%; top: 0px; width: 100%; content: ""; height: 100%; background: rgba(0,0,0,.1); transition:all .5s;}
.btn:hover{color: #fff;}
.btn:hover::after{left: 0px;}
.Enrolled_width_but .btn{ width: 100%;}
.Enrolled_width_but .btn span{position: relative; z-index: 2;}
.Enrolled_width_date{text-align: center; display: block; padding-top: 10px; color: #787878;}
.Enrolled_width_img{display: block; overflow: hidden; position: relative;}
.Enrolled_width_img_icon{position: absolute; right: 10px; top: 10px; border-radius: 5px; background: #0069AA; color: #fff; padding: 5px 10px;}
.Enrolled_width_img img{width: 100%; transition:all .5s;}

.Enrolled_banner{padding:20px 0px 50px;}
.swiper-pagination{position: initial; padding-top:15px;}
.swiper-pagination-bullet-active{background:#27396E;}
.swiper-pagination-bullet{border-radius: 100%;}
.swiper-button-next, .swiper-button-prev{width: 50px; height: 50px; background: rgba(0,0,0,.8); margin-top: -25px; border-radius: 100%;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-repeat: no-repeat; background-position: center center; background-size:auto 50%;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-repeat: no-repeat; background-position: center center; background-size:auto 50%;}

.nav_but{display: none; z-index: 9; cursor: pointer; width:28px; margin-top:-10px; position: absolute; color: #333; text-align: center;left: 10px; top: 50%;}
.nav_but i{line-height: 50px; font-size:24px;}
.nav_but span{width: 100%; background: #000; height: 2px; width: 100%; display: block;}
.nav_but span:nth-child(2){margin:7px 0px; width: 80%;}


.Courses_nav{text-align: center;padding-bottom: 15px;position: relative;padding-left: 100px;}
.Courses_nav_li{display: inline-block;}
.Courses_nav_li a{padding:0px 10px 8px; margin: 0px 10px; color: #787878;}
.Courses_nav_li a:hover{color: #000;}
.Courses_nav_li.active a{border-bottom:#3D8700 solid 3px; color: #000;  display: inline-block;}
.Courses_nav_icon{position: absolute; left: 0px ; top: 0px;}
.Courses_nav_icon_txt{float: left; padding:0px 15px; color: #787878;}
.search_icon{background: url("../images/search_icon.png") center center no-repeat; position: relative; height: 30px; float: left; width: 30px; display: block; background-size: 100% auto; cursor: pointer;}
.svgrepo_icon{background: url("../images/svgrepo_icon.png") center center no-repeat; height: 30px; float: left; width: 30px; display: block; background-size: 100% auto; cursor: pointer;}
.Courses_title{position: relative;}
.filter_but{position: absolute; text-transform:capitalize; right: 0px; top: 50%; margin-top: -12px; padding:6px 13px; cursor: pointer; height: auto;  line-height: 1; font-size: 14px; border: #333 solid 1px; border-radius:90px;}
.filter_but i{font-size: 12px;}

.filter_box{position: fixed;  width: 100%; height: 100%; overflow-x: auto; z-index: 99999; top: 0px; left:-100%; text-align: right; background: rgba(0,0,0,.5);}
.filter_box_table{max-width: 420px;width: 100%; padding: 20px; right:-100%; transition:all .5s; background: #fff; min-height: 100%; position: relative; margin: 0px; display:inline-block; text-align: left;}
.filter_box.active{left: 0px;}
.filter_box.active .filter_box_table{right: 0px;}
.filter_box_title{display: block;font-size: 24px; font-weight: 700; text-align: center; border-bottom: #e5e5e5 solid 1px; padding-bottom: 20px;}
.filter_box_close{position: absolute; right:20px; top: 20px; cursor: pointer; z-index: 2;}
.filter_box_close i{font-size:28px;}
.filter_box_ct{display: block;}
.filter_box_ct .panel-defalt{border-bottom: 1px solid #e5e5e5;}
.filter_box_ct .panel-defalt h3{font-size: 18px; font-weight: 700; padding-right: 30px; padding:20px 0px; border: none; background: #fff;}
.filter_box_ct .panel-defalt h3.active{background: #fff; color: #000;}
.panel-defalt h3.active .layui-icon-down:before{content: "\e619"}
.filter_box_ct h3>i{position: absolute; right:0px; top:23px;}
.filter_box_ct .filter{padding: 10px;}
.filter_box_ct .radio_class{display:none;}
.filter_box_ct .payment_radio{padding-bottom:20px;}
.filter_box_ct .radio_class + label {background: url(../images/checkout.png) no-repeat left center; color: #787878; font-size: 18px;  background-size: 16px auto; line-height:16px; font-weight: 300;  position: relative;min-height:16px; display:block; padding: 0px; padding-left:26px;cursor:pointer;}
.filter_box_ct .radio_class:checked + label{background:url(../images/logo_checkout_d.png) no-repeat left center; background-size: 16px auto;}
.filter_box_ct .radio_class + label a{margin-left:30px; color: #8DC63F; font-weight: 600;}
.filter_box_ct .radio_class[disabled] + label{opacity: .5;}
.filter_box_ct .Orders_show_but{text-align: center;}
.filter_box_ct .but_class{ border-radius: 90px;}
.filter_box_ct .btn-Continue{background: #72AA43 !important; border-color:  #8dc63f !important; ;}


.search_icon:hover .Courses_nav_search{display: block;}
.Courses_nav_search{position: absolute; right:-60px; top: 100%; width: 250px; z-index: 2; padding-top: 10px; display: none; -webkit-transition:all .5s;}
.input_class{padding: 10px 15px; font-size: 16px; width: 100%; border: #ddd solid 1px;}
.input_class:focus{ box-shadow:0 2px 5px rgba(0,0,0,.1); }
.Courses_nav_search_icon{background: url("../images/search_icon.png") right center no-repeat; right: 15px; top: 22px; background-size: 100% auto; width: 20px; height: 20px; position: absolute;}

.Enrolled_width_pr:hover{border-color:#3D8700 ;}

.label_ls{color: #8DC63F;}
.Enrolled_width_tuds{display: block; overflow: hidden; line-height: 22px; padding: 6px 0px;}
.Enrolled_width_tuds span{color: #999; padding: 0px 3px;}
.Enrolled_width_tuds img{float: left; height: 22px; margin-right: 8px;}
.Enrolled_width_Trial{display: block; padding: 6px 0px;font-size: 20px;}
.Enrolled_width_Trial span{color: #6C757D; text-decoration: line-through; padding-left: 10px;}
.Courses_but{display: block; padding-top: 8px; font-weight: 600;}
.Courses_but a{ background: #8DC63F; display: inline-block; color: #000; padding: 3px 10px; border-radius: 3px;}
.Courses_but a i{padding-left:5px;}
.Courses_but a:hover{background: #78bf16;}
.Courses_but span{color: #78bf16; padding-right:5px;}
.Courses_but b{display: inline-block; padding:3px 5px; background: #8DC63F; }
.Courses_but label{padding: 2px 5px; color: #78bf16; display: inline-block; border: 1px #78bf16 solid; border-radius: 2px; margin: 0px; margin-right: 5px;}
.Courses_but .Enrolled_bg{background: #0069AA !important; color: #fff;}

.Enrolled_height{padding-top: 20px; height:169px;}
.Enrolled_height .Enrolled_width_date{padding-top: 15px;}


.heart_but{cursor: pointer;}
.heart_but.active .layui-icon-heart{color: #0069AA;}
.heart_but.active .layui-icon-heart::before{content: "\e68f";}

.Courses_bottom_but{padding-top: 20px; display: table; width: 100%;}
.Courses_bottom_but_l{display: table-cell; vertical-align: middle; width:60px;}
.Courses_bottom_but_r{display: table-cell; vertical-align: middle;}
.Courses_bottom_but_r a{width: 100%; overflow: hidden;  padding:8px 10px; font-weight: normal;}
.Courses_but_tab{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:15px;}
.Courses_bottom_but_r span{margin: 0px;}
.Courses_bottom_but_r .btn-Continue{background:#FCBD02;  color: #000;}
.Courses_bottom_but span{margin-right:20px; }
.Courses_bottom_but span i{font-size:28px; font-weight: 600; color: #787878;}
.Courses_bottom_but span:nth-last-child(1){margin: 0px;}


.pagination{text-align: center; display: block; padding-bottom:5px;}
.pagination ul li >a{ color:#333 !important; width: 46px; height: 46px; padding: 0px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important; font-weight:bold; background:#FFF; border:1px solid #e0e0e0 !important;}
.pagination ul li >a.pagination_but{width:46px; text-align: center;}
.pagination ul li >span{border:1px solid #0069AA !important;border-radius:0 !important; padding: 0px; font-weight:bold; color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important;}
.pagination ul li .fa{ font-weight:bold; font-size:20px; margin: 0px; vertical-align:middle; line-height: 46px; display: inline-block;}
.pagination ul li:hover .fa-angle-left, .pagination ul li:hover .fa-angle-right{color:#fff}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background:#0069AA; color:#FFF !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#0069AA;color:#FFF !important;}
.pagination > li > a, .pagination > li > span{border:none !important;}
.pagination > li{display:inline-block; margin:0 3px; vertical-align:middle;}


.heart_centent{position: fixed;  display: none; text-align: center; width: 100%; height: 100%; z-index:999999; top:0px;  left: 0px; }
.heart_centent_bg{padding: 20px; padding-bottom:5%; display:grid; align-items:end; position: relative; height: 100%;}
.heart_centent_txt{ font-size: 18px; background:#FFFBEE; overflow: hidden; border-radius: 5px; display: inline-block; margin: 0px auto; box-shadow:0 5px 10px rgba(0,0,0,.2); display: table; }
.heart_centent_icon{display: table-cell; width:80px; padding:8px 10px; background:#FDB03F; color: #fff;}
.heart_centent_icon i{ font-size:30px;}
.heart_centent_title{display: table-cell; vertical-align: bottom; padding: 15px 30px;}

.FreeTrial_box{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:999999; background: rgba(0,0,0,.6); display: none;}

.Place_box{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:999999; background: rgba(0,0,0,.6); display: none;}

.Place_box .FreeTrial_box_width{max-width: 640px;}
.Place_box .cart_Subtotal{padding:20px 20px;     border-color: #e5e5e5;}
.Place_box .cart_Subtotal_r{text-align: right;}

.FreeTrial_box_centent{padding: 20px; display:grid; align-items: center; position: relative; height: 100%;}
.FreeTrial_box_width{ margin: 0px auto; width: 100%; max-width: 500px; background: #fff;border-radius: 5px; overflow: hidden;}
.FreeTrial_box_title{display: block; background: #F5F5F5; padding:15px 20px; line-height: 26px; font-size: 18px; overflow: hidden; font-weight: 600;}
.FreeTrial_box_title i{float: right; cursor: pointer; font-size:26px;}
.FreeTrial_box_ct{display: table; width: 100%; padding: 20px;}
.FreeTrial_box_ct_icon{display: table-cell; vertical-align: top;}
.FreeTrial_box_ct_icon span{font-size: 14px; white-space:nowrap; padding: 10px 15px; background: #8DC63F; display: inline-block; color: #000;  font-weight: 600; border-radius: 5px;}

.FreeTrial_box_ct_txt{display: table-cell; vertical-align: top; padding-left: 20px;}
.FreeTrial_box_ct_txt span{display: block; color: #787878; padding-top: 10px;}

.Courses_cart_title{ padding: 40px 0px 10px; display: table; width: 100%;}
.Courses_cart_title_l{display: table-cell; overflow: hidden; width: 70%; vertical-align: middle;}
.Courses_cart_title_l_li{float: left; display: inline-block; overflow: hidden; padding-right: 40px;}
.Courses_cart_title_l_li:nth-last-child(1){padding-right: 0px;}
.Courses_cart_title_l_li img{height: 30px; float: left; margin-top:6px;}
.Courses_cart_title_l_li span{color: #787878; display: inline-block; float: left;  padding-left: 12px;}
.Courses_cart_title_l_li b{display: block; color: #000;}
.Courses_cart_title_r{display: table-cell; width: 30%; vertical-align: middle; text-align: right;}
.Courses_cart_title_r_w{display: table;float: right;}
.Courses_cart_title_r_w_icon{display:table-cell; height: 32px; width: 32px; background: #d6d6d6; border-radius: 100%; text-align: center;}
.Courses_cart_title_r_w_icon.active{background: #fff; border: #ddd solid 1px; height: 30px; width: 30px;}
.Courses_cart_title_r_w_icon.active i{color: #0069AA; line-height:28px;}
.Courses_cart_title_r_w_icon i{font-size:18px; cursor: pointer; color: #fff; line-height: 32px;}
.Courses_cart_title_r_w_txt{display: table-cell; padding-left: 10px; vertical-align: middle; font-size: 14px;}

.Courses_cart_name{display: table; width: 100%; padding: 30px 0px;}
.Courses_cart_name_m{display: table-cell; vertical-align: middle; font-size: 26px; padding-right: 20px;}
.Courses_cart_name_b{display: table-cell; vertical-align: top; width:22%; min-width:210px;}
.Courses_cart_name_b a{display: block; width: 100%; position: relative; overflow: hidden; padding: 15px;  text-align:left; border-radius: 5px; font-size: 18px; font-weight: bold;}
.Courses_cart_name_b a b{float: right;}
.Courses_cart_name_b a b span{font-size: 16px; padding-left:3px; opacity: .5; font-weight: normal; text-decoration: line-through;}
.Courses_cart_name_b .Courses_cart_btn{background: #30be5c; text-align: left; overflow: hidden;}
.Courses_cart_name_b .Courses_cart_btn b{float: right;}


.Courses_cart_ct{position: relative;  display: flex; padding-bottom:40px;  -webkit-box-pack: justify; justify-content: space-between;}
.Courses_cart_ct_left{ float:left; width:20%; padding:10px 0px;     flex: 0 0 340px;  position: sticky; top: calc(0px); align-self: flex-start;}
.Courses_cart_ct_left_table{padding: 10px; background: #f0f2f5; display: block;}
.Courses_cart_ct_left_li{overflow: hidden; display: block; font-size: 18px; font-weight: 600; border-bottom: #d9dadc solid 1px; padding:25px 10px;}
.Courses_cart_ct_left_li:nth-last-child(1){ border: none;}
.Courses_cart_ct_left_li a{ display:table; width: 100%;}
.Courses_cart_ct_left_li a:hover{color: #0069AA;}
.Courses_cart_ct_left_li .left_nav_icon{display: table-cell; vertical-align: middle; width:35px;}
.Courses_cart_ct_left_li .left_nav_txt{display: table-cell; vertical-align: middle; padding-left: 12px;}
.Courses_cart_ct_left_li img{width: 100%;}

.Courses_cart_ct_right{padding:10px 0 0 20px; max-width: calc((100% - 340px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 220px));
}
.Courses_cart_ct_right_banner{display: block; margin-bottom:20px;}
.Courses_cart_ct_right_banner img{width: 100%;}

.Courses_layui_title{display: block; height: initial; border: none;}
.Courses_layui_title li{width: 50%; background: #eff4fa; font-size: 18px; font-weight: bold; padding:10px;}
.Courses_layui_title .layui-this{background: #fff;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color:#0069aa ;}
.layui-tab-title .layui-this:after{height: 2px; top: 0px; bottom:auto;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #0069AA;}
.Courses_cart_bg{background: #f6f5fa; padding:20px; }
.Courses_cart_div{padding: 20px; padding:40px; font-size:18px; padding-top: 10px; word-break:break-all;}
.Courses_cart_bg h1{font-size:30px; padding:30px 0px 20px;}
.Courses_cart_bg ul{display: block; padding-left: 20px;}
.Courses_cart_bg li{list-style: disc; padding:5px 0px;}

.Courses_tab_content{padding:30px 0px 0px;}

.Curriculum_table{padding: 0px 10px 10px; }
.Curriculum_title{display: block; font-size: 18px; font-weight: 600;  border-bottom:#eaebed 1px solid; padding:15px 0px;}
.Curriculum_title_li{display: table; width: 100%; padding: 15px 0px; border-bottom:#eaebed 1px solid; font-weight: 600;}
.Curriculum_title_li a:hover{color: #0069AA;}
.Curriculum_title_li:nth-last-child(1){ border: none;}
.Curriculum_title_li_id{display: table-cell; vertical-align: middle; color: #999; width: 30px;}
.Curriculum_title_li_icon{display: table-cell; vertical-align: middle; color: #0069AA;  width:40px;}
.Curriculum_title_li_icon img{height: 16px; filter:drop-shadow(100vw 0vw #0069AA); position:relative; right: 100vw;}
.Curriculum_title_li_txt{display: table-cell; vertical-align: middle; color: #999}
.banner_table_img{display: table-cell; vertical-align: middle;}



.logo_width{width: 100%;display: table;/* position: absolute; */left: 0px;top: 0px;height: 100%;/* padding-top: 135px; */}
.logo_width_left{display: table-cell; vertical-align: middle; padding: 30px 10%; position: relative;}
.Start_top_txt{display: inline-block; width: auto;}
.logo_width_right{display: table-cell; width: 40%; vertical-align: middle; min-width:400px}
.logo_width_left .Start_top_txt a{line-height:38px; font-size: 20px; color: #3D8700;}
.logo_width_left .Start_top_txt{margin: 0px; display: block; font-weight: 700; position: absolute; left: 15%; top: 10%;}
.logo_width_left .Start_top_txt i{color: #3D8700; font-weight: 300; border-color:#3D8700; margin-top: -18px;}

header{position: relative;z-index: 999;}
.logo_width_title{display: block; overflow: hidden;}
.logo_width_title_li{width: 50%; float: left;}
.logo_width_title_li a{padding:20px 15px; font-weight: 600; font-size: 20px; display: block; text-align: center; background: #fff;}
.logo_width_title_li.active a{background: #0069AA; color: #fff;}
.logo_width_table{padding: 15% 40px;}
.logo_li{display: flow-root;padding-bottom:40px;/* overflow: hidden; */}
.logo_li_txt{font-weight: 600; display: block; padding-bottom: 8px; min-height: 30px;}
.logo_li_txt span{padding-left: 5px; color: #F44040;}
.logo_width_table .input_class{padding: 15px 20px; background: #F1F7EE; border-color: #F1F7EE;}
.logo_width_table .input_class:focus{ border-color: #8DC63F;}
.logo_li .logo_li_input{width: 100%;}
.logo_li .layui-form-select .layui-input{height: 54px; border-radius: 0px; padding-left: 20px;}
.logo_li .layui-form-select dl{top: 59px;}
.logo_li .layui-form-selectup dl{top:auto; bottom:59px}
.logo_li_100{display: block; padding-top: 10px; width: 100%;}
.logo_width_table .logo_li_txt{text-align: left;}

.Profile_width_right_box .logo_li .layui-form-select .layui-input{height:44px; padding-left: 15px;}

.logo_width .radio_class{display:none;}
.logo_width .radio_class + label {background: url(../images/logo_checkout.png) no-repeat left center;  background-size: 24px auto; line-height:24px; font-weight: 300;  position: relative;min-height: 24px; display:inline-block; padding: 0px; padding-left:35px;cursor:pointer;}
.logo_width .radio_class:checked + label{background:url(../images/logo_checkout_d.png) no-repeat left center; background-size: 24px auto;}
.logo_width .radio_class + label a{margin-left:30px; color: #8DC63F; font-weight: 600;}
.logo_width .radio_class + label a.agree{float: none; margin: 0px 5px; text-decoration: underline; font-weight: 300;}

.reg_width{background: url(../images/reg_bg.jpg) no-repeat center center;  background-size:cover; padding: 30px; position: relative;}
.reg_width .logo_width_table{max-width: 900px;background: #fff;margin: 0px auto;padding: 40px;box-shadow: 0 0px 10px rgb(0 0 0 / 10%);}

.ForgetPassword_box{max-width: 500px; margin: 0px auto; text-align: center;}
.ForgetPassword_box_icon{display: block; text-align:center;}
.ForgetPassword_box_icon img{height:100px;}
.ForgetPassword_box_title{font-size: 38px; font-weight: 700; padding: 20px 0px;}
.ForgetPassword_box_txt{color: #999; font-size: 18px;}
.ForgetPassword_box .logo_li{ padding: 0px; padding-top: 20px;}
.ForgetPassword_box .logo_buttom_but .but_class{border-radius: 10px; font-size: 20px;}
.ForgetPassword_box .logo_buttom{padding-top: 30px;}


.logo_li_title{display: block; text-align: center; padding-bottom:50px; cccc}
.logo_li_title img{margin: 0px auto; height: 100px; margin-bottom: 10px;}
.logo_li_title b{display: block;font-size: 38px;}
.logo_li_Non-Membe{display: block; font-size: 18px; padding-top:60px; text-align: center;}
.logo_li_Non-Membe a{color:#F44040;}
.logo_li_Non-Membe span{color:#F44040;}

.logo_buttom{display: table; width: 100%;}
.logo_buttom_txt{display: table-cell; vertical-align: middle; padding-right: 20px;}
.logo_buttom_but {display: table-cell; vertical-align: middle; width:200px;}
.logo_buttom_but .but_class{overflow: hidden; border-radius: 90px;  width: 100%; background: #8dc63f; text-align: center;}
.logo_buttom_txt{overflow: hidden;}
.logo_buttom_txt .payment_radio{float: left;}
.logo_buttom_txt .logo_buttom_Password{float: right; font-weight: bold;}
.logo_buttom_txt .logo_buttom_Password a{color: #8DC63F; }


.logo_li_50{float: left; width: 50%; padding-right: 15px;}
.logo_li_50:nth-child(2n){padding: 0px; padding-left: 15px;}
.error_txt{display: block; color: #fe181f;  padding-top:5px;}
.logo_width .error_txt{display: block; color: #fe181f; padding: 0px 20px;  padding-top:8px;}

.logo_li_3{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:30px;}

.Register_bottom{display: block;}
.Register_bottom .logo_buttom_txt{display: block;}
.Register_bottom .logo_buttom_but{display: block; text-align: right; width: 100%; padding-top: 20px;}
.Register_bottom .logo_buttom_but .but_class{max-width: 200px;}


.reg_width .logo_li{padding-bottom:30px;}


.Profile_width{display: table; width: 100%; padding-bottom: 50px; padding-top: 10px;}
.Profile_width_left{width: 270px; display: table-cell; vertical-align: top;}
.Profile_width_left_img{display: block; text-align: center;}
.Profile_width_left_img img{width:80%; margin: 0px auto; max-width: 200px; border-radius: 100%;}
.Profile_width_left_title{ padding: 20px 0px; text-align: center;}
.Profile_width_left_title b{display: block; font-size: 20px; padding-bottom: 5px;}
.Profile_width_left_box{display: block; border-radius:10px; padding:30px; background: #fff; box-shadow:0 3px 10px rgba(0,0,0,.2);}
.Profile_width_left_box b{display: block; font-size: 24px;}
.Profile_width_left_box span{padding:20px 0px;display: block;}
.Profile_width_left_box .but_class{border-radius:8px; width: 100%;}
.Profile_width_left_box .but_class span{ padding: 0px;}

.Profile_width_right{padding-left:40px; display: table-cell; vertical-align: top;}
.Profile_width_right_box{background: #eef1f7;padding: 30px;display: flow-root;/* overflow: hidden; */}
.Profile_width_right_box .logo_li_txt{padding-bottom: 8px;}
.Profile_width_right_title{font-size: 26px; font-weight: 600; padding: 40px 0px 20px;}
.Profile_width_right .logo_li_input{position: relative;}
.logo_li_input .password_class{background:url(../images/password_icon.png) no-repeat left 10px center #fff; padding-left:60px; background-size: auto 80%;}
.Sign_password i{width:30px;height:30px;position:absolute;right: 5px;top: 7px;line-height:30px;font-size:20px;cursor:pointer;color:#ccc;}
.password_icon_n:before{content: "\f070";}

.Profile_width_right_but{overflow: hidden; padding-top:40px;}
.Profile_width_right_but .but_class{padding: 15px 30px; border-radius: 90px; background: #0069AA;}
.Profile_width_right_but a.but_class{float: right; background: #eef1f7; color: #333; line-height: 24px;}
.Profile_width_right_but a i{font-size: 24px; font-weight: 600; float: left; margin-right:8px;line-height: 24px; margin-top: 1px;}

.uesr_box{background:#0069AA; padding: 40px; max-width:630px;  margin: 0px auto; width: 100%; border-radius:8px; position: relative;}
.uesr_box_but .but_class{ padding: 15px 40px; border-radius: 90px; font-size: 16px;}
.uesr_box .logo_li_txt{color: #fff;}
.textarea_class{height:120px;}
.uesr_box_close{position: absolute; right: 15px; top: 15px; color: #fff; cursor: pointer; opacity: 0.4;}
.uesr_box_close:hover{opacity: 1;}
.uesr_box_close i{font-size:26px;}

.table_wdith{display: block;padding-bottom: 30px;}
.table_th{display: table; width: 100%; background:#F5F5F5; font-weight: 600;}
.table_tr{display: table; width: 100%; border-bottom: #D9D9D9 solid 1px;}
.table_td{display: table-cell;vertical-align: top;padding:15px;}
.Enrolled_td_1{width: 40%;}
.Enrolled_td_2{width: 20%;}
.Enrolled_td_3{width: 40%;}
.table_tr .Enrolled_td_title{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; width: 100%; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.Enrolled_jd_width{display: inline-block;  width: 80%; padding-right: 80px; position: relative; float: left; margin-top:16px;}
.Enrolled_jd{display:block; width:100%;  height: 3px; background: #E0E0E0;}
.Enrolled_jd span{display: inline-block; background: #8DC63F; height: 3px; }
.Enrolled_jd_sz{position: absolute; right: 0px; top: 50%; margin-top: -11px; width: 80px; text-align: left; padding-left: 30px;}
.Enrolled_jd_icon{float: right; width: 34px; height: 34px; text-align: center; background: #fff; color: #F44040; border: #F44040 solid 2px; border-radius: 100%;}
.Enrolled_jd_icon i{font-weight: 600; line-height: 30px; font-size:20px;}
.Enrolled_jd_icon_ok{ color: #8DC63F; border-color:#8DC63F;}

.Certificates_widh{display: block; padding-bottom: 20px; padding-top: 10px;}
.Certificates_widh_li{display: table; width: 100%;padding-bottom: 50px;}
.Certificates_widh_li_img{display:table-cell; width:400px; vertical-align: top;}
.Certificates_widh_li_txt{padding-left: 30px; display: table-cell;}
.Certificates_widh_li_txt .Enrolled_width_title{font-weight:600; height: initial; margin-top: 0px;}
.Certificates_widh_li_but{padding-top:15px;}
.Certificates_widh_li_but a{overflow: hidden; display: inline-block; padding: 10px 20px; background: #0069AA; color: #fff;}

.Certificates_show{padding: 5% 15%; margin:50px auto; background:url(../images/certificate_bg.jpg) no-repeat center bottom #f7f7f7; background-size: 100% auto; text-align: center;}
.Certificates_show_logo{display: block;}
.Certificates_show_logo img{width: 17%;}
.Certificates_show_title{font-size: 20px; font-weight: 600; padding: 40px 0px;}
.Certificates_show_title b{display: block; font-size: 42px; color: #0069AA;}
.Certificates_show_txt{font-size: 18px;}
.Certificates_show_date{overflow: hidden; padding: 40px 0px; font-weight: 600; font-size: 18px;color: #0069AA;}
.Certificates_show_l{float: left;}
.Certificates_show_r{float: right;}
.Certificates_show_date span{color: #787878; padding-right: 10px;}
.Certificates_show_img{display: block;}
.Certificates_show_img img{width: 100%;}

.Historical_select{text-align: left;}
.Historical_select .Historical_select_title{display: inline-block; color: #787878;}
.Historical_select .layui-form{display: inline-block;}

.Orders_td_1{width: 44%;}
.Orders_td_2{width: 14%;}
.Orders_td_3{width: 14%;}
.Orders_td_4{width: 14%;}
.Orders_td_5{width: 14%;}
.Orders_td_1 .Orders_product{margin-bottom: 30px;}
.Orders_td_1 .Orders_product:nth-last-child(1){margin-bottom:0px;}
.Orders_product{display: table; width: 100%; text-align: left;}
.Orders_product_img{display: table-cell; vertical-align: middle; width:40%;}
.Orders_product_txt{display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 18px;}
.Orders_product_txt span{display: block;padding-top:8px;color: #999;}
.Orders_product_txt .bg_span{display:inline-block; color: #8DC63F; font-size: 14px; margin-right: 10px; padding:3px 10px; border: #8DC63F solid 1px; border-radius: 5px;}
.Orders_td_title{display: none;}
.Orders_table_wdith{text-align: center; padding-top: 10px;}
.Orders_table_wdith .table_tr{padding:5px 0px; border-bottom: none;}
.Orders_table_wdith .table_th{margin-bottom:15px;}
.table_td_yj{color: #999; text-decoration: line-through;}
.color_bule{color: #72AA43;}
.color_red{color: #E65B49;}

.Orders_table{display: block; padding: 20px 0px; min-height:400px;}
.Orders_table_li{border: #d8e7cc solid 1px; background: #fff; margin-bottom: 20px;}
.Orders_table_li_top{display: table;width: 100%;padding: 15px 20px;background: #f1f7ee;font-size: 18px;}
.Orders_table_li_top h3{display: table-cell; vertical-align: middle; cursor: pointer; font-size: 18px;}
.Orders_table_li_top h3 span{width:26px; text-align: center; margin-right: 10px; line-height: 24px; height:26px; background:#8dc63f; border: #8dc63f solid 1px; display: inline-block; color: #fff;}
.Orders_table_li_top h3.active .layui-icon-addition::before{content: "\e67e";}
.Orders_table_li_top h3.active span{background: #fff; color: #8dc63f;}
.Orders_table_date{display: table-cell; vertical-align: middle; text-align: right; color: #999;}
.Orders_table_date span{padding: 0px 5px;}
.Orders_table_date a{color: #72AA43; font-weight: 700;}
.Orders_table_date a i{width: 26px; height: 26px; text-align: center; font-size: 14px; font-weight: 300; transform: rotate(180deg); margin-left: 10px; background: #3D8700; line-height: 26px; display: inline-block; border-radius: 100%; color: #fff;}
.Orders_defalt_tabl{padding:10px;}
.Orders_defalt_tabl .Orders_product_img{width:25%; min-width:120px;}
.Orders_defalt_tabl .Orders_td_4{text-align: right;}
.Orders_defalt_tabl .table_tr{padding: 0px;}
.Orders_defalt .filter{border-bottom: #d8e7cc solid 1px;}
.Orders_table_bottom{padding:15px 20px; background: #fff;display: table; width: 100%; font-weight: 600;}
.Orders_table_bottom_l{display: table-cell; vertical-align: middle;}
.Orders_table_bottom_r{display: table-cell; vertical-align: middle; text-align: right;}


.Warning_label{background: #f8d7da; border: #f5c2c7 solid 1px; padding: 15px 20px; color: #842029; border-radius: 5px; margin: 10px 0px;}


.cart_table .Orders_table_wdith{ padding: 10px 0px; }
.cart_th{display:table; width: 100%; margin-bottom: 10px; font-size:18px; border-bottom: #8DC63F solid 1px;  font-weight: 700;}
.cart_tr{display:table; width: 100%;}
.cart_tr_border{border-top:#e5e5e5 solid 1px; margin-top: 5px; }
.cart_tr .Orders_product_img{width: 20%;min-width: 120px;}
.cart_table .table_td{padding:15px;}

.cart_td_1{width:95px;}
.cart_td_1 span{cursor: pointer;}
.cart_td_1 i{font-size: 24px;color: #787878;}
.cart_td_2{ text-align: left;}
.cart_td_3{width: 160px;}
.cart_td_4{width: 150px;}
.cart_td_5{width: 140px;}

.cart_Subtotal{padding:30px 20px 50px; border-top: #8DC63F solid 1px; display: table; width: 100%;}
.cart_Subtotal_left{display:table-cell;vertical-align: top;}
.cart_Subtotal_input{display: table; width: 100%;}
.cart_Subtotal_input .input_class{padding: 15px 20px; width: 100%; border-radius:8px;}
.cart_Subtotal_input .input_class:focus{border-color:#8DC63F ;}
.cart_Subtotal_input_l{display: table-cell; vertical-align: middle;}
.cart_Subtotal_input_r{display: table-cell; vertical-align: middle;  padding-left: 20px; width: 180px; text-align:center;}
.cart_Subtotal_input_r .but_class{background: #fff; width: 100%; color: #aaa; border:1px solid #aaa; line-height: 52px; padding: 0px 10px;}
.cart_Subtotal_r{display:table-cell; vertical-align: top; font-weight: bold; width:35%; padding-left: 50px;}
.cart_Subtotal_r_width{display: table; width: 100%; padding: 10px 0px;}
.cart_Subtotal_r_l{display: table-cell; width: 200px; vertical-align: middle; text-align: left;}
.cart_Subtotal_r_r{display: table-cell; vertical-align: middle; text-align: right;}
.with_icon{color: #72AA43; display: inline-block; margin-right: 5px; padding: 1px 10px; border:#72AA43 solid 1px; border-radius: 5px;}
.Orders_product_txt .Courses_but{padding-top:10px;}

.cart_Subtotal_r_Total{color: #0069AA;}
.cart_Subtotal_r_Total .cart_Subtotal_r_r{font-size: 24px;}


.cart_buttom{display: table; width: 100%; padding:0px 20px 40px; padding-right: 0px;}
.cart_buttom_l{display: block; padding-top: 15px;}
.cart_buttom_l i{color:#72AA43; padding-right:5px;}
.cart_buttom_r{ text-align: right; display: block; padding-top: 30px;}
.cart_buttom_r .but_class{width: 100%; max-width: 260px;}
.close_class{cursor: pointer; margin-right:5px; color: #999;}

.Buy_with_width{display: block; background: #F1F7EE; padding: 25px; border-radius: 15px; margin-bottom:50px;}
.Buy_with_width_title{font-size: 32px; font-weight: 600; color: #273044;}
.Buy_with_width .Enrolled_width_Trial{color:#3D8700; font-weight: bold;}
.Buy_with_width .Enrolled_width_Trial span{ padding-left: 15px; font-weight: 300;}
.Buy_with_width .evaluate_width{padding:20px 0px 10px;}
.Enrolled_width_radio{text-align: right; padding-top: 10px;}

.Enrolled_width_radio .radio_class{display:none;}
.Enrolled_width_radio .radio_class + label {background: url(../images/logo_checkout.png) no-repeat left center; min-width:24px;  background-size: 24px auto; line-height:24px; font-weight: 300;  position: relative;min-height: 24px; margin:0px; cursor:pointer;}
.Enrolled_width_radio .radio_class:checked + label{background:url(../images/logo_checkout_d.png) no-repeat left center; background-size: 24px auto;}



.h5p-question{font-size: 18px !important;}

.Orders_show_table{display: block; padding:0px 0px 50px;}
.Orders_show_li{display: table; width: 100%; font-size: 18px;}
.Orders_show_li_td{padding: 5px 20px;text-align: center;display: table-cell;vertical-align: middle; text-align: left; width:180px;}
.Orders_show_li_txt{padding: 10px 30px;display: table-cell;vertical-align: middle;}
.Orders_show_li_txt img{height: 24px;border-radius: 5px;margin: 2px 0px;margin-right: 3px;}
.Orders_show_but{display: block; text-align: right; padding-top:20px;     border-top: #d8e7cc solid 1px; margin-top: 20px;}
.Orders_show_but a{overflow: hidden; margin-left:10px; display: inline-block; border: 1px #0069AA solid; padding: 14px 45px; background: #0069AA; color: #fff;}
.Orders_show_but .Return_class{border-color: #3d8700; background: #fff; color: #3d8700;}
.Payment_icon{background: #6772e5; font-weight: 600; padding:2px 8px; border-radius: 5px; display: inline-block; color: #fff;}

.Checkout_table{display: block;}
.Checkout_table .Profile_width_right_box{background: none; padding:15px 0px;}
.Checkout_title{font-size: 32px; font-weight: 700; color: #8DC63F; padding: 20px 0px 5px; position: relative;}
.pencil_icon{position:absolute; right: 0px; top: 10px; }
.pencil_icon a{color: #8DC63F; }
.pencil_icon i{font-size: 26px;}
.Checkout_table .logo_li_input .input_class{background: #F1F7EE; border-color: #F1F7EE; padding: 12px 20px;}
.Checkout_table .logo_li_input .input_class:focus{border-color: #8DC63F;}
.Checkout_table .logo_li_input .input_class[disabled]{background: #F5F5F5; border-color: #F5F5F5; color:#9A9FA8;}
.Checkout_table .cart_th{border-color: #e5e5e5;}
.Checkout_table .cart_Subtotal{border-color: #e5e5e5;}
.Checkout_table .cart_Subtotal_r{font-size: 20px;}

.Checkout_table .radio_class{display:none;}
.Checkout_table .radio_class + label {background: url(../images/logo_checkout.png) no-repeat left top; text-align: left;  background-size: 24px auto; line-height:24px; font-weight: 300;  position: relative;min-height: 24px; display:block; padding: 0px; padding-left:35px;cursor:pointer;}
.Checkout_table .radio_class:checked + label{background:url(../images/logo_checkout_d.png) no-repeat left top; background-size: 24px auto;}
.Checkout_table .radio_class + label a{margin-left:5px;color: #0069AA;float: inherit;font-weight: 600; float:none;}

.Checkout_table .Checkout_botton{padding:30px 0px 50px; text-align: right; width: 100%; display: block; float: none;}
.Checkout_table .Checkout_botton .but_class{display: inline-block; width: initial; min-width:200px;}

.Checkout_table .logo_li_txt span{color: #ED1C24;}

.Payment_Successful_icon{display: block;}
.Payment_Successful_icon i{width: 80px; height: 80px; background: #4EAB00; color: #fff;  line-height: 80px; font-size:48px; font-weight: 900; display: inline-block; border-radius: 100%;}
.Payment_Successful_title{font-size: 32px; color: #4EAB00; padding:20px 0px 30px; font-weight:800;}
.Payment_Successful_txt{font-size: 18px;}
.Payment_Successful_email{display: block; padding-top: 30px; font-weight: 700; font-size: 20px; }
.Payment_Successful_email i{font-size: 30px; font-weight: 300; padding-right:8px;}
.Payment_Successful_email a{display: flex; justify-content: center; align-items: center; line-height: 32px;}

.Payment_Successful_width{padding:60px;text-align: center; font-size: 18px; background: #fff; max-width: 890px; margin: 10% auto;}
.Payment_Successful_width .Payment_Successful_icon i{background:#4EAB00;}
.Payment_Successful_width .Payment_Successful_title{color: #4EAB00; }
.Payment_Failed_but{display: block; padding-top:30px;}
.Payment_Failed_but a{padding: 14px 50px; background: #8DC63F; font-size: 18px; display: inline-block; color: #fff; border:#8DC63F solid 1px; border-radius: 5px;}
.Payment_Failed_but a:hover{background:#4EAB00 ; color: #fff; border:#4EAB00 solid 1px;}
.Payment_Successful_txt span{color: #F44040;}

.Payment_Failed_txt .Payment_Successful_icon i{background:#D53C3C;}
.Payment_Failed_txt .Payment_Successful_title{color: #D53C3C; }
.Payment_Failed_txt .Payment_Failed_but a{padding: 14px 50px; background: #fff; font-size: 18px; display: inline-block; color: #0069AA; border: #0069AA solid 1px; border-radius: 5px;}
.Payment_Failed_txt .Payment_Failed_but a:hover{background:#0069AA ; color: #fff;}

.Title_img{display: block; margin: 0px auto; width: 100%; max-width:900px; padding:0px 30px 50px;}

.foot{display: block;}
.foot_bg{background:#F6F6F6; padding:30px 0px 20px;}
.foot_logo{display: block; text-align: center;}
.foot_logo img{height: 75px;}
.foot_txt{max-width: 870px; margin: 0px auto; text-align: center; padding:20px 0px; font-weight: 400;}
.foot_email{display: block; text-align: center;}
.foot_email a{display: inline-block; overflow: hidden; line-height: 30px; font-size: 18px; font-weight: 600;}
.foot_email span{display: inline-block; overflow: hidden; line-height: 30px; font-size: 18px; font-weight: 600;}
.foot_email i{font-size: 30px; float: left; margin-right: 10px; margin-top:1px;}
.foot_bottom{display: block; background: #EBEBEB; text-align: center; padding: 10px;}

.foot_api_width{text-align: center; font-size: 12px; padding-top:30px; font-weight: 600; padding-bottom: 5px; display: block;}
.foot_api_img{display: inline-block; border-left: #666 solid 1px; padding-left:15px; margin-left:20px;}
.foot_api_img img{height:35px; margin: 0px 2px; border-radius: 5px; border: #999 solid 1px;}





.Start_top{background: #fff; border-bottom: #e5e5e5 solid 1px; display: grid; padding:15px 0px;}
.Start_top_logo{float: left;}
.Start_top_logo img{height: 60px;}
.Start_top_txt{float: left; width: 40%; overflow: hidden;  position: relative; padding-left: 50px; margin-left: 20px; display: inline-block;}
.Start_top_txt i{ font-size: 38px; color: #787878; transform: rotate(90deg); position: absolute; left:0px; top: 50%; margin-top: -24px;}
.Start_top_txt_txt{font-size:24px; font-weight: bold;}
.Start_top_txt_txt span{display: block; font-size: 16px; font-weight: 400; color: #787878; padding-top:3px;}

.Start_top_user{display: inline-block; float: right;}
.Start_top_user_icon{ position: relative; padding: 10px 0px; display: inline-block;}
.Start_top_user_ct img{height:20px; margin-right: 6px;}
.Start_top_user_ct i{font-size: 12px; padding-left:5px;}
.Start_top_user_ct{cursor: pointer; background: #F3FAF0; border-radius: 90px; padding:10px 20px;}
.Start_top_user_icon .nav_left{position: absolute; background: #fff; height: auto; right: 0px; left: 0px; top: 100%; display: none;}
.Start_top_user_icon:hover .nav_left{display: block; width: 350px;}
.Start_top_icon_img{display: inline-block; margin-left:25px;}
.Start_top_icon_img img{height: 30px; }
.Start_top_icon_Other{display: inline-block; padding-left:20px;}
.Start_top_icon_Other a{background:#3D8700; border-radius: 5px; color: #fff; font-weight: 400; padding:8px 15px; overflow: hidden;}

.Start_table{display: block; margin: 0px auto; width: 90%; padding: 30px 0px;}
.Start_table_width{position: relative;  display: flex;  -webkit-box-pack: justify; justify-content: space-between;}
.Start_table_width_left{ float:left; width:10%; padding:20px 0px;     flex: 0 0 100px;  position: sticky; top: calc(0px); align-self: flex-start;}
.Start_table_width_left i{width: 60px; height:60px; background:#3D8700 ; cursor: pointer; font-size: 30px; color: #fff; text-align: center; line-height: 60px; border-radius: 100%;}
.Start_table_width_right{max-width: calc((100% - 100px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 100px));
}
.Start_table_width_right_bg{padding:20px; background: #fff;}
.Start_title{font-size: 32px; font-weight: 700; overflow: hidden;}
.Start_txt{font-size: 20px; font-weight: 700; padding:20px 0px;}
.Start_video{display: block; padding-bottom: 20px; }
.h5p-find-the-words .h5p-play-area{position:-webkit-sticky; }

.Start_video iframe{border:#ddd solid 1px;}
.Start_video .plyr--video{margin-bottom: 20px; display: block;}
.Start_video li{list-style:inside}
.Start_txt_ct{display: block;}
.Start_txt_ct  li{list-style:inside}

.Start_table_ct{display: block; padding-top: 20px;}
.Start_table_th{background:#3D8700; color: #fff; display: table; width: 100%;}
.Start_table_tr{display: table; width: 100%;}
.Start_table_td{padding: 15px; display: table-cell; vertical-align: middle; text-align: center;}
.Start_table_td_1{width: 25%;}
.Start_table_td_2{width: 50%;}
.Start_table_td_3{width: 25%;}

.Start_bottom{padding: 30px 0px; overflow: hidden; font-weight: 600;}
.Start_bottom_li{float: right; width: 50%; display: inline-block;}
.Start_bottom_table{display: table; width: 100%; color: #000;}
.Start_bottom_table_txt{display: table-cell; vertical-align: middle;}
.Start_bottom_table_txt span{display: block;}
.Start_bottom_table_icon{display: table-cell; vertical-align: middle; width:60px;}
.Start_bottom_table_icon i{ font-size: 38px; display: inline-block; opacity: 0.5; transform: rotate(-90deg); position: relative; font-weight:300;}
.txt_right{text-align: right;}
.txt_left{text-align: left;}
.txt_left .Start_bottom_table_icon i{transform: rotate(90deg);}

.Start_box{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none;   background: rgba(0,0,0,.7); z-index: 999;}
.Start_box_table{padding: 30px; background:#F3FAF0; position: absolute; width:83%; height: 100%; overflow-x: auto; left: 0px; top: 0px; max-width: 630px;}

.filter{display:none; background: #fff; }
.Start_box_panel{width: 100%; display: table;}
.Start_box_panel_icon{display: table-cell; vertical-align: top; width:40px; text-align: center;}
.Start_box_panel_icon i{height:20px; line-height: 20px;}
.Start_box_panel_txt{display: table-cell; vertical-align: top;}
.Start_box_panel_txt span{display: block;}
.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}
.panel-defalt h3{ cursor:pointer; font-size:18px; padding: 20px 0px; background: #fff;  position:relative; border-bottom:1px solid #e5eff5;}
.panel-defalt h3.active{ background:#478700; color: #fff;}
.panel-defalt h3.active .Start_box_panel_icon i{ padding-top: 8px;}
.panel-defalt h3.active .fa-sort-desc:before{content: "\f0de";}
.filter_li{display: table; width: 100%;  border-bottom:1px solid #e5eff5; padding:15px 10px; transition:all .5s; color: #616161; background: #fff;}
.filter_li:hover{box-shadow:0 0px 8px rgba(0,0,0,.15); position: relative; z-index: 3;}
.filter_li_icon{width: 46px; display: table-cell; vertical-align: top; text-align: center;}
.filter_li_icon img{width: 24px;}
.filter_li_id{width:20px; display: table-cell; vertical-align: top; text-align: left; color: #aaa;}
.filter_li_txt{display: table-cell; vertical-align: top; }
.filter_li_txt span{display: block;}
.filter_li_layui{display: table-cell; vertical-align: top; width: 24px; }
.filter_li_layui i{width: 24px; height: 24px; background: #D9D9D9; color: #D9D9D9; padding:3px; border-radius: 100%;}
.filter_li_layui.active i{background: #8DC63F; color: #fff;}

.Start_box_close{position: fixed; left: 680px; top: 30px; cursor: pointer;}
.Start_box_close i{background: #fff; width: 60px; height: 60px; padding: 10px; line-height: 60px; border-radius: 100%; color:#3D8700; font-size: 36px; font-weight: 600;}

.Start_banner .container{padding: 0px;}

.Start_Week{color: #787878; font-size: 18px;}
.padding_20{padding: 20px 0px;}
.Start_show_centent{text-align: center; padding:10px 0px; }
.Start_bottom_li.txt_left{float: left;}
.Start_from_title{font-size: 20px; padding: 20px 0px; font-weight: 600;}
.Start_from_name{font-size: 18px; padding-bottom: 10px;}
.Start_from_label{font-size: 18px; padding-top: 10px;}
.Start_from_li{padding-bottom: 30px;}
.Start_from_but .btn{overflow: hidden; padding:12px 40px; border-radius: 5px; font-size:20px; border-radius: 90px;}
.Start_from_but .btn i{padding-right: 5px;}

.h5p-find-the-words .h5p-play-area{margin: 0px !important;}

.MyOrders_show_table{border-top: #d8e7cc solid 1px; padding:10px 0px;}
.MyOrders_show_tr{display: table; padding:0px 0px; width: 100%; text-align: right;}
.MyOrders_show_tr .Orders_td_1{color: #999;}
.MyOrders_show_tr .Orders_td_4{text-align: right; min-width:120px; width:5%;}
.Payment_title{margin-top:30px;margin-bottom: 10px;}

.Shopping_Cart_box{text-align: center; padding: 30px 20px 60px; max-width: 500px; margin: 0px auto;}
.Shopping_Cart_box .Payment_Successful_icon i{background:#F1F7EE; color:#8DC63F; font-size:40px;}
.Shopping_Cart_box_txt b{display: block; padding: 30px 0px 10px; font-size: 24px;}

.Payment_radio + label {background: url(../images/radio_icon.png) no-repeat left center; margin: 0px; background-size: 24px auto; line-height:24px;  position: relative;min-height:24px; display:block; padding: 0; padding-left:35px; cursor:pointer;}
.Payment_radio:checked + label{background:url(../images/radio_icon_y.png) no-repeat left center; background-size: 24px auto;}
.Payment_radio[disabled] + label {background:url(../images/radio_icon_y.png) no-repeat left center; cursor: auto; background-size:24px auto;}
.payment_radio a{float: right; font-weight: 600; float: right; color: #8DC63F; margin-top: 3px;}

.Checkout_title_top{margin-top: -60px;}
.Payment_Method{display: table; width: 100%; font-size: 18px; padding:30px 0px 40px;}
.Payment_Method_left{display: table-cell; vertical-align: middle;}
.Payment_Method_left .payment_radio{display: inline-block; margin-right:20px;}
.Payment_Method_right{display: table-cell; vertical-align: middle; text-align: right;}
.Payment_Method_right_width{display: flex; align-items: center; justify-content: right;}
.Payment_Method_right span{padding: 0px 10px;}
.Payment_Method_right img{height: 30px;}

.Place_box_but{border-top: solid 1px #e5e5e5; padding:30PX 20px; text-align: right;}
.Place_box_but .but_class{margin-left: 10PX; border:#8dc63f solid 1px; padding: 13px 30px; font-size: 16px;}
.Place_box_but .Return_class{background: #FFF; border-color:#8dc63f; color: #8dc63f;}

.Courses_nav{display: block; padding-left: 0px;}
.Courses_nav .swiper-container{display: inline-block;}
.Courses_nav .swiper-slide{display: inline-block; width: initial;  text-align: center; flex-grow: 1;}


.Tips_table{ background: url(../images/g_icon.png) no-repeat 20px 20px #FFFBE6; display: block; background-size:26px auto;  padding: 20px; padding-left:55px; border:#FFE58F solid 1px; border-radius:8px; margin-top:30px;}
.Tips_table_title{font-size: 18px;}
.Tips_table_txt{display: block; padding-top: 5px; width: 90%;}

.Playback_table{padding:10% 5%;  text-align: center; background: #EEEEEE; color: #424242;}
.Playback_table_img{display: block;}
.Playback_table_img img{height: 50px;}
.Playback_table_title{font-size: 28px; display: block; font-weight: 600; padding:20px 0px;}
.Playback_table_txt{font-size: 18px;}

.Courses_tab{display: table; width: 100%; margin-top:30px;}
.Courses_tab_left{display: table-cell; vertical-align: middle; width: 60%; text-align: left;}
.Courses_tab_search{display:inline-block; width: 320px; position: relative;}
.Courses_tab_search .input_class{border-radius: 90px; padding-left:45px;}
.Courses_tab_icon{background: url(../images/search_icon2.png) no-repeat center center; width: 20px; height: 20px; background-size: cover; position: absolute; left: 15px; top:12px;}
.Courses_tab_fill{position: absolute; right: 15px; top: 11px; opacity: .3; font-size:18px; cursor: pointer;}
.Courses_tab_left .filter_but{position: initial; display: inline-block; margin-left: 5px; line-height: 41px; padding: 0px 20px; background: url(../images/filter-edit-svgrepo-com.png) no-repeat 20px center; border-color: #ddd; background-size: auto 20px; font-size: 18px; padding-left:45px;}
.Courses_Training{color:#757575; text-align: left; padding-top: 20px;}
.Courses_tab_right{display: table-cell; vertical-align: middle; text-align: right;}
.Courses_tab_right .layui-form-select .layui-input{height: 44px; border-radius: 90px; border-color: #ddd; padding-left:20px;}
.Courses_tab_right .layui-form-select dl{top: 45px; text-align: left;}

.btn.btn-orange{background: #FCBD02 !important; color: #000 !important;}
.orange_bg{background: #eaeaea !important; color: #000;}

.Courses_Price{color:#c9262e; display: block; padding-top:20px; position: relative; cursor: pointer;}
.Courses_Price_box{position: absolute; display: none; width: 400px; border: #ddd solid 1px; color: #000; font-size: 12px;  top: 100%; margin-top:15px; border-radius: 10px; padding: 20px; padding-bottom: 10px; z-index: 99; background: #fff; right: 0px; box-shadow:0 0px 10px rgba(0,0,0,.2);}
.Courses_Price_box::after{position: absolute; top: -8px; left:180px; content: ""; display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
}
.Courses_Price_box_top{font-size: 12px; padding-bottom: 10px;}
.Courses_Price_box_tr{display: table; width: 100%; border-bottom: #EEE  solid 1px;}
.Courses_Price_box_tr:nth-last-child(1){border-bottom: none;}
.Courses_Price_box_title{font-size: 16px; background: #f2f3f2;}
.Courses_Price_box_td{display: table-cell; vertical-align: middle; padding:10px 5px; text-align: center;}
.Courses_Price_box_td_7{width: 60%;}
.Courses_Price:hover .Courses_Price_box{display:block;}

.Tearchers_tab{padding:0px 0px 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:30px; }
.Tearchers_tab_li{display: block; text-align: center;}
.Tearchers_tab_img{overflow: hidden;}
.Tearchers_tab_img img{transition-duration: 0.8s;}
.Tearchers_tab_li:hover .Tearchers_tab_img img{
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
}
.Tearchers_tab_txt{color: #757575; padding:0px 15px 20px;}
.Tearchers_tab_title{ padding:20px 10px 10px;}
.Tearchers_tab_title a{display: block; font-weight:700; font-size: 20px;}

.Tearchers_show_tab{display: table; width: 100%; padding: 30px 0px;}
.Tearchers_show_tab_l{display: table-cell; vertical-align: middle; width: 400px;}
.Tearchers_show_tab_r{display: table-cell; padding-left:20px; color: #757575;  vertical-align: middle;}
.title_38{font-size: 38px; font-weight: 700; color: #212121; padding-bottom: 10px;}
.title_32{font-size: 32px; font-weight: 700; color: #212121;}
.Tearchers_show_txt{display: block; padding-bottom: 50px;}
.Tearchers_show_txt .title_32{padding-bottom: 10px;}

.Tearchers_Related{padding:20px 0px 50px;}
.Tearchers_Related .title_38{padding-bottom: 20px;}

.Bundle_Deal{display: block; padding-top: 30px; margin-top: 30px; border-top: #8DC63F solid 1px;}
.Bundle_Deal_li{background: #FAFAFA; padding: 20px 0px; margin-bottom: 20px;}
.Bundle_Deal_title{background:#8DC63F; color: #fff; font-size: 20px; padding: 10px 15px; text-align: left; margin-bottom: 20px; margin-top:20px;}
.cart_td_2 .Orders_product{margin-bottom:20px;}
.cart_td_2 .Orders_product:nth-last-child(1){margin-bottom: 0px;}

.Bundle_table{background:#F5F6FB;}
.cart_title{display: table; width: 100%;}
.cart_title_l{display: table-cell; vertical-align: middle;}
.cart_title_l .Enrolled_width_radio{font-weight: 700; text-align: left;}
.cart_title_l .Enrolled_width_radio .radio_class + label{padding-left: 35px; font-weight: 700;}
.Payment_radio{display:none;}
.Payment_radio + label {background: url(../images/radio_icon.png) no-repeat left center; background-size:24px auto; line-height:24px;  position: relative;min-height: 24px; display:block; padding: 0; padding-left:35px; cursor:pointer;}
.Payment_radio:checked + label{background:url(../images/radio_icon_y.png) no-repeat left center; background-size: 24px auto; color: #0069AA;}
.Payment_radio[disabled] + label {background:url(../images/radio_icon_y.png) no-repeat left center; cursor: auto; background-size: 24px auto;}

.cart_title_r{display: table-cell; vertical-align:middle; width: 50%; text-align: right;}
.cart_title_r span{font-size: 18px; color: #DD2C00; font-weight: 700;}
.cart_title_date{display: inline-block; float: right; padding-left: 20px;}
.cart_title_date i{font-size:20px; color: #DD2C00; margin-right:5px; float: left; margin-top:3px;}
#countdown{float: right; overflow: hidden; font-size: 16px;}
#countdown .date_icon{ display: inline-block; width: 32px; height: 32px; text-align: center; font-weight: normal; line-height: 32px; background: #424242; border-radius: 2px; color: #fff;}
.cart_title_ct{display:inline-block; text-align: right;}
.cart_title_ct span{color:#9E9E9E; float: left; font-size: 16px; margin-top:3px;font-weight: normal; text-decoration: line-through;}
.cart_title_ct b{font-size: 20px; color: #72AA43; float: left; padding:0px 15px;}
.cart_title_ct .Enrolled_width_radio{display: inline-block; float: right;padding-top: 0px;}

.Buy_with_width_title{display:grid;}
.evaluate_width{position: relative;}
.Bundle_table_ct{width: 100%; margin-top:30px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:30px;}
.Bundle_table_ct .Enrolled_width_pr{width: 100%; float: none; display: block;}
.Bundle_table{position: relative;}
.Bundle_table .banner_swiper_Pagination{width: 100%;}

.You_may{padding: 50px 0px; background: #FAFAFA;}
.You_may_table{position: relative; padding-top: 30px;}
.You_may_table .swiper-button-next, .You_may_table .swiper-container-rtl .swiper-button-prev{right: -25px;}
.You_may_table .swiper-button-prev, .You_may_table .swiper-container-rtl .swiper-button-next{left: -25px;}

.Start_box_panel_icon{display: table-cell; width:100px; vertical-align: top; padding-right: 15px;}
.Start_box_panel_icon span{padding:2px 10px; background: #fff; font-size: 14px; border:#0069AA solid 1px; color: #0069AA; border-radius: 30px;}

.Orders_table_cat{border-bottom:#D8E7CC solid 1px; padding-bottom: 10px;}
.Orders_table_cat:nth-last-child(1){border-bottom: none; padding-bottom: 0px;}
.Orders_table_cat_title{text-align: left; font-size: 24px; color: #72AA43; padding-top:15px;}

.Checkout_table .cart_tr .Orders_product_txt{padding-left: 0px;}
.Orders_product_txt_ct a{display: block; margin-bottom: 5px;}
.Orders_product_txt_ct a:nth-last-child(1){margin: 0px;}
.Checkout_table .Orders_table_wdith .cart_td_5{width: 220px;}
.Checkout_table .cart_tr .table_td_yj{display: inline-block; padding-left: 5px; font-size: 14px;}



@media (min-width:767px) {
    .Enrolled_width_pr:hover .Enrolled_width_img img{transform:scale(1.05);-o-transform:scale(1.05);}
}

@media (max-width:1000px) {

    .Tearchers_tab{grid-template-columns: repeat(3, minmax(0, 1fr));}

    .Tearchers_tab{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px; padding-bottom: 10px; }

    .title_38{font-size: 32px;}
    .title_32{font-size: 24px;}
    .Tearchers_Related .title_38{padding-bottom: 10px;}

    .container{width: 100%;}
    .Enrolled_width_li{width:50%;}
    .nav_left.put{left: -100%;}
    .top_header{text-align: center; padding-left: 80px;}
    .top_logo{margin: 0px auto; float:none; display: inline-block;}
    .top_logo img{height:50px;}
    body{font-size: 14px;}
    .top_header_nav {padding-top: 15px;}
    .top_header_nav .top_header_nav_li{font-size: 16px;}
    .title{font-size: 28px;}
    .Enrolled_width_label{font-size: 16px;}
    .Enrolled_width_title{font-size: 16px; margin-bottom: 5px;}
    .btn{padding: 12px; font-size: 16px;}
    .swiper-button-next, .swiper-button-prev{height: 40px; width: 40px; margin-top: -20px;}
    .Enrolled_banner{padding:0px 0px 30px;}
    .foot_logo img{height: 60px;}
    .foot_email a{font-size: 16px;}
    .foot_email i{font-size: 24px;}
    .foot_txt{padding: 15px 0px 10px;}
    .foot_bg{padding: 20px 0px 15px;}
    .nav_but{display:inline-block;}

    .logo_width{position: relative; padding: 0px; display: block;}
    .logo_width_left{display: block;}
    .logo_width_right{display:none;}

    .Enrolled_height{padding-top: 20px; height:167px;}

    .nav_left{overflow-y: auto;}

    .reg_width{position: relative; padding:20px; margin: 0px;}

    .logo_width_left .Start_top_txt{position: relative; left: 0px; top: 0px; margin-bottom:10px; display: block;float: none; width: 100%;}
}

@media (max-width:900px) {
    .Start_top_txt{display: block; width: 100%; margin: 0px; margin-top: 20px; margin-bottom: 10px;}
    .Start_top{display: block;}
    .Start_top_user{position: absolute; right:15px;}
    .Start_top_txt_txt{font-size: 20px;}
    .Start_title{font-size: 26px;}
    .Start_txt{padding: 18px; padding: 15px 0px;}
    .Start_table_width_left i{width: 46px; height: 46px; line-height: 46px; font-size: 24px;}
    .Start_table_width_left{ flex: 0 0 60px;}
    .Start_table_width_right{max-width: calc((100% - 80px));
        position: sticky;
        top: calc(0px);
        align-self: flex-start;
        flex: 0 0 calc((100% - 80px));
    }
    .Start_box_close{right: 10px; left: auto;}
}
@media (max-width:600px) {
    .Start_top_user_icon{padding: 0px; position: initial;}
    .Start_top{position: relative;}
    .Start_top_user{top:5px;}
    .Start_top_user_ct{padding: 0px; background: none;}
    .Start_top_user_ct span{display: none;}
    .Start_top_logo img{height: 40px;}
    .Start_top_user_ct img{height: 22px;margin: 0px;}
    .Start_top_icon_img{margin-left: 15px;}
    .Start_top_icon_Other{padding-left: 15px;}
    .Start_top_icon_Other a{font-size: 14px; padding: 5px 5px;}
    .Start_top_icon_img img{height: 23px;}
    .Start_top .container{position: relative;}
    .Start_top_user_icon .nav_left{width: 100%; min-width: 280px; left: -80px; top:50px;}
    .Start_top_txt{padding-left: 40px;}
    .Start_top_txt_txt{font-size: 16px;}
    .Start_top_txt i{font-size: 30px;     margin-top: -20px;}
    .Start_top{padding-bottom: 10px;}
    .Start_banner .container{padding: 0px;}

    .Start_table_width_left i{width:40px; height: 40px; line-height: 40px; font-size:20px;}
    .Start_table_width_left{ flex: 0 0 40px;}
    .Start_table_width_right{max-width: calc((100% - 40px));
        position: sticky;
        top: calc(0px);
        align-self: flex-start;
        flex: 0 0 calc((100% - 40px));
    }
    .Start_table{padding: 20px 0px; width: 100%;}
    .Start_table_width_right_bg{padding: 15px;}
    .Start_title{font-size: 20px;}
    .Start_txt{font-size: 15px; padding: 10px 0px;}
    .Start_video{padding-bottom: 10px;}
    .Start_table_td{padding: 10px;}
    .Start_bottom_table_icon{width:35px;}
    .Start_bottom_table_icon i{font-size: 24px;}
    .Start_bottom_table_txt{font-size: 12px;}
    .Start_box_table{padding:15px;}
    .panel-defalt h3{font-size: 14px; padding: 10px 0px;}
    .Start_box_panel_icon{width:30px;}
    .Start_box_close i{font-size: 24px; padding: 8px; width:30px; height:30px;}
    .filter_li_icon{width: 30px;}
    .filter_li_icon img{width:20px;}


    .Start_Week{font-size: 16px;}
    .padding_20{padding:10px 0px 15px;}

    .Start_from_li{padding-bottom: 20px;}
    .Start_from_title{font-size: 16px; padding: 10px 0px;}
    .Start_from_name{font-size: 16px; padding: 10px 0px;}
    .Start_from_label{font-size: 16px;}
    .Start_from_but .btn{padding: 10px 30px;}

    .Start_table_width{display: block;}
    .Start_table_width_right{max-width: initial; position: initial;}
    .Start_table_width_left{position: initial;float: none;width: 0px;padding: 0px;}
    .Start_table_width_left i.Start_box_open{position:fixed; left: 10px; bottom: 10px; z-index: 99;}


    .Bundle_table_ct{margin-top:20px; padding: 0px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:20px;}

    .Buy_with_width{margin-bottom: 20px;}
    .You_may{padding: 20px 0px;}
    .You_may_table{padding: 0px 5px; margin-top: 20px;}
    .You_may .Buy_with_width_title{padding:0px 5px;}
    .You_may_table .swiper-button-next, .You_may_table .swiper-container-rtl .swiper-button-prev{right: -5px;}
    .You_may_table .swiper-button-prev, .You_may_table .swiper-container-rtl .swiper-button-next{left: -5px;}

}
.mc_block{display:none;}
@media (max-width:800px) {
    .Courses_cart_ct{display: block;}
    .Courses_cart_ct_left_li{padding: 15px 10px;}
    .Courses_cart_ct_left{display: block; width: 100%; position: initial; float: initial;}
    .Courses_cart_ct_right{display: block;width: 100%;padding: 0px;position: initial;max-width: initial;padding-top: 0px;}
    .Courses_cart_title{display: block; }
    .Courses_cart_title_r{display: block; padding-top:20px; width: 100%; text-align: left;}
    .Courses_cart_title_r_w{float: none;}
    .Courses_cart_name{padding: 20px 0px;}
    .Courses_cart_name_m{font-size: 24px;}

    .Profile_width{display: block;}
    .Profile_width_left{display: block; width: 100%;}
    .Profile_width_right{display: block; width: 100%; padding: 0px; padding-top: 30px;}

    .Certificates_widh_li_img{width:300px;}
    .Certificates_widh_li_but{padding-top: 10px;}

    .Orders_table_li_top{font-size: 14px; display: block;}
    .Orders_table_li_top h3{font-size: 14px;}
    .Orders_table_date{display: block; text-align: left; padding-top: 10px;}
    .Orders_table_date a i{width: 23px; height: 23px; font-size: 12px; line-height: 24px;}
    .Orders_table_li_top h3 span{width: 24px; height: 24px; line-height: 22px;}

    .mc_block{display: block;}
    .pc_block{display: none;}

    .Courses_tab{display: block; position: relative;}
    .Courses_tab_left{display: block; width: 100%;}
    .Courses_tab_search{width:100%; display: inline-block;}
    .Courses_tab_left .filter_but{margin-top:15px; margin-left: 0px;}
    .Courses_tab_right{position: absolute; right:0px; bottom: 0px;}

}
@media (max-width:500px) {
    .Tearchers_tab{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:10px; padding-bottom: 10px; }
    .Tearchers_tab_title{padding:10px 5px 0px;}
    .Tearchers_tab_title a{font-size: 18px;}
    .Tearchers_tab_txt{padding: 10px 5px;}

    .Courses_Price_box{ width:100%; right: auto; left: 0px;}
    .Courses_Price_box::after{left: 50px;}
    .top_logo img{height: 40px;}
    .top_header_nav{padding-top: 10px;}
    .top_header_nav .top_header_nav_li{margin-right: 30px;}
    .title{font-size: 24px; padding: 25px 0px;}
    .Enrolled_width{margin: 0px; padding:15px 0px; padding-top: 0px;}
    .Enrolled_width_li{width: 100%; padding:8px 0px;}
    .swiper-button-next, .swiper-button-prev{height:30px; width: 30px; margin-top: -23px;}
    .swiper-pagination{padding-top: 10px;}


    .foot_logo img{height: 50px;}

    .Courses_nav{padding: 0px; padding-bottom: 20px;}
    .Courses_nav_icon{position: relative; width: 100%; display:inline-block; padding-bottom:20px;}
    .search_icon{margin-top:8px; margin-right: 25px;}
    .search_icon, .svgrepo_icon{width: 26px; height: 26px;}
    .Courses_nav_li a{font-size: 16px;margin: 0px 5px; padding: 0px 5px 8px;}
    .Courses_nav{display: inline-block;padding-bottom: 15px;text-align: left;}
    .Enrolled_width_Trial{font-size: 18px;}
    .Enrolled_width_tuds{line-height: 20px;}
    .Enrolled_width_tuds img{height: 20px; margin-right: 5px;}
    .Courses_bottom_but{padding-top: 15px;}
    .Courses_bottom_but span i{font-size: 24px;}
    .Enrolled_width_txt{padding:15px;}

    .pagination{margin: 10px 0px;}

    .pagination{text-align: center; display: block; padding-bottom:5px;}
    .pagination ul li >a{ width:38px; height: 38px; line-height: 38px;}
    .pagination ul li >a.pagination_but{width:38px; text-align: center;}
    .pagination > li{margin: 0px 2px;}
    .pagination ul li >span{ width:38px; height: 38px; line-height: 38px;}
    .pagination ul li .fa{ font-size:18px; line-height: 38px;}
    .Courses_nav_search{padding-top: 10px; }
    .Courses_nav_search_icon{right: 15px;top: 22px;}

    .table_select{padding-bottom: 15px;}

    .Courses_cart_title{padding: 20px 0px;}
    .Courses_cart_title_l_li img{height: 22px;}
    .Courses_cart_title_l_li span{padding-left: 10px;}
    .Courses_cart_title_l_li{display: block; float: initial; padding: 5px 0px;}
    .Courses_cart_title_r{padding-top: 10px;}
    .Courses_cart_title_r_w_icon{width: 26px; height: 26px;}
    .Courses_cart_title_r_w_icon i{font-size: 16px; line-height: 26px;}
    .Courses_cart_name{padding: 0px;}
    .Courses_cart_name_m{display: block; font-size:20px;}
    .Courses_cart_name{display: block;}
    .Courses_cart_name_b{display: block; width: 100%; padding-top: 10px;}
    .Courses_cart_name_b a{font-size: 16px; padding: 15px;}
    .Courses_cart_ct{padding-top:10px;}
    .Courses_cart_ct_left_li .left_nav_icon{width:28px;}
    .Courses_cart_ct_left_li{padding: 15px 5px;}
    .Courses_cart_ct_left_li{font-size: 16px;}
    .Courses_layui_title li{padding: 5px; font-size: 16px;}
    .Courses_tab_content{padding-top: 20px;}
    .Courses_cart_bg{padding: 15px;}
    .Courses_cart_div{font-size: 16px; padding:0px 10px;}
    .Courses_cart_bg h1{padding: 20px 0px 10px; font-size: 22px;}
    .Curriculum_title{font-size: 16px; padding: 10px 0px;}
    .Courses_cart_ct{padding-bottom: 20px;}

    .logo_li{padding-bottom: 25px;}
    .logo_buttom{display: block;}
    .logo_buttom_txt{display: block; padding: 0px;}
    .logo_li_input .input_class{padding: 12px 15px;}
    .logo_width_table{padding:30px  20px;}
    .logo_width{margin: 20px 0px;}
    .logo_width_title_li a{padding: 13px 10px; font-size: 18px;}

    .radio_class + label {background: url(../images/checkout.png) no-repeat left center;  background-size: 20px auto; line-height:20px; min-height: 22px; padding-left:30px;}
    .radio_class:checked + label{background:url(../images/checkout_d.png) no-repeat left center; background-size: 20px auto;}


    .logo_width .radio_class + label {background: url(../images/logo_checkout.png) no-repeat left center;background-size: 20px auto;line-height:22px;font-weight: 300;position: relative;min-height: 22px;/* display:block; */padding: 0px;padding-left:25px;cursor:pointer;}
    .logo_width .radio_class:checked + label{background:url(../images/logo_checkout_d.png) no-repeat left center; background-size: 20px auto;}
    .logo_width .radio_class + label a{margin-left:30px; color: #8DC63F; font-weight: 600;}

    .logo_buttom_but{display: block; padding-top: 20px; text-align: center; width: 100%;}
    .logo_buttom_but .but_class{font-size: 16px; padding: 15px;}
    .Register_bottom .logo_buttom_but .but_class{max-width: initial;}
    .logo_li_50{width: 100%; padding: 0px; padding-bottom: 20px;}
    .logo_li_50:nth-child(2n){width: 100%; padding: 0px;}

    .but_class{font-size: 16px;}
    .Profile_width_left_box{padding: 25px;}
    .Profile_width_left_box b{font-size: 20px;}
    .Profile_width_left_box span{padding: 15px 0px;}
    .Profile_width_right_box{padding: 20px;}
    .Profile_width_right_title{font-size: 20px; padding: 30px 0px 10px;}
    .logo_li_input .password_class{padding: 12px 40px;}
    .logo_li_input .password_class{background:url(../images/password_icon.png) no-repeat left 5px center #fff; background-size: auto 70%;}
    .Sign_password i{top: 9px; right:5px;}
    .Profile_width_right_box .logo_li_txt{padding-bottom: 10px;}
    .Profile_width_right_but{padding-top: 30px;}
    .Profile_width_right_but .but_class{padding: 12px 20px;}
    .Profile_width_right_but a i{font-size: 20px;}
    .Profile_width{padding-bottom: 30px;}

    .uesr_box{padding: 20px;}
    .uesr_box_but .but_class{padding: 12px 30px;}
    .uesr_box_close i{font-size: 24px;}
    .uesr_box_close{ top:6px; right: 10px;}

    .table_th{display: none;}
    .table_td{padding: 10px 0px; display: block; width: 100%; overflow: hidden;}
    .table_tr{display: block;}
    .Enrolled_td_1{font-weight:600;}
    .Enrolled_td_3{overflow: hidden;}
    .Enrolled_td_2{padding: 0px;}
    .Enrolled_jd_icon{width: 28px; height: 28px;}
    .Enrolled_jd_icon i{font-size:16px; line-height: 24px;}
    .Enrolled_jd_width{width: 85%; margin-top: 13px;}
    .table_tr{padding-bottom: 15px; margin-bottom: 15px;}
    .table_tr:nth-last-child(1){ border: none; padding-bottom: 0px; margin: 0px;}
    .table_wdith{padding-bottom:20px;}

    .Certificates_widh{padding: 0px;}
    .Certificates_widh_li{display: block;}
    .Certificates_widh_li_img{width: 100%;display: block;}
    .Certificates_widh_li_txt{display: block; width: 100%; padding: 0px; padding-top: 10px;}
    .Certificates_widh_li_but a{padding: 8px 30px;}
    .Certificates_widh_li{padding-bottom: 40px;}

    .Certificates_show{padding:20px 30px; padding-bottom: 40px; margin:20px auto; }
    .Certificates_show_logo img{width: 25%;}
    .Certificates_show_title b{font-size: 24px; padding-bottom:5px;}
    .Certificates_show_title{font-size: 16px; padding: 20px 0px;}
    .Certificates_show_txt{font-size: 14px;}
    .Certificates_show_date{font-size: 14px;}
    .Certificates_show_l{display: block; float: none;}
    .Certificates_show_r{display: block; float: none; padding-top: 5px;}
    .Certificates_show_date{padding: 20px 0px;}

    .Orders_table_wdith{text-align: left;}
    .Orders_table_date span{padding: 0px;}
    .Orders_table_li_top{font-size: 12px; padding: 10px 15px;}
    .Orders_table_bottom{padding:15px 10px;}
    .Orders_table_date a i{width: 20px; height: 20px; font-size: 12px; line-height: 20px; margin-left: 5px;}
    .Orders_table_wdith .table_tr{ border: #D9D9D9 solid 1px; padding:15px 20px;}
    .Orders_defalt_tabl .table_tr{border: none; border-bottom: #D9D9D9 solid 1px; padding:10px 0px 15px;}
    .Orders_defalt_tabl .table_tr:nth-last-child(1){border: none;}



    .Orders_product_txt{font-size: 14px; padding-left: 10px;}
    .Orders_product_txt a{font-weight: 600;}
    .Orders_product_img{vertical-align: top;}
    .Orders_product_txt span{padding-top: 5px;}
    .Orders_table_wdith .table_td{padding: 5px 0px; text-align: right; overflow: hidden;}
    .Orders_td_title{display: inline-block; color: #787878; float: left;}
    .Orders_td_5 a{font-weight: 600;}

    .Orders_show_li{font-size: 16px;}
    .Orders_show_li_td{padding: 8px 10px;}
    .Orders_show_li_txt{padding: 8px 15px;}
    .Orders_show_li_txt img{height: 20px;}
    .Orders_show_but{text-align: center;}
    .Orders_show_table{padding: 0px; padding-bottom: 30px;}
    .Orders_show_but a{padding: 10px 30px;margin: 0px 5px;}

    .h5p-question{font-size: 16px !important;}

    .logo_width_left{display: block; padding:10px;}
    .logo_li_title img{height: 80px;}
    .logo_li_title b{font-size: 26px;}
    .logo_li_title{padding-bottom: 25px;}
    .logo_li_Non-Membe{font-size: 14px; padding-top:30px;}
    .logo_width .error_txt{ padding: 0px 15px;  padding-top:5px;}
    .but_class{padding: 12px 15px;}

    .cart_tr{padding: 15px; border-radius: 5px; position: relative; border: #ddd solid 1px; margin-bottom: 20px;}
    .Orders_table_wdith .cart_td_1{position: absolute; right: 10px; top: 5px;}
    .cart_th{display: none;}
    .cart_Subtotal{display: block; padding: 20px 0px;}
    .cart_Subtotal_input .input_class{padding: 12px 15px;}
    .cart_Subtotal_left{display: block;}
    .cart_Subtotal_input_r .but_class{line-height: 46px; font-size: 14px;}
    .cart_Subtotal_input_r{width: 130px; padding-left: 10px;}
    .cart_Subtotal_r{width: 100%;padding: 0px;display: block;padding-top: 20px;/* font-size: 22px; */}
    .cart_buttom{padding: 0px; padding-bottom: 30px;}
    .cart_buttom_r{/* width: 120px; */}
    .Buy_with_width_title{font-size: 26px;}
    .Buy_with_width{padding: 20px;}
    .nav_left_Logout{padding: 10px 20px;}

    .Start_top_user_icon:hover .nav_left{display: block; width:300px; left: -115px;}

    .Checkout_table{margin-top: -20px;}
    .Checkout_table .Checkout_botton{padding: 20px 0px 40px; text-align: center;}
    .Checkout_table .cart_Subtotal_r{padding: 0px;}
    .Checkout_title{font-size: 20px;}
    .Checkout_table .Orders_product_txt{padding: 0px;}

    .Payment_Successful_icon i{width:70px; height:70px; line-height:70px; font-size: 42px;}
    .Payment_Successful_width{padding:50px 20px;}
    .Payment_Successful_txt{font-size: 16px;}
    .Payment_Successful_title{font-size: 26px; padding: 15px 0px;}
    .foot_api_img{margin-left: 10px; padding-left: 10px;}
    .foot_api_width{padding-top: 20px;}
    .foot_api_img img{height:30px; border-radius: 3px; overflow: hidden; }

    .MyOrders_show_tr .Orders_td_1{display: table-cell;}
    .MyOrders_show_tr .Orders_td_4{font-weight: 600;}
    .Payment_title{font-size: 16px; padding: 15px; margin-top: 10px;}
    .Payment_title span{display: block; height: 2px; overflow: hidden; color: #f1f7ee;}

    .cart_buttom_r{padding: 20px 0px;}
    .with_icon{margin-bottom:5px;}
    .Orders_product_txt a{display: block;}
    .Orders_product_txt a{display: block;}
    .Orders_product_txt .Free_box{display: inline-block;}

    .Shopping_Cart_box_txt b{font-size: 20PX;}
    .Shopping_Cart_box .Payment_Successful_icon i{font-size: 36px;}

    .Title_img{padding:0px 20px 30px;}

    .City_title{margin-top: -40px;}
    .reg_width .logo_li{padding-bottom: 20px;}
    .reg_width{margin: 0px;}
    .logo_li .layui-form-select .layui-input{height: 48px; padding-left: 15px;}

    .logo_li_3{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:20px;}
    .logo_width_left .Start_top_txt a{font-size: 18px;}
    .ForgetPassword_box_icon img{height: 80px;}
    .ForgetPassword_box_title{font-size: 26px;}
    .ForgetPassword_box_txt{font-size: 16px;}
    .ForgetPassword_box .logo_buttom_but .but_class{font-size: 18px;}
    .reg_width .logo_width_table{padding: 20px;}
    .Profile_width_right_box .logo_li .layui-form-select .layui-input{height: 48px;}


    .Checkout_table .cart_Subtotal_r{font-size: 18px;}
    .Checkout_title_top{margin-top: -30px;}
    .Payment_Method{font-size: 14px; padding: 13px 0px 20px; display: block;}
    .Payment_Method_left{display: block;}
    .Payment_Method_left .payment_radio{display: block; margin-bottom: 8px; margin-right: 0px;}
    .Payment_Method_right{display: block;text-align: left;padding-top: 10px;}
    .Payment_Method_right img{height:18px;}
    .Payment_Method_right_width{    justify-content: left;}
    .Payment_Method_right span{padding:0px 3px ; font-size: 14px;}
    .Payment_radio + label {background: url(../images/radio_icon.png) no-repeat left center; background-size: 20px auto; line-height:20px;min-height: 20px; display:block; padding: 0; padding-left:25px; cursor:pointer;}
    .Payment_radio:checked + label{background:url(../images/radio_icon_y.png) no-repeat left center; background-size: 20px auto;}
    .Payment_radio[disabled] + label {background:url(../images/radio_icon_y.png) no-repeat left center; cursor: auto; background-size: 20px auto;}
    .cart_buttom_r .but_class{max-width: initial;}
    .cart_Subtotal_input{display: block;}
    .cart_Subtotal_input_l{width: 100%; display: block;}
    .cart_Subtotal_input_r{width: 100%; display: block;  padding: 0px; padding-top:10px; line-height: 38px;}
    .Curriculum_title_li_icon img{position: initial;}

.Tips_table{ background: url(../images/g_icon.png) no-repeat 10px 10px #FFFBE6; display: block; background-size:24px auto;  padding:10px; padding-left:45px; margin-top:25px;}
.Tips_table_title{font-size: 16px;}
.Tips_table_txt{width:100%;}

    .Playback_table_title{font-size: 22px; padding: 15px 0px;}
    .Playback_table_txt{font-size: 16px;}
    .Courses_tab{margin-top: 25px;}

    .table_td_yj{display: inline-block; padding-left: 5px;}

    .Tearchers_show_tab{display: block;}
    .Tearchers_show_txt{padding-bottom:20px;}
    .Tearchers_show_tab_l{display: block; width: 100%;}
    .Tearchers_show_tab_r{display: block; width: 100%; padding: 0px; padding-top:10px;}
    .title_38{font-size: 28px;}
    .Tearchers_Related{padding-bottom: 20px;}

    .Bundle_Deal{margin-top: 0px; padding-top: 20px;}
    .Bundle_Deal_title{padding: 8px 10px; font-size: 18px; margin-bottom:15px; margin-top: 10px;}
    .Bundle_Deal_li{position: relative; padding: 0px; margin-bottom: 15px;}
    .Bundle_Deal_li .cart_tr{margin-bottom: 15px;}
    .cart_tr{margin-bottom: 15px;}

    .cart_title{display: block;}
    .cart_title .cart_title_l{display: block;}
    .cart_title .cart_title_r{display: block; float: none; width: 100%; padding-top: 5px; text-align: left; overflow: hidden;}
    .cart_title .cart_title_r span{float: left; display: inline-block; font-size: 16px; width: 60%;}

.cart_title_ct{display:inline-block; margin-top: 10px;}
.cart_title .cart_title_r .cart_title_ct span{width: initial;}
.Orders_td_1 .Orders_product{margin-bottom: 20px;}
.Orders_table_cat{padding-bottom: 5px;}
.Orders_table_cat_title{font-size: 18px; padding-top: 10px;}
.Checkout_table .Orders_table_wdith .cart_td_5{width:100%;}
.Courses_bottom_but_l{width: 50px;}

}