@media screen and ( min-width: 1240px ){


/* ===== adv ===== */
.floatAD a, .floatAD img {display: block;}
.adv-holder {padding-right:0;position:relative;z-index:0;}
.adv-holder i, .adv-holder i:after, .adv-holder i:before {position:absolute;z-index:5;}
.adv-holder i {background:#8c0000;cursor:pointer;height:23px;right:0;top:0;width:24px;}
.adv-holder i:hover {background:#f80;}
.adv-holder i:after, .adv-holder i:before {background:#fff;content:" ";height:1px;left:6px;top:11px;width:12px;}
.adv-holder i:after {transform: rotate(-45deg);}
.adv-holder i:before {transform: rotate(45deg);}


/* ===== ===== topbar ===== ===== */
.topbar {height:40px;}


/* ----- topbar-left ----- */
.topbar-left, .topbar-left p, .topbar-left p *, .topbar-right p, .topbar-right p * {height:40px;line-height:40px;}
.topbar-left p, .topbar-left p *, .topbar-right p, .topbar-right p * {font-size:15px;}
.topbar-left p, .topbar-right p, .topbar-right p span {color:#ddd;}
.topbar-left p b {margin:0 3px;}


/* ----- topbar-right ----- */
.topbar-right p:not(:first-child) {margin-left:15px;padding-left:16px;}
.topbar-right p:not(:first-child):before {background:#fff;height:10px;left:0;opacity:0.38;top:15px;width:1px;}
.topbar-right p b {font-weight:bold;}
.topbar-right p i {background:#fff;height:270px;left:50%;margin-left:-128px;position: absolute;top:42px;width:270px;}
.topbar-right p i {opacity:0;visibility: hidden;}
.topbar-right p:hover i {opacity:1;visibility: visible;}

.topbar-right p em, .topbar-right p img {display:block;}
.topbar-right p em {color:#333;line-height:1;text-align: center;}
.topbar-right p img {display:block;height:210px;margin:15px 30px 12px 30px;width:210px;}

.topbar-right p i {border: 3px solid #eee;}
.topbar-right p i:after, .topbar-right p i:before {border: solid transparent;bottom: 100%;content: " ";height: 0;left: 50%;pointer-events: none;position: absolute;width: 0;}
.topbar-right p i:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 9px;	margin-left: -9px;}
.topbar-right p i:before {border-color: rgba(238, 238, 238, 0);	border-bottom-color: #eee;border-width: 13px;margin-left: -13px;}



/* ===== header ===== */
.header {height:80px;top:40px;}


/* ----- logo ----- */
.logo, .logo * {height:48px;line-height:48px;}
.logo {padding:16px 0;}
.logo a * {display:block;font-family:PingFangSC-Regular,PingFang SC,Microsoft YaHei,tahoma,arial,Hiragino Sans GB,sans-serif;font-size:18px;}
.logo a b {color:#333;}
.logo a i {color:#989898;}
.logo a em {background-image:url(/assets/img/logo-bfsu.jpg);margin-right:10px;width:210px;}

.logo a strong, .pc-hide {display:none !important;}


/* ----- form-search ----- */
.form-search, .form-search input {position: relative;}
.form-search {height:40px;margin-top:20px;min-width:180px;}
.form-search * {font-size:15px;}
.form-search input[type="text"] {background:#f8f8f8;border:1px solid #ddd;height:38px;padding:0 10px;width:calc( 100% - 22px );}
.form-search input[type="text"]:hover {background:#fff;border:1px solid #ceaaaa;}
.form-search input[type="text"]:focus {background:#fff;border:1px solid #8c0000;color:#333;}

.form-search button, .form-search button svg {display:block;}
.form-search button {background:none;height:38px;padding:8px;position:absolute;right:4px;top:1px;width:38px;}
.form-search button svg {fill:#aaa;height:22px;width:22px;}
.form-search button:hover svg {fill:#8c0000;}



/* ----- cart-stat ----- */
.cart-stat, .cart-stat a, .cart-stat i {height:24px;line-height:24px;text-align:center;width:24px;}
.cart-stat {margin-right:30px;margin-top:23px;padding:5px;}
.cart-stat a, .cart-stat i {display:block;position:relative;}
.cart-stat i {color:#888;font-size:27px;}
.cart-stat em {background:#8c0000;border-radius:60px;color:#fff;font-size:10px;height:14px;line-height:14px;position: absolute;right:-4px;top:-4px;width:14px;}

.cart-stat:hover i {color:#f60;}
.cart-stat:hover em {background:#f60;}



/* ----- user-login-link ----- */
.user-login-link {height:34px;padding:23px 0;}
.user-login-link a {display:block;font-size:15px;height:32px;line-height:32px;padding:0 20px;}
.user-login-link dt a:link, .user-login-link dt a:visited {background:#fff;border:1px solid #8c0000;border-right-width:0 !important;color:#8c0000;}
.user-login-link dd a:link, .user-login-link dd a:visited {background:#8c0000;border:1px solid #8c0000;color:#fff;}
.user-login-link * a:hover, .user-login-link * a:active {background:#f60 !important;border:1px solid #f60 !important;color:#fff !important;}



/* ===== navigation ===== */
.navigation, .navigation ol, .navigation p a {height:54px;line-height:54px;}
.navigation, .navigation-menu {background:#fff;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.navigation {top:120px;}
.navigation li.dropHold p a {position:relative;padding-right:21px;}
.navigation p i {position:absolute;right:0;}
.navigation p a:link *, .navigation p a:visited * {color:#333;}
.navigation p a:hover *, .navigation p a:active *, .navigation li.dropHold:hover p * {color:#f60;}

.navigation li p a:after {bottom:-1px;height:2px;width:0%;}
.navigation li p:hover a:after, .navigation li.dropHold:hover p a:after {background:#f60;width:100%;}
.navigation li.curr p b {color:#8c0000;}
.navigation li.curr p a:after {background:#8c0000;height:2px;width:100%;}

.navigation li.dropHold:hover p i {transform: rotate(180deg);}


/* ---- sub-navi ----- */
.sub-navi {background:#fff;border:1px solid #eee;border-top-width:0;left:50%;margin-left:-76px;position:absolute;top:54px;width:150px;}
.sub-navi ul {padding:6px 0 6px 0;}
.sub-navi a {line-height:45px;text-align:center;}
.sub-navi li a:link, .sub-navi li a:visited {background:#fff;color:#333;}
.sub-navi li a:hover, .sub-navi li a:active {background:#eee;color:#8c0000;}


/* ----- navigation-menu ----- */
.navigation-menu {left:0;top:175px;}
.menu-pic, .menu-pic img {height:236px;width:420px;}
.menu-pic {padding:40px 36px 40px 40px;}

.menu-info {padding:36px 36px 36px 0;}
.menu-info * {font-size:15px;}
.menu-info p {line-height:1.6;text-indent:2em;}
.menu-info h4 {color:#8c0000;font-weight:bold;line-height:1;padding-top:24px;}
.menu-info ul {max-width:90%;padding-top:6px;}
.menu-info li {flex-grow:0;padding:12px 12px 0 0;}
.menu-info li a {display:block;line-height:34px;padding:2px 42px 0 42px;}
.menu-info li a:link, .menu-info li a:visited {border:1px solid #8c0000;color:#8c0000;}
.menu-info li a:hover, .menu-info li a:active {background:#f60;border:1px solid #f60;color:#fff;}


.logo a strong, .naviSwitch, .user-logins i.mdi-account {display:none !important;}


/* ===== footer ===== */
.footer {background:#8c0000 url(/assets/img/bg/foot.jpg) 50% 100% no-repeat;background-size:cover;}


/* ----- foot-about ----- */
.foot-about {padding:60px 0 60px 0;}
.foot-about-col, .foot-about-right dl {padding-right:50px;}
.foot-about-col * {font-size:15px;}
.foot-about-col h4, .foot-about-col p b {color:#fff;}
.foot-about-col h4 {font-weight:bold;padding-bottom:20px;}
.foot-about-col p {color:#ddd;line-height:24px;}

.foot-about-col li {padding-bottom:20px;}
.foot-about-col li a:link, .foot-about-col li a：visited {color:#ddd;}
.foot-about-col li a:hover, .foot-about-col li active {color:#fa0;}

.foot-about-intro {width:510px;}


.foot-about-contact h5, .foot-about-contact dl {padding: 21px 0;}
.foot-about-contact h5 a {border-radius:99px;display:block;line-height:38px;text-align:center;width:150px;}
.foot-about-contact h5 a:link, .foot-about-contact h5 a:visited, .foot-about-contact dl a:link, .foot-about-contact dl a:visited {border:2px solid #fff;color:#fff;}
.foot-about-contact h5 a:hover, .foot-about-contact h5 a:active, .foot-about-contact dl a:hover, .foot-about-contact dl a:active {background:#fff;border:2px solid #fff;color:#8c0000;}

.foot-about-contact dl a {border-radius:99px;display:block;line-height:35px;padding:1px 30px 0 30px;}
.foot-about-contact dd {margin-top:12px;}



.foot-about-right dl, .foot-about-right dl * {display:block;text-align:center;width:120px;}
.foot-about-right img {height:120px;}
.foot-about-right dd {color:#eee;font-size:16px;line-height:1;padding-top:15px;}



/* ----- foot-info ----- */
.foot-info {background:rgba(0,0,0,0.09);}
.foot-info * {color:#fff;line-height:80px;}
.foot-info p {text-align:left;}
.foot-info a, .foot-info span {font-size:16px;}
.foot-info em {font-size:10px;margin:0 10px;opacity:0.62;}
.foot-info span {opacity:0.9;}
.foot-info a:link, .foot-info a:visited {color:#fff;}
.foot-info a:hover, .foot-info a:active {color:#fa0;}



/* ===== sider ===== */
.sider {bottom:80px;right:30px;}
.sider-row {margin-top:5px;position: relative;}
.sider-row * {cursor: pointer;}
.sider-row b, .sider-row i, .sider-row svg {height:60px;line-height:60px;}
.sider-row i, .sider-row svg {width:60px;}
.sider-row i {background:#fff;border:1px solid #8c0000;color:#8c0000;display:block;font-size:36px;text-align:center;}
.sider-row b {background:#f90;border:1px solid #f90;color:#fff;opacity:0;padding:0 32px;position: absolute;right:60px;top:0;white-space: nowrap;}
.sider-row:hover i {background:#f60;border:1px solid #f60;color:#fff;}
.sider-row:hover b {opacity:1;}

#showFinder {display:none !important;}



/* ===== paddings ===== */
.pdt {height:175px;}

.gap.p5 {height:5px;}
.gap.p10 {height:10px;}
.gap.p20 {height:20px;}
.gap.p30 {height:30px;}
.gap.p40 {height:40px;}




/* ===== home-slider ===== */
.home-slider, .home-slider ol, .home-slider li a {width:100%;}
.home-slider, .slick-list {background:#fff;position: relative;}
.home-slider .slick-list {margin:auto;max-width:1920px;overflow-x: hidden;}
.home-slider a, .home-slider img {display:block;height:540px;}
.home-slider a {background-position:0 0;background-repeat:no-repeat;overflow:hidden;}

.home-slider .slick-track, .home-slider .slick-dots {display:-webkit-box;display:-webkit-flex;display:flex;}

.home-slider .slick-arrow, .home-slider .slick-dots {position: absolute;z-index:5;}
.home-slider .slick-arrow, .home-slider .slick-arrow i {height:60px;line-height:60px;text-align: center;}
.home-slider .slick-arrow {background:#fff;opacity:0;margin-top:-30px;top:50%;}
.home-slider:hover .slick-arrow {opacity:1;}

.home-slider .slick-arrow i {color:#8c0000;display:block;font-size:42px;width:59px;}
.home-slider .slick-prev {left: 24px;}
.home-slider .slick-prev i {padding-right: 1px;}
.home-slider .slick-next {right:24px;}
.home-slider .slick-next i {padding-left: 1px;}

.home-slider .slick-dots {bottom:24px;}
.home-slider .slick-dots li, .home-slider .slick-dots li * {height:3px;text-indent:-5000em;width:24px;}
.home-slider .slick-dots li:not(:first-child) {margin-left:5px;}

.home-slider .slick-dots li {background:#fff;}
.home-slider .slick-dots li.slick-active {background:#b71921;width:54px;}




/* ===== home-title ====== */
.home-title, .home-center-title {height:50px;width:100%;}
.home-title h3, .home-title p *, .home-center-title h3 {height:30px;line-height:30px;}
.home-title h3, .home-title h3 *, .home-center-title h3, .home-center-title h3 * {font-size:30px;}
.home-title h3:after, .home-center-title h3:after {bottom:-20px;height:2px;width:1.5em;}

.home-title p b {font-size:18px;}
.home-title p i {font-size:21px;}

.home-title.title-red h3, .home-center-title.title-red h3 {color:#8c0000;}
.home-title.title-red h3:after, .home-center-title.title-red h3:after {background:#8c0000;}
.home-title.title-red p a:link *, .home-title.title-red p a:visited * {color:#666;}
.home-title.title-red p a:hover *, .home-title.title-red p a:active * {color:#f60;}

.home-title.title-white h3 * {color:#fff;}
.home-title.title-white h3 em {opacity:0.8;}
.home-title.title-white h3:after {background:#fff;}
.home-title.title-white p a:link *, .home-title.title-white p a:visited * {color:#fff;}
.home-title.title-white p a:hover *, .home-title.title-white p a:active * {color:#fa0;}

.home-dual-left .home-title p {padding-right: 60px;}

.home-center-title {z-index:5;}
.home-center-title h3:after {left:50%;margin-left:-0.75em;}




/* ===== home-dual ====== */
.home-dual {background:#fff;}
.home-dual:before {width:calc( 834px + ( 100% - 1220px )/2 );}
.home-dual:after {width:calc( 386px + ( 100% - 1220px )/2 );}

.home-dual-left, .home-dual-right, .home-service .xc, .home-partners .xc {padding-bottom:48px;padding-top:48px;}
.home-dual-left {width:834px;}
.home-dual-right {padding-left:60px;width:326px;}




/* ===== ===== home-row_1 ===== ===== */
.home-row-1:before {background:#f1f1f1 url(/assets/img/bg/home-1.jpg) 0 50% no-repeat;}
.home-row-1:after {background:#fff;}


.home-left-content, .home-right-content {padding-top:30px;}



/* ===== course-system ===== */
.course-system-list ol {padding-right:40px;width:calc( 100% - 40px );}
.course-system-list li, .course-system-list li a, .course-system-list li em {height:230px;}
.course-system-list li {margin-right:20px;margin-top:20px;width:calc( 50% - 20px );}
.course-system-list li:nth-child(1), .course-system-list li:nth-child(2) {margin-top:0;}
.course-system-list li a {padding:0 20px 0 205px;width:calc( 100% - 225px );}
.course-system-list li em {width:180px;}
.course-system-list li h4 {font-size:24px;padding:20px 0 15px 0;}
.course-system-list li p, .course-system-list h5 b {font-size:16px;}
.course-system-list li p, .home-teacher-list li p, .home-press-list li p {line-height:24px;max-height:72px;overflow:hidden;}
.course-system-list li h5 {bottom:20px;right:20px;}
.course-system-list h5 * {height:21px;line-height:21px;}
.course-system-list h5 i {font-size:21px;}

.course-system-list li a:hover em, .home-teacher-list li a:hover em, .home-press-list li a:hover em {opacity:0.62;}
.course-system-list a:link h4, .course-system-list a:visited h4, .course-system-list a:link h5 *, .course-system-list a:visited h5 * {color:#8c0000;}
.course-system-list a:hover h4, .course-system-list a:active h4, .course-system-list a:hover h5 *, .course-system-list a:active h5 * {color:#f60;}
.course-system-list a:link p, .course-system-list a:visited p {color:#989898;}
.course-system-list a:hover p, .course-system-list a:active p {color:#f60;}



/* ===== home-teachers ===== */
.home-teacher-list li:not(:first-child) {border-top:1px solid #eee;margin-top:30px;padding-top:30px;}
.home-teacher-list li a {min-height:135px;padding-left:110px;}
.home-teacher-list li em {box-shadow:0 0 6px #eee;height:135px;width:95px;}
.home-teacher-list li * {font-size:16px;}
.home-teacher-list li h4 {font-weight:bold;}
.home-teacher-list li h5 {margin:12px 0;}
.home-teacher-list li p {width:80%;}

.home-teacher-list img {display:none !important;}

.home-teacher-list a:link h4, .home-teacher-list a:visited h4 {color:#333;}
.home-teacher-list a:link h5, .home-teacher-list a:visited h5 {color:#8c0000;}
.home-teacher-list a:link p, .home-teacher-list a:visited p {color:#989898;}
.home-teacher-list a:hover *, .home-teacher-list a:active * {color:#f60 !important;}



/* ===== ===== home-row_2 ===== ===== */
.home-row-2:before {background:#fff;}
.home-row-2:after {background:#f6f7f8 url(/assets/img/bg/home-2.jpg) 50% 50% no-repeat;background-size:cover;}



/* ===== home-press ===== */
.home-press-list li, .home-press-list li * {width:238px;}
.home-press-list li:not(:first-child) {margin-left:30px;}
.home-press-list li em {height:150px;}

.home-press-list li * {font-size:16px;}
.home-press-list li h4 {font-weight:bold;margin-top:15px;}
.home-press-list li p {margin-top:10px;}

.home-press-list a:link h4, .home-press-list a:visited h4 {color:#333;}
.home-press-list a:link p, .home-press-list a:visited p {color:#989898;}
.home-press-list a:hover *, .home-press-list a:active * {color:#f60 !important;}




/* ===== home-notice ===== */
.home-notice-list li:not(:first-child) {margin-top:30px;}
.home-notice-list li * {font-size:16px;}
.home-notice-list li h4 {font-weight:bold;margin-top:3px;}

.home-notice-list a:link h4, .home-notice-list a:visited h4 {color:#8c0000;}
.home-notice-list a:link p, .home-notice-list a:visited p {color:#989898;}
.home-notice-list a:hover *, .home-notice-list a:active * {color:#f60 !important;}



/* ===== home-service ===== */
.home-service {background:#8c0000;}
.home-service .xc {background:#8c0000 url(/assets/img/bg/home-3.jpg) 0% 50% no-repeat;}

.home-consult {width:540px;}
.home-consult * {color:#fff;}
.home-consult h2 {font-family:"DINPro";font-size:45px;}
.home-consult h5, .home-consult p {font-size:16px;line-height:24px;margin-top:30px;opacity:0.8;}
.home-consult p {width:480px;}


.home-apply {width:480px;}
.home-apply form {width:480px;}
.home-apply p {width:calc( 50% - 30px );}
.home-apply p:nth-child(2), .home-apply p:nth-child(4) {margin-left:60px;}
.home-apply p:nth-child(3), .home-apply p:nth-child(4) {margin-top:30px;}
.home-apply input {background:none;border-bottom:1px solid rgba(255,255,255,0.62);color:#fff;height:36px;width:100%;}

.home-apply *::-webkit-input-placeholder {color:#fff;font-size:16px;}
.home-apply *:-moz-placeholder {color:#fff;font-size:16px;}
.home-apply *::-moz-placeholder {color:#fff;font-size:16px;}

.home-apply input:hover {border-bottom:1px solid #fff;color:#fff;}

.home-apply h5, .home-apply h5 * {width:100%;}
.home-apply h5 {margin-top:48px;}
.home-apply h5 button {background:#fff;color:#8c0000;font-size:16px;height:54px;}
.home-apply h5 button:hover {background:#fa0;color:#fff;}




/* ===== home-partners ===== */
.home-partners {background:#fff url(/assets/img/bg/home-4.png) 50% 0% no-repeat;padding-bottom:20px;}
.home-partner-list ul {padding-top:16px;}
.home-partner-list li {margin-left:16px;margin-top:16px;width:190px;}
.home-partner-list li:nth-child(6n+1) {margin-left:0;}
.home-partner-list li a {background:#fff;border:1px solid #eee;height:88px;width:188px;}
.home-partner-list li a:hover, .home-partner-box li a:hover {border:1px solid #ccc;}
.home-partner-list li img, .home-partner-box li img {max-height:75%;max-width:75%;}


/* ----- home-partner-box ----- */
.home-partner-box {width:100%;}
.home-partner-box ul {width:calc( 100% + 16px );}
.home-partner-box li {padding:16px 16px 0 0;}
.home-partner-box li a {background:#fff;border:1px solid #eee;height:70px;width:calc( 100% - 2px );}

.list-col-8 li {width: calc( 12.5% - 16px );}




/* ===== adv-row ===== */
.adv-row p * {width:100%;}
.adv-row a:hover {opacity:0.62;}

.adv-dual p {width:calc( 50% - 10px );}






/* ===== ===== subpage ===== ===== */
.subpage {/* background:#f4f5f7; */}



/* ===== sub-about-navi ===== */
.sub-about-navi, .sub-about-navi li, .sub-about-navi li * {line-height:80px;}
.sub-about-navi {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.sub-about-navi li {margin:0 36px;}
.sub-about-navi li a {color:#666;display:block;font-size:16px;position:relative;}
.sub-about-navi li a:after {bottom:-2px;content:" ";height:3px;left:0;position:absolute;width:0%;}
.sub-about-navi li a:hover {color:#f80;}
.sub-about-navi li a:hover:after {background:#f80;width:100%;}
.sub-about-navi li.curr a {color:#8c0000;}
.sub-about-navi li.curr a:after {background:#8c0000;width:100%;}



/* ===== sub-about-row ===== */
.sub-about-row {padding:90px 0;width:100%;}
.sub-about-row .inner {margin:auto;width:1220px;}

.sub-about-pic, .sub-about-pic em, .about-row-2, .about-row-2 .inner {position:relative;z-index:5;}
.sub-about-pic:after {height:100%;left:7px;position:absolute;top:4px;width:100%;}

.sub-about-content {padding-left:80px;}
.sub-about-content h2 {color:#8c0000;font-size:36px;margin-top:-6px;}
.sub-about-content p {color:#666;font-size:18px;line-height:1.8;text-align:justify;text-indent:2em;}



/* ----- about-row-1 ----- */
.sub-about-foto1:after {content:" ";}

.sub-about-foto1 em {border-bottom:1px solid #fff;border-right:1px solid #fff;height:320px;width:420px;}
.about-row-1 .sub-about-content p {padding-top:30px;width:80%;}
.about-row-1 h2 {margin-bottom:6px;padding-bottom:25px;position:relative;}
.about-row-1 h2:after {background:#8c0000;bottom:0;content:" ";height:1px;left:0;position:absolute;width:2em;}



/* ----- about-row-2 ----- */
.sub-about-pic:after, .about-row-2 {background:#8c0000;background:linear-gradient(135deg, #da1a32 0%, #8c0000 100%);}
.sub-about-foto2 em {height:300px;width:420px;}
.about-row-2 .sub-about-content, .about-row-3 .sub-about-content {-webkit-align-items:center;align-items:center;}
.about-row-2 .sub-about-content, .about-row-3 .sub-about-content {display:-webkit-box;display:-webkit-flex;display:flex;}

.about-row-2 .sub-about-content {padding-right:80px;}
.about-row-2 .sub-about-content p {color:#fff;}

.about-row-2:after {background-image:url(/temp/about/bkg.jpg);background-position:50% 62%;background-size:cover;}
.about-row-2:after {content:" ";height:100%;left:0;opacity:0.12;position:absolute;top:0;width:100%;}



/* ----- about-row-2 ----- */
.about-row-3 .sub-about-content p {padding-bottom:24px;width:80%;}




/* ===== type-selector ===== */
.type-selector {padding:24px 0;}
.type-selector h2 {color:#8c0000;font-size:30px;line-height:30px;}
.type-selector ol {padding-left: 20px;}
.type-selector li {padding-left: 32px;}
.type-selector li a {border-radius:99px;display:block;line-height:29px;padding:1px 20px 0 20px;}
.type-selector li a:link, .type-selector li a:visited {color:#333;}
.type-selector li a:hover, .type-selector li a:active {background:#f60;color:#fff;}
.type-selector li.curr a {background:#8c0000;color:#fff;}
.type-selector p {display:none !important;}



/* ===== category-sort ===== */
.category-sort {padding-bottom:10px;}
.category-sort *, .category-filter * {font-size:15px;}
.category-sort h4 {color:#888;line-height:24px;padding-left:20px;width:100px;}
.category-sort li {padding-bottom:10px;padding-right:20px;}
.category-sort li * {border-radius:99px;cursor:pointer;display:block;line-height:23px;padding:1px 12px 0 12px;}
.category-sort li *:hover {background:#f60;color:#fff;}
.category-sort li.curr * {background:#8c0000;color:#fff;}

.category-filter {border-top:1px solid #eee;}
.category-filter h4 {color:#888;line-height:48px;padding-left:20px;width:100px;}
.category-filter ul {padding-left:12px;}
.category-filter li {margin-right:48px;}
.category-filter li b {cursor:pointer;display:block;line-height:47px;padding-top:1px;position:relative;}
.category-filter li b:after {bottom:0;content:" ";height:2px;left:0;position:absolute;width:0%;}
.category-filter li b:hover, .category-filter li:hover b {color:#f60;}
.category-filter li b:hover:after, .category-filter li:hover b:after {background:#f60;width:100%;}

.category-filter li.curr b, .category-filter li.curr i {color:#8c0000;}
.category-filter li.curr b:after {background:#8c0000;width:100%;}

.category-filter li i {font-size:21px;}
.category-filter li i.mdi-menu-swap {color:#bbb;}


.category-price-sort {background:#fff;border:1px solid #e8e8e8;border-top-width:0;left:50%;margin-left:-61px;top:48px;width:120px;}
.category-price-sort ul {padding:6px 0 6px 0;}
.category-price-sort li {margin-right:0;width:150px;}
.category-price-sort li b {color:#333 !important;display:block;line-height:42px;text-align:center;}
.category-price-sort li b:hover {background:#eee;color:#8c0000 !important;}
.category-price-sort li b:after {height:0;}



/* ===== course-list ===== */
.course-list ul {padding-top:0;}
.course-list li, .course-list li em {width:293px;}
.course-list li {padding-left:16px;padding-top:20px;}
.course-list li:nth-child(4n+1) {padding-left:0;}
.course-list li em {height:0;padding-bottom:42%;position:relative;}
.course-list li em i, .course-list li em h5 {position:absolute;}
.course-list li em i {background-image:url(/assets/img/logo-small.png);background-size:cover;height:54px;left:12px;top:12px;width:180px;}
.course-list li em h5 {background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.62) 50%,  rgba(0,0,0,0) 100%);bottom:0;font-size:16px;font-weight:bold;line-height:1.6;padding:36px 2% 18px 2%;text-align:center;width:96%;}

.course-list .cc {background:#fff;border:1px solid #e8e8e8;border-top-width:0 !important;padding:18px 20px 0 20px;width:calc( 100% - 42px );}
.course-list li * {font-size:16px;line-height:24px;overflow:hidden;}
.course-list li h4 {display:none;font-weight:bold;height:48px;}
.course-list li p {height:48px;display:none !important;}
.course-list dl {/* border-top:1px solid #eee;margin-top:10px; */padding-bottom:12px;/* padding-top:10px; */}
.course-list dt span {margin-left:3px;}

.course-list li a:hover {margin-top:-10px;}
.course-list li a:hover em {opacity:0.62;}
.course-list li a:hover .cc {border:1px solid #ccc;}
.course-list li a:link *, .course-list li a:visited * {color:#989898;}
.course-list li a:link h4, .course-list li a:visited h4 {color:#8c0000;}
.course-list li a:link h5, .course-list li a:visited h5 {color:#fff;}
.course-list li a:link b, .course-list li a:visited b {color:#8c0000;}
.course-list li a:hover *, .course-list li a:active * {color:#f60 !important;}



/* ===== pager-common ===== */
.pager-common {padding:40px 0;}
.pager-common.uc-tiny {padding:30px 0 36px 0;}
.pager-common li {margin:0 1px;}
.pager-common li * {border-style:solid;border-width:1px;display:block;font-size:15px;line-height:54px;padding:0 23px;}
.pager-common.uc-tiny li * {font-size:15px;line-height:45px;padding:0 18px;}

.pager-common li b {background:#8c0000;border-color:#8c0000;color:#fff;}
.pager-common li a:link, .pager-common li a:visited {background:#fff;border-color:#eee;color:#333;}
.pager-common li a:hover, .pager-common li a:active {background:#f60;border-color:#f60;color:#fff;}

.pager-common.page-sp {background:#f4f5f7;padding:30px 0 0 0 !important;}



/* ===== breadcrumb ===== */
.breadcrumb, .breadcrumb * {height:20px;line-height:20px;overflow: hidden;}
.breadcrumb {padding:21px 0 19px 0;}
.breadcrumb p {padding:0 5px;}
.breadcrumb b {max-width:38%;}
.breadcrumb em {font-size:10px;margin:0 10px;}
.breadcrumb a, .breadcrumb b {font-size:15px;}
.breadcrumb a:link, .breadcrumb a:visited {color:#333;}
.breadcrumb a:hover, .breadcrumb a:active {color:#f60;}



/* ===== course-info ===== */
.course-info {background:#fff;padding:30px;width:1160px;}


/* ----- course-info-left ----- */
.course-info-left, .course-info-left em {width:510px;}
.course-info-left em {height:0;padding-bottom:56%;position:relative;}
.course-info-left p, .course-info-left p * {height:24px;line-height:24px;}
.course-info-left p {padding-top:10px;}
.course-info-left p span {color:#888;}
.course-info-left p a {margin-left:10px;}
.course-info-left p i {font-size:24px;}

.course-info-left p a:link *, .course-info-left p a:visited * {color:#aaa;}
.course-info-left p a:hover *, .course-info-left p a:active * {color:#f60;}


/* ----- course-info-right ----- */
.course-info-right {max-width:720px;padding-left:30px;width:calc( 100% - 540px );}
.course-info-right * {font-size:14px;}
h2.course-info-title {color:#8c0000;}
h2.course-info-title, .course-price strong {font-size:24px;}
.course-info-right h4 {text-align:right;width:90px;}

.course-price *, .course-info-right p, .course-info-row, .course-info-row * {line-height:30px;}
.course-price {background:#f8f8f8;margin-top:6px;padding:12px 0;position:relative;}
.course-price-row {height:27px;padding:3px 0;}
.course-price b {color:#333;padding:0 3px;}

.course-price em, .course-price strong {color:#f00;}
.course-price em {line-height:20px;padding-top:4px;}

.course-price p {margin-top:-12px;position:absolute;right:16px;top:50%;}

.course-info-intro {line-height:1.4 !important;margin-top:15px;padding-bottom:3px;padding-right:30px;}
.course-info-intro {color:#e4393c;}

.course-info-rows, .course-info-options {border-bottom:1px dotted #ccc;}
.course-info-rows {padding:9px 0;}
.course-info-row {padding:3px 0;}
.course-info-row h4 {color:#888;}
.course-info-row p {color: #333;}

.course-info-options {padding:9px 0;}
.course-info-option {padding-top:6px;}
.course-info-option, .course-info-option h4, .course-info-option ul, .course-info-option li {line-height:38px;}
.course-info-option li {padding:0 6px 6px 0;}
.course-info-option li * {display:block;height:35px;line-height:35px;padding:1px 20px 0 20px;}
.course-info-option li a:link, .course-info-option li a:visited {border:1px solid #ddd;color:#333;}
.course-info-option li a:hover, .course-info-option li a:active {border:1px solid #f60;color:#f60;}
.course-info-option li.curr a {border:1px solid #a60a08;color:#a60a08;}

.course-action {padding-top:15px;}
.course-action dt, .course-action dd {margin-right:10px;}
.course-action button {border-style:solid;border-width:1px;font-size:15px;font-weight:bold;line-height:45px;padding:1px 48px 0 48px;}
.course-action dt button {background:#feeaea;border-color:#f13232;color:#f13232;}
.course-action dd button {background:#8c0000;border-color:#8c0000;color:#fff;}
.course-action * button:hover {background:#f60 !important;border-color:#f60 !important;color:#fff !important;}


/* ===== course-detail ===== */
.course-detail {width:100%;}

/* ----- course-detail-left ----- */
.course-detail-left, .search-result-left {width:calc( 100% - 330px );}




/* ----- content-swap ----- */
.content-swap {background:#f8f8f8;}
.content-swap li {margin-right: 3px;}
.content-swap li * {cursor:pointer;font-size:16px;}
.content-swap li *:before {background:#f60;height:2px;left:0;top:0;width:0;}
.content-swap li *:hover {background:#fff;color:#f60;}
.content-swap li *:hover:before {background:#f60;width:100%;}

.content-swap li.curr * {background:#fff;color:#8c0000;}
.content-swap li.curr *:before {background:#8c0000;width:100%;}

.content-swap.h60 li b {line-height:59px;padding:1px 60px 0 60px;}


/* ----- page-entry ----- */
.page-entry {padding:20px 40px 40px 40px;width:calc( 100% - 80px );}
.page-entry {min-height:300px;}
.page-entry {color:#5a5a5a;}
.page-entry * {line-height:1.8;}

.page-entry h4, .page-entry b, .page-entry strong, .page-entry h5 {font-size:16px;}

.page-entry, .page-entry div, .page-entry p, .page-entry li {color:#666;}
.page-entry, .page-entry div, .page-entry p, .page-entry li {font-size:16px;}
.page-entry div, .page-entry p {margin-top:10px;text-indent:2em;}
.page-entry div *, .page-entry p * {text-indent:0;}

.page-entry ol, .page-entry ul {padding:6px 0 10px 2em;}
.page-entry ol li {list-style:decimal outside;}
.page-entry ul li {list-style:none;}

.noprefix, .noprefix li {list-style:none !important;}

.page-entry li {padding-top:0.5em;}

.page-entry table {background-color:#ddd;border-color:#aaa;border-collapse:collapse;}
.page-entry th, .page-entry td {padding:6px 10px;}
.page-entry th {background-color:#f6f6f6;}
.page-entry td {background-color:#fff;}

.page-entry b, .page-entry strong, .page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4 {color:#333;}
.page-entry b, .page-entry strong, .page-entry h4 {font-weight:bold;}

.page-entry img {height:auto !important;max-width:810px !important; /* width:auto !important; */}

.page-entry blockquote {border: 2px solid #eee;margin:20px 20px 0 20px;padding:6px 20px 20px 20px;}
.page-entry blockquote p {margin-top:10px;}

.page-entry a:link, .page-entry a:visited {color:#8c0000;}
.page-entry a:hover, .page-entry a:active {color:#fff;}

.page-entry a {background-image: linear-gradient(120deg, #8c0000 0%, #8c0000 100%);background-repeat: no-repeat;background-size: 100% 0.0em;background-position: 0 100%; border-bottom: 1px solid #8c0000; color: #333;margin:0 3px;    transition: background-size 0.125s ease-in;}
.page-entry a:hover, .page-entry a:hover * {background-size: 100% 100%;border-color: #8c0000;color: #fff;}



.entry-video {height:400px;width:640px;}



/* ===== ===== course-detail-entry-2020-12-15 ===== ===== */
.course-detail-entry {padding:36px;width:calc( 100% - 72px );}
.course-detail-entry * {color:#666;font-size:16px;}
.course-detail-entry b {color:#333;font-weight:bold;}
.course-detail-entry div, .course-detail-entry p {line-height:1.8;margin-top:0;padding-top:0;text-indent:2em;}

.course-detail-entry h1, .course-detail-entry h1 *, .course-detail-entry h2, .course-detail-entry h2 *, .course-detail-entry h3, .course-detail-entry h3 *, 
.course-detail-entry h4, .course-detail-entry h4 * {font-weight:normal;}
.course-detail-entry h1, .course-detail-entry h1 *, .course-detail-entry h2, .course-detail-entry h2 *, .course-detail-entry h3, .course-detail-entry h3 *, 
.course-detail-entry h4, .course-detail-entry h4 *,  .course-detail-entry h5, .course-detail-entry h5 *, .course-detail-entry h6, .course-detail-entry h6 * {color:#333;margin-bottom:0.5em;margin-top:0.5em;}
.course-detail-entry h1, .course-detail-entry h1 * {color:#8c0000;font-size:27px;}
.course-detail-entry h2, .course-detail-entry h2 * {font-size:27px;}
.course-detail-entry h3, .course-detail-entry h3 * {font-size:24px;}
.course-detail-entry h4, .course-detail-entry h4 * {font-size:18px;}
.course-detail-entry h5, .course-detail-entry h5 * {font-size:16px;}
.course-detail-entry h6, .course-detail-entry h6 * {font-size:14px;}



/* ----- title ----- */
.title-color-bg b {padding:0.25em 1.25em 0.25em 1.25em;}
.title-bg-corner b {border-radius:0.25em;}
.title-bg-round b {border-radius:99em;}
.title-bg-orange b {background:#8c0000;color:#fff;display:block;}

.title-pic-bg, .title-pic-bg b, .title-pic-bg strong {height:48px;line-height:48px;margin:0 !important;padding:0;position: relative;text-indent:0;}
.title-pic-bg:after, .title-pic-bg b:after, .title-pic-bg b:before {position:absolute;}
.title-pic-bg:after {background:#8c0000;bottom:-3px;content:" ";height:3px;left:0;width:100%;}
.title-pic-bg b {color:#8c0000;display:block;font-size:27px;padding:0.25em 48px 0.3em 48px;}
.title-pic-bg b:after, .title-pic-bg b:before {background-size:cover;content:" ";height:48px;width:64px;}
.title-pic-bg b:after {background-image:url(/assets/img/course/title-pic-left.jpg);left:-24px;}
.title-pic-bg b:before {background-image:url(/assets/img/course/title-pic-right.jpg);right:-24px;}

.title-pic-bg strong, .title-pic-bg strong:after, .title-pic-bg strong:before {color:#8c0000;}
.title-pic-bg strong {color:#8c0000;display:block;font-size:27px;padding:0.25em 0 0.3em 0;}
.title-pic-bg strong:after {content:"】";margin-left:0.1rem;}
.title-pic-bg strong:before {content:"【";margin-right:0.1rem;}



/* ----- table -----*/
.entry-table-container {overflow:auto;margin-top:0 !important;padding-top:0 !important;width:100%;}
.entry-table-container table, .entry-table-container table th, .entry-table-container td {border:1px solid #000;}
.entry-table-container thead * {background:#8c0000;color:#fff;}
.entry-table-container tbody *, .entry-table-container tfoot * {background:#fdeada;color:#5a5a5a;}
.entry-table-container th, .entry-table-container td {padding:12px;}
.entry-table-container th p, .entry-table-container td p {padding-top:0;text-indent:0;}

.entry-table-container table {width:100%;}

.camping-table-e1, .camping-table-r1 {max-width:960px;}
.camping-table-e2, .camping-table-r2 {max-width:960px;}


/* ----- list ----- */
.course-detail-entry ol, .manual-entry ol, .camping-ol {padding:0.5rem 1rem 0.5rem 1.75rem;}
.course-detail-entry ul, .manual-entry ul, .camping-ul {padding:0.5rem 1rem;}
.course-detail-entry li, .manual-entry li, .camping-ol li, .camping-ul li {line-height:24px;padding-bottom:0px;padding-top:3px;}
.course-detail-entry ul li, .manual-entry ul li, .camping-ol li, .camping-ul li {padding-left:1em;position:relative;}

/* .course-detail-entry ul li:before {background:#8c0000;content:" ";height:2px;left:0;position:absolute;top:17px;width:6px;} */

.course-detail-entry ul li:before, .manual-entry ul li:before, .camping-ul li:before {background:#8c0000;border-radius:50%;content:" ";height:8px;left:0;position:absolute;top:11px;width:8px;}
.course-detail-entry ul.entry-list-diamond li:before {height:6px;transform:rotate(45deg);top:14px;}

.camping-ol li {list-style: decimal;padding-left:0;}



/* ===== special ===== */
.kids-value {margin:auto;width:720px;}
.kids-value-part {border:1px solid #ddd;margin:12px 6px 0 6px !important;padding:12px 24px 16px 24px !important;width:calc( 50% - 62px );}
.kids-value-part h4 {color:#8c0000;font-size:16px;font-weight:bold;text-align:center;}
.kids-value-part p {text-indent:0;}


/* ----- course-detail-right ----- */
.course-detail-right {padding-left:30px;width:300px;}


/* ----- course-side ----- */
.side-title {background:#f8f8f8;}
.side-title h3 {color:#333;font-size:18px;padding-left:25px;}
.side-title h3:before {background:#8c0000;height:24px;left:0;margin-top:-12px;top:50%;width:3px;}
.side-title p {padding-right:25px;}
.side-title p a {font-size:15px;}
.side-title p a:link, .side-title p a:visited {color:#666;}
.side-title p a:hover, .side-title p a:active {color:#f60;}

.side-title.h60 * {line-height:60px;}


/* ----- course-side-list ----- */
.course-side-list {padding:0 25px 25px 25px;width:250px;}
.course-side-list li {padding-top:25px;}
.course-side-list li * {font-size:16px;}
.course-side-list li a {min-height:65px;padding-left:120px;}
.course-side-list li em {height:65px;width:105px;}

.course-side-list li h4 {padding-bottom:6px;}

.course-side-list a:link h4, .course-side-list a:visited h4 {color:#8c0000;}
.course-side-list a:link p, .course-side-list a:visited p {color:#989898;}
.course-side-list a:link p b, .course-side-list a:visited p b {color:#333;}
.course-side-list a:hover *, .course-side-list a:active * {color:#f80 !important;}
.course-side-list a:hover em {opacity:0.5;}



/* ===== concept-pic ===== */
.concept-pic {height:300px;}

.pic-about {background-image:url(/temp/page/pic-about.jpg);}


/* ===== subpage ===== */


/* ----- sub-left ----- */
.sub-left {width:300px;}


/* ----- sub-menu ----- */
.sub-menu {padding:12px;}
.sub-menu h3, .sub-menu li a {line-height:53px;padding-left:18px;padding-top:1px;}
.sub-menu h3 {background:#8c0000;color:#fff;font-size:18px;}
.sub-menu li {border-top:1px solid #eee;width:276px;}
.sub-menu li a {display:block;font-size:15px;}
.sub-menu li a:link, .sub-menu li a:visited {color: #333;}
.sub-menu li a:hover, .sub-menu li a:active {background:#8c0000;color: #fff;padding-left:24px;}
.sub-menu li.curr a {background:#f8f8f8;color:#8c0000;padding-left:18px;}

.sub-menu i {display:none !important;}



/* ----- sub-right ----- */
.sub-right {min-height:350px;width:900px;}


/* ----- page-title ----- */
.sub-right-top {padding:40px 40px 0 40px;width:calc( 100% - 84px );}

.page-title {color:#333;font-size:30px;line-height:1.4;}
.page-title.tc {text-align:center;}


/* ===== page-subtitle ===== */
.page-subtitle {font-size:18px;line-height:1.4;text-align:center;}
.page-subtitle.superior {padding-bottom:12px;}
.page-subtitle.subcript {padding-top:12px;}



/* ----- press-stat ----- */
.press-stat, .press-stat p {height:20px;}
.press-stat {background:#f8f8f8;margin-top:40px;padding:10px 40px;width:820px;}
.press-stat p {width:270px;}
.press-stat p * {line-height:19px;padding-top:1px;}
.press-stat p b {color:#333;max-width:180px;}
.press-stat p span {color:#989898;}




/* ===== list-teachers ===== */
.list-teachers {padding:10px 50px 50px 10px;width:840px;}
.list-teachers li, .list-teachers li * {width:170px;}
.list-teachers li {padding:40px 0 0 40px;}
.list-teachers li a, .list-teachers li em {position:relative;}
.list-teachers li em, .list-instructor dt em {height:0;padding-bottom:118%;}

.list-teachers li h4 {font-size:15px;font-weight:bold;padding-top:10px;text-align:center;}
.list-teachers a:link h4, .list-teachers a:visited h4 {color:#333;}
.list-teachers a:hover h4, .list-teachers a:active h4, .list-instructor a:hover * {color:#f90 !important;}
.list-teachers a:hover em, .list-instructor a:hover em {opacity:0.62;}



/* ===== list-instructor ===== */
.list-instructor {background:#f1f2f3;width:930px;}
.list-instructor li {margin-right:30px;margin-top:30px;width:202px;}
.list-instructor li:nth-child(1), .list-instructor li:nth-child(2), .list-instructor li:nth-child(3), .list-instructor li:nth-child(4) {margin-top:0;}
.list-instructor li * {text-align:center;width:100%;}
.list-instructor li a {background:#fff;box-shadow:0 0 12px #ddd;}
.list-instructor li a:hover {box-shadow:0 0 12px #aaa;margin-bottom:10px;margin-top:-10px;}

.list-instructor dd {padding:12px 15px;width:calc( 100% - 30px );}
.list-instructor h4 {font-size:21px;line-height:1;padding-top:3px;}
.list-instructor p {color:#8c0000;line-height:1.4;font-size:15px;margin-top:9px;}



/* ===== detail-teacher ===== */
.teacher-detail {padding:40px 40px 40px 40px;width:calc( 100% - 80px );}

.teacher-pic {width:248px;}
.teacher-pic p {background:#f3f3f3;padding:8px;}
.teacher-pic p em {border:1px solid #fff;height:0;padding-bottom:133%;width:230px;}

.teacher-info {padding-left:32px;width:calc( 100% - 280px );}
.teacher-info table, .teacher-info th, .teacher-info td  {border:1px solid #ddd;border-collapse: collapse;}
.teacher-info table {width:100%;}
.teacher-info th, .teacher-info td {font-size:16px;line-height:1.4;padding:15px 18px;}
.teacher-info th {background:#f8f8f8;text-align:right;white-space: nowrap;width:108px;}
.teacher-info td {background:#fff;color:#333;}

.teacher-info img {max-width:100% !important;}


/* ===== list-press ===== */
.list-press {padding:40px;}
.list-press li:not(:first-child) {border-top:1px solid #eee;margin-top:36px;padding-top:36px;}
.list-press a {min-height:180px;padding-left:330px;position:relative;}
.list-press em {height:180px;left:0;position:absolute;top:0;width:300px;}
.list-press h4 {font-size:16px;font-weight:bold;padding-top:3px;}
.list-press h5, .list-press p {font-size:15px;line-height:24px;padding-top:15px;}

.list-press a:link h4, .list-press a:visited h4 {color:#333;}
.list-press a:link h5, .list-press a:visited h5 {color:#aaa;}
.list-press a:link p, .list-press a:visited p {color:#888;}
.list-press a:hover *, .list-press a:active * {color:#f60 !important;}
.list-press a:hover em {opacity:0.62;}



/* ===== context ===== */
.context, .context dt, .context dd {height:64px;}
.context {border-top:1px solid #eee;}
.context dt, .context dd {width:48%;}
.context dt a, .context dd a {height:40px;padding-bottom:12px;padding-top:12px;}
.context dt a {padding-left:40px;}
.context dd a {padding-right:40px;}
.context h4, .context p {line-height:20px;width:100%;}
.context i {font-size:36px;height:40px;line-height:40px;top:10px;text-align:center;width:36px;}
.context dt a i {left:6px;}
.context dt a:hover i {left:3px;}
.context dd a i {right:6px;}
.context dd a:hover i {right:3px;}
.context a:link i, .context a:visited i {color:#8c0000;}
.context a:link h4, .context a:visited h4 {color:#333;}
.context a:link p, .context a:visited p {color:#888;}
.context a:hover *, .context a:active * {color:#f60 !important;}



/* ===== form-common ===== */
.form-row {margin-top:30px;}
.form-row {position:relative;}
.form-row i.mdi {font-size: 24px;height: 30px;left: 15px;line-height: 30px;margin-top: -15px;position:absolute;text-align: center;top: 50%;width: 30px;}
.form-common input, .form-common select {background:#fff;border:1px solid #ccc;}
.form-common input[type='text'], .form-common input[type='password'] {color:#333;font-size:16px;height:54px;padding:1px 1px 1px 55px;width:calc( 100% - 58px );}
.form-common input:hover {border:1px solid #333;}
.form-common input:focus {background:#fafbfc;border:2px solid #aaa;padding:0 0 0 54px;}

#code-send, #vdimgck {position:absolute;top:50%;}
#code-send {background:#8c0000;color:#fff;height:42px;margin-top:-21px;right:9px;padding:0 18px;}
#code-send:hover {background:#f60 !important;color:#fff !important;}
#vdimgck {margin-top:-12px;right:12px;}


.form-action {margin-top:48px;}
.form-action button {border-style:solid;border-width:1px;font-size:18px;height:56px;width:100%;}
.form-action dt button, .form-action p button {background:#8c0000;border-color:#8c0000;color:#fff;}
.form-action dd button {background:#fff;border-color:#8c0000;color:#8c0000;}
.form-action button:hover {background:#f60 !important;border-color:#f60 !important;color:#fff !important;}

.form-link {margin-top:18px;}
.form-link * {font-size:16px;}
.form-link a:link, .form-link a:visited, .link-return a:link, .link-return a:visited {color:#8c0000;}
.form-link a:hover, .form-link a:active, .link-return a:hover, .link-return a:active {color:#f60;}


.link-return {margin:auto;padding-top:36px;text-align:center;width:450px;}
.link-return, .link-return * {font-size:16px;}




/* ===== check-list ===== */
.check-list, .check-payment, .check-attention {margin:auto;padding:24px 30px;width:1020px;}


/* ----- check-title ----- */
.check-title li {background:#f8f8f8;color:#333;font-size:15px;line-height:41px;padding-top:1px;}

.check-title li:nth-child(1), .check-row li:nth-child(1) {width:596px;}
.check-title li:nth-child(1) {text-align:left;text-indent:15px;}
.check-title li:nth-child(2), .check-title li:nth-child(3), .check-row li:nth-child(2), .check-row li:nth-child(3) {text-align:center;width:200px;}
.check-title li:not(:first-child), .check-row li:not(:first-child) {margin-left:2px;}

/*
.check-title li:nth-child(1), .check-row li:nth-child(1) {text-align:center;width:72px;}
.check-title li:nth-child(2), .check-row li:nth-child(2) {width:522px;}
.check-title li:nth-child(2) {text-align:left;text-indent:15px;}
.check-title li:nth-child(3), .check-title li:nth-child(4), .check-row li:nth-child(3), .check-row li:nth-child(4) {text-align:center;width:200px;}
.check-title li:not(:first-child), .check-row li:not(:first-child) {margin-left:2px;}
*/
.check-title li.full-width {text-align:left;text-indent:15px;width:100%;}


/* ----- check-row ----- */
.check-row li {border-bottom:1px solid #e8e8e8;padding:24px 0;}
.check-row ul:hover li {background:#fafbfc;}

.check-row li h3, .check-row li h4, .check-row li h5 {font-size:15px;}
/*
.check-row input[type="checkbox"] {border:1px solid #ddd;height:20px;width:20px;}
.check-row input[type="checkbox"]:checked {background:#a60a08;border:1px solid #8c0000;}
.check-row input[type="checkbox"]:before {content:"\F012C";color:#fff;display:block;height:18px;line-height:18px;text-align:center;width:18px;}
*/
.check-row-info a {min-height:48px;padding-left:101px;position:relative;width:421px;}
.check-row-info em {height:48px;left:15px;position:absolute;top:0;width:76px;}

.check-row-info h3, .check-row-info p {height:24px;line-height:24px;width:100%;}
.check-row-info h3 {font-weight:bold;}

.check-row-info a:link h3, .check-row-info a:visited h3 {color:#8c0000;}
.check-row-info a:link p, .check-row-info a:visited p {color:#aaa;}
.check-row-info a:hover *, .check-row-info a:active * {color:#f60 !important;}
.check-row-info a:hover em {opacity:0.62;}

.check-row li h4, .check-row li h5 {line-height:46px;padding-top:2px;}
.check-row li h4 {color:#333;}
.check-row li h5 {color:#a60a08;}


/* ----- check-notice ----- */
.check-notice, .check-discount {padding:20px 15px;width:calc( 100% - 30px );}
.check-notice textarea {background:#fcfcfc;border:1px solid #e8e8e8;display:block;padding:15px;resize: none;width:522px;}
.check-notice textarea:focus {background:#fff;border:1px solid #aaa;color:#333;}


/* ----- check-discount ----- */
.check-discount {border-top:1px solid #e8e8e8;}
.check-discount p, .check-discount i {line-height:42px;padding-right:15px;}
.check-discount select, .check-discount option {display:block;} 
.check-discount select {border:1px solid #ddd;height:42px;padding:0 12px;width:441px;}
.check-discount select option {height:42px;}

.selectot-discount {position:relative;}
.selectot-discount i {font-size:18px;position:absolute;right:0;top:0;}



/* ----- check-count ----- */
.check-count-group {background:#f8f8f8;padding:18px 0;}
.check-count {padding:3px 0;}
.check-count * {line-height:24px;}
.check-count p {color:#333;font-size:15px;width:870px;}
.check-count h3 {color:#a60a08;font-size:21px;width:150px;}


/* ----- check-attention ----- */
.check-attention-text {border:1px solid #ddd;height:150px;overflow:auto;width:calc( 100% - 2px );}
.check-attention-text p {font-size:15px;line-height:1.6;margin:0 15px;padding-top:12px;}
.check-attention-text p:last-child {padding-bottom:12px;}
.check-attention-text p b, .check-attention-confirm b {color:#8c0000;font-weight:bold;}

.check-attention-confirm {padding-top:18px;}
.check-attention-confirm input[type="checkbox"] {border:1px solid #ccc;height:24px;width:24px;}
.check-attention-confirm input[type="checkbox"]:before {color:#ddd;content:"\F012C";display:block;height:22px;line-height:22px;text-align:center;width:22px;}

.check-attention-confirm input[type="checkbox"]:checked {background:#8c0000;border:1px solid #8c0000;}
.check-attention-confirm input[type="checkbox"]:checked:before {color:#fff;}

.check-attention-confirm b {font-size:15px;padding-left:12px;}



/* ===== check-payment ===== */
.check-payment {height:auto;}

.payment-list li, .payment-list li label {position:relative;}
.payment-list li {margin:24px 24px 0 24px;}
.payment-list li em, .payment-list li label {display:block;}
.payment-list li label {border:1px solid #fff;height:42px;width:142px;}
.payment-list li:after, .payment-list li:before {bottom:2px;position:absolute;right:2px;}
.payment-list li.curr:after {content:" ";width: 0;height: 0;border-bottom: 18px solid #a60a08;border-left: 15px solid transparent;z-index:0;}
.payment-list li.curr:before {content:"\F012C";color:#fff;font-size:10px;height:12px;width:10px;z-index:5;}

.payment-list li em {border:1px solid #eee;}
.payment-list li.curr label, .payment-list li.curr em {border:1px solid #a60a08;}

.payment-list li b {display:none;}
.payment-list li em {height:40px;width:140px;}

.payment-list li input {height:100%;left:0;opacity:0.01;position:absolute;top:0;width:100%;}



/* ===== check-button ===== */
.check-button {margin:auto;width:1080px;}
.check-button button {background:#a60a08;color:#fff;font-size:18px;height:54px;padding:0 60px;}
.check-button button:hover, .paying-method-link a:hover {background:#f90;}



/* ===== paying-stat ===== */
.paying-stat, .paying-method, .paying-method-link {margin:auto;width:1000px;}
.paying-stat b {color:#333;}
.paying-stat strong {color:#a60a08;font-size:16px;font-weight:bold;}


/* ===== paying-method ===== */
.paying-method {background:#fff;}
.paying-method-title {background:#fcfcfc;border-bottom:1px solid #eee;}
.paying-method-title p {color:#8c0000;font-size:16px;font-weight:bold;padding:15px 20px;}

.paying-method-content {padding:30px;width:940px;}
.paying-method-content * {font-size:16px;line-height:1;margin:auto;text-align:center;}
.paying-method-content p, .paying-method-content dl {padding-top:20px;}
.paying-method-content h3 {padding-top:10px;}
.paying-method-content h3 strong {color:#a60a08;font-size:24px;}
.paying-method-content dt img {border:1px solid #e8e8e8;padding:10px;}
.paying-method-content dd {padding:20px 0;}


.paying-method-link {padding-top:30px;}
.paying-method-link a {background:#a60a08;color:#fff;display:block;font-size:16px;line-height:53px;padding:1px 60px 0 60px;}
.paying-method-link a:hover {background:#f90;}



/* ========== sub-concept ========== */
.sub-concept {height:300px;}
.sub-concept.camping-sp {height:420px;}


/* ===== subpage-title ===== */
.subpage-title, .subpage-title *, .sub-intro h1 {text-align:center;}
.subpage-title {border-bottom:1px solid #e8e8e8;padding:36px 0;}
.subpage-title b {color:#0d2a6c;font-size:30px;}
.subpage-title span {font-size:27px;}



/* ===== sub-intro ===== */
.sub-intro {padding:72px 0;}
.sub-intro h1, .sub-intro h5 {margin:auto;max-width:75%;}
.sub-intro h1 {color:#8c0000;font-size:36px;padding-bottom:15px;}
.sub-intro h5 {color:#666;font-size:18px;line-height:1.8;padding-top:15px;text-indent:2em;}


.sub-intro-vantage {padding-top:30px;width:100%;}
.sub-intro-vantage li {background:#fff;box-shadow:0 0 18px rgba(0,0,0,0.06);padding-bottom:30px;width:276px;}
.sub-intro-vantage li:hover {box-shadow:0 0 24px rgba(0,0,0,0.38);}

.sub-intro-vantage li em {display:block;height:0;padding-bottom:56.25%;width:100%;}
.sub-intro-vantage h4 {color:#8c0000;font-size:16px;font-weight:bold;padding:24px 24px 0 24px;}
.sub-intro-vantage p {color:#888;font-size:15px;padding:15px 24px 0 24px;}


/* ===== sub-intro-module ===== */
.sub-intro-module {padding:15px 30px;}
.sub-intro-module li {margin:0 30px;padding:15px 0 15px 96px;position:relative;width:calc( 50% - 156px );}
.sub-intro-module li i {border:1px solid #8c0000;border-radius:50%;color:#8c0000;font-size:42px;height:72px;line-height:72px;left:0;position: absolute;text-align:center;top:18px;width:72px;}
.sub-intro-module h4 {color:#8c0000;font-size:21px;padding-bottom:12px;}
.sub-intro-module p {font-size:15px;line-height:1.4;}


/* ===== sub-intro-content ===== */
table, th, td {border-collapse: collapse;}

.sub-intro-content {margin:0 30px;width:calc( 100% - 60px );}
.sub-intro-content h3 {color:#8c0000;font-size:24px;}
.sub-intro-content p {font-size:15px;line-height:1.4;margin-top:12px;}
.sub-intro-content b {font-weight:bold;}





/**-----camping-special-----**/
.sub-intro-content.camping-special li, .sub-intro-content.camping-special p, .sub-intro-content.camping-special th, .sub-intro-content.camping-special td {font-size: 16px;line-height: 1.8;}




.table-container {margin-top:24px;}
.table-container table, .table-container th, .table-container td {border-color:#000;}
.table-container th, .table-container td {font-size:16px;line-height:1.4;padding:0.9em 0.6em;}
.table-container thead th {background:#8c0000;color:#fff;}
.table-container tbody th, .table-container tbody td {background:#fdeada;color:#333;}

.sub-intro-content h4 b {font-size:16px;padding:0.25rem 1.25rem;}



/* ===== sub-intro-video ===== */
.sub-intro-video, .sub-intro-video video {width:900px;}
.sub-intro-video {margin:60px auto 0 auto;}



/* ===== sub-intro-feature ===== */
.sub-intro-feature {margin:18px auto 0 auto;width:900px;}
.sub-intro-feature p {background-image:url(/temp/course-online/course-feature.jpg);height:320px;margin:18px 48px 0 0;width:420px;}
.sub-intro-feature p img {display:none !important;}

.sub-intro-feature li {color: #666;font-size: 18px;line-height: 30px;margin-top:12px;padding-left:18px;position:relative;}
.sub-intro-feature li:before {background:#8c0000;content:" ";height:6px;left:0;position:absolute;transform:rotate(45deg);top:12px;width:6px;}



/* ===== sub-video-list ===== */
.sub-video-list {margin:auto;width:1220px;}

.sub-video-part {padding:45px 30px;}
.video-col-2 .sub-video-part {width:calc( 50% - 60px );}
.video-col-3 .sub-video-part {width:calc( 33.3331% - 60px );}


.sub-video-part h4 {color:#333;font-size:16px;font-weight:bold;padding-top:15px;text-align:center;}
.sub-video-play {width:100%;}



/* ===== sub-camp-benefit ===== */
.sub-camp-benefit {width:100%;}
.sub-camp-cc {background:rgba(140,08,08,0.88);padding:60px 0;}
.sub-camp-benefit p {margin:24px 0;}
.sub-camp-benefit p * {color:#fff;font-size:24px;line-height:1;margin:0 30px;}
.sub-camp-benefit p:nth-child(2) {text-indent:6em;}
.sub-camp-benefit p:nth-child(3) {text-indent:12em;}



/* ===== sub-intro-album ===== */
.sub-intro-album {margin:20px auto 0 auto;width:1220px;}
.sub-intro-album li, .sub-intro-album li em {height:150px;position: relative;width:200px;z-index:0;}
.sub-intro-album li {background:#f3f3f3;cursor:pointer;display:none;margin:4px 0 0 4px;overflow:hidden;}
.sub-intro-album li:nth-child(6n+1) {margin-left:0;}
.sub-intro-album li i {background:#8c0000;color:#fff;font-size:21px;height:36px;line-height:36px;opacity:0;position: absolute;right:-36px;text-align:center;top:0;width:36px;z-index:5;}
.sub-intro-album li:hover em {opacity:0.62;}
.sub-intro-album li:hover i {opacity:0.75;right:0;}

.sub-intro-album li:nth-child(1), .sub-intro-album li:nth-child(2), .sub-intro-album li:nth-child(3), .sub-intro-album li:nth-child(4), .sub-intro-album li:nth-child(5), .sub-intro-album li:nth-child(6), 
.sub-intro-album li:nth-child(7), .sub-intro-album li:nth-child(8), .sub-intro-album li:nth-child(9), .sub-intro-album li:nth-child(10), .sub-intro-album li:nth-child(11), .sub-intro-album li:nth-child(12), 
.sub-intro-album li:nth-child(13), .sub-intro-album li:nth-child(14), .sub-intro-album li:nth-child(15), .sub-intro-album li:nth-child(16), .sub-intro-album li:nth-child(17), .sub-intro-album li:nth-child(18), 
.sub-intro-album li:nth-child(19), .sub-intro-album li:nth-child(19) i {display:block;}
.sub-intro-album li:nth-child(19) {height:54px;margin-top:36px !important;}
.sub-intro-album li:nth-child(19) em {display:none !important;}
.sub-intro-album li:nth-child(19) i:before {content:"浏览图集";}

.sub-intro-album li:nth-child(19) i {background:none;border:2px solid #8c0000;border-radius:99rem;color:#8c0000;font-size:18px;height:50px;line-height:50px;opacity:1;right:0;text-align:center;width:196px;}
.sub-intro-album li:nth-child(19):hover i {background:#8c0000;color:#fff;}


/* ===== search-results ===== */
.search-result-top, .search-result-top * {font-size:16px;font-weight:bold;line-height:59px;}
.search-result-top {border-bottom:1px solid #e8e8e8;height:60px;}
.search-result-top p {color:#888;padding:1px 30px 0 30px;}
.search-result-top p *, .empty-note p * {font-weight:bold;margin:0 6px;}
.search-result-top p b {color:#8c0000;}
.search-result-top p strong {color:#333;}

.search-result-list, .search-result-list li {width:100%;}
.search-result-list li:not(:first-child) {border-top:1px solid #e8e8e8;}
.search-result-list li a, .search-result-list li em {display:block;}
.search-result-list li a {min-height:120px;padding:30px 30px 30px 240px;position: relative;width:calc( 100% - 240px );}
.search-result-list em {height:120px;left:30px;position:absolute;top:30px;width:190px;}
.search-result-list h4 {font-size:16px;font-weight:bold;}
.search-result-list h5, .search-result-list p {color:#989898;line-height:24px;}
.search-result-list p {padding:15px 0 12px 0;}
.search-result-list h5 b {color:#333;margin:0 6px;}

.search-result-list a:hover *, .search-result-list a:active * {color:#f80 !important;}
.search-result-list a:hover em {opacity:0.5;}



/* ===== empty-note ===== */
.empty-note {padding:48px 0;}
.empty-note p, .empty-note p * {font-size:16px;}
.empty-note p {padding:0 48px;text-align:center;}
.empty-note p b {color:#8c0000;}
.empty-note p strong {color:#333;}



/* ===== client-row ===== */
.client-rows {padding:60px 0 0 0;width:100%;}
.client-row {margin:auto;min-height:360px;padding-bottom:60px;position:relative;width:1200px;}

.client-info h2, .client-info h2 * {color:#8c0000;font-size:30px;}
.client-info h4, .client-info h5 {color:#888;font-size:15px;line-height:24px;}
.client-info h4 {font-weight:bold;padding:30px 0;}
.client-info h5 {padding-top:18px;}

.client-info dt {padding-right:20px;}
.client-info dt img {border:2px solid #ddd;display:block;height:128px;width:128px;}
.client-info dd {width:200px;}
.client-info dd p:first-child {padding-bottom:20px;}

.client-info dd a {border:1px solid #ccc;border-radius:99px;height:52px;width:192px;}
.client-info dd a * {line-height:51px;padding:1px 10px 0 10px;}
.client-info dd b {font-size:21px;}
.client-info dd i {background-size:contain;background-repeat:no-repeat;background-position:50% 50%;height:24px;margin-top:12px;width:24px;}

.client-info a i.ico-apple {
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjcxLDE5LjVDMTcuODgsMjAuNzQgMTcsMjEuOTUgMTUuNjYsMjEuOTdDMTQuMzIsMjIgMTMuODksMjEuMTggMTIuMzcsMjEuMThDMTAuODQsMjEuMTggMTAuMzcsMjEuOTUgOS4xLDIyQzcuNzksMjIuMDUgNi44LDIwLjY4IDUuOTYsMTkuNDdDNC4yNSwxNyAyLjk0LDEyLjQ1IDQuNyw5LjM5QzUuNTcsNy44NyA3LjEzLDYuOTEgOC44Miw2Ljg4QzEwLjEsNi44NiAxMS4zMiw3Ljc1IDEyLjExLDcuNzVDMTIuODksNy43NSAxNC4zNyw2LjY4IDE1LjkyLDYuODRDMTYuNTcsNi44NyAxOC4zOSw3LjEgMTkuNTYsOC44MkMxOS40Nyw4Ljg4IDE3LjM5LDEwLjEgMTcuNDEsMTIuNjNDMTcuNDQsMTUuNjUgMjAuMDYsMTYuNjYgMjAuMDksMTYuNjdDMjAuMDYsMTYuNzQgMTkuNjcsMTguMTEgMTguNzEsMTkuNU0xMywzLjVDMTMuNzMsMi42NyAxNC45NCwyLjA0IDE1Ljk0LDJDMTYuMDcsMy4xNyAxNS42LDQuMzUgMTQuOSw1LjE5QzE0LjIxLDYuMDQgMTMuMDcsNi43IDExLjk1LDYuNjFDMTEuOCw1LjQ2IDEyLjM2LDQuMjYgMTMsMy41WiIgLz48L3N2Zz4=');
    }
    
.client-info a i.ico-android {
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjYxIDE1LjE1QzE2LjE1IDE1LjE1IDE1Ljc3IDE0Ljc4IDE1Ljc3IDE0LjMyUzE2LjE1IDEzLjUgMTYuNjEgMTMuNUgxNi42MUMxNy4wNyAxMy41IDE3LjQ1IDEzLjg2IDE3LjQ1IDE0LjMyQzE3LjQ1IDE0Ljc4IDE3LjA3IDE1LjE1IDE2LjYxIDE1LjE1TTcuNDEgMTUuMTVDNi45NSAxNS4xNSA2LjU3IDE0Ljc4IDYuNTcgMTQuMzJDNi41NyAxMy44NiA2Ljk1IDEzLjUgNy40MSAxMy41SDcuNDFDNy44NyAxMy41IDguMjQgMTMuODYgOC4yNCAxNC4zMkM4LjI0IDE0Ljc4IDcuODcgMTUuMTUgNy40MSAxNS4xNU0xNi45MSAxMC4xNEwxOC41OCA3LjI2QzE4LjY3IDcuMDkgMTguNjEgNi44OCAxOC40NSA2Ljc5QzE4LjI4IDYuNjkgMTguMDcgNi43NSAxOCA2LjkyTDE2LjI5IDkuODNDMTQuOTUgOS4yMiAxMy41IDguOSAxMiA4LjkxQzEwLjQ3IDguOTEgOSA5LjI0IDcuNzMgOS44Mkw2LjA0IDYuOTFDNS45NSA2Ljc0IDUuNzQgNi42OCA1LjU3IDYuNzhDNS40IDYuODcgNS4zNSA3LjA4IDUuNDQgNy4yNUw3LjEgMTAuMTNDNC4yNSAxMS42OSAyLjI5IDE0LjU4IDIgMThIMjJDMjEuNzIgMTQuNTkgMTkuNzcgMTEuNyAxNi45MSAxMC4xNEgxNi45MVoiIC8+PC9zdmc+');}


.client-info a:hover {background:#8c0000;border:1px solid #8c0000;}
.client-info a:hover * {color:#fff;}
	
.client-info a:hover i.ico-apple {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE4LjcxLDE5LjVDMTcuODgsMjAuNzQgMTcsMjEuOTUgMTUuNjYsMjEuOTdDMTQuMzIsMjIgMTMuODksMjEuMTggMTIuMzcsMjEuMThDMTAuODQsMjEuMTggMTAuMzcsMjEuOTUgOS4xLDIyQzcuNzksMjIuMDUgNi44LDIwLjY4IDUuOTYsMTkuNDdDNC4yNSwxNyAyLjk0LDEyLjQ1IDQuNyw5LjM5QzUuNTcsNy44NyA3LjEzLDYuOTEgOC44Miw2Ljg4QzEwLjEsNi44NiAxMS4zMiw3Ljc1IDEyLjExLDcuNzVDMTIuODksNy43NSAxNC4zNyw2LjY4IDE1LjkyLDYuODRDMTYuNTcsNi44NyAxOC4zOSw3LjEgMTkuNTYsOC44MkMxOS40Nyw4Ljg4IDE3LjM5LDEwLjEgMTcuNDEsMTIuNjNDMTcuNDQsMTUuNjUgMjAuMDYsMTYuNjYgMjAuMDksMTYuNjdDMjAuMDYsMTYuNzQgMTkuNjcsMTguMTEgMTguNzEsMTkuNU0xMywzLjVDMTMuNzMsMi42NyAxNC45NCwyLjA0IDE1Ljk0LDJDMTYuMDcsMy4xNyAxNS42LDQuMzUgMTQuOSw1LjE5QzE0LjIxLDYuMDQgMTMuMDcsNi43IDExLjk1LDYuNjFDMTEuOCw1LjQ2IDEyLjM2LDQuMjYgMTMsMy41WiIgLz48L3N2Zz4=');}

.client-info a:hover i.ico-android {background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTYuNjEgMTUuMTVDMTYuMTUgMTUuMTUgMTUuNzcgMTQuNzggMTUuNzcgMTQuMzJTMTYuMTUgMTMuNSAxNi42MSAxMy41SDE2LjYxQzE3LjA3IDEzLjUgMTcuNDUgMTMuODYgMTcuNDUgMTQuMzJDMTcuNDUgMTQuNzggMTcuMDcgMTUuMTUgMTYuNjEgMTUuMTVNNy40MSAxNS4xNUM2Ljk1IDE1LjE1IDYuNTcgMTQuNzggNi41NyAxNC4zMkM2LjU3IDEzLjg2IDYuOTUgMTMuNSA3LjQxIDEzLjVINy40MUM3Ljg3IDEzLjUgOC4yNCAxMy44NiA4LjI0IDE0LjMyQzguMjQgMTQuNzggNy44NyAxNS4xNSA3LjQxIDE1LjE1TTE2LjkxIDEwLjE0TDE4LjU4IDcuMjZDMTguNjcgNy4wOSAxOC42MSA2Ljg4IDE4LjQ1IDYuNzlDMTguMjggNi42OSAxOC4wNyA2Ljc1IDE4IDYuOTJMMTYuMjkgOS44M0MxNC45NSA5LjIyIDEzLjUgOC45IDEyIDguOTFDMTAuNDcgOC45MSA5IDkuMjQgNy43MyA5LjgyTDYuMDQgNi45MUM1Ljk1IDYuNzQgNS43NCA2LjY4IDUuNTcgNi43OEM1LjQgNi44NyA1LjM1IDcuMDggNS40NCA3LjI1TDcuMSAxMC4xM0M0LjI1IDExLjY5IDIuMjkgMTQuNTggMiAxOEgyMkMyMS43MiAxNC41OSAxOS43NyAxMS43IDE2LjkxIDEwLjE0SDE2LjkxWiIgLz4NCjwvc3ZnPg0K');}

	

.client-info-left .client-info {width:calc( 100% - 597px );}
.client-info-right .client-info {padding-left:450px;width:calc( 100% - 450px );}

.client-info-pic {position: absolute;}
.pic-1 {background-image:url(/temp/app/APP_1.png);bottom:0;height:330px;right:0;width:597px;}
.pic-2 {background-image:url(/temp/app/APP_2.png);bottom:0;height:480px;left:0;width:400px;}



/* ===== empty ===== */
.empty {padding:90px 0;}
.empty * {text-align:center;}
.empty i {color:#ccc;display:block;font-size:150px;line-height:1;}
.empty h5 {padding-top:30px;}
.empty h5 a:link, .empty h5 a:visited {background:#fff;border:1px solid #8c0000;border-radius:99px;color:#8c0000;display:block;line-height:44px;padding:1px 42px 0 42px;}
.empty h5 a:hover, .empty h5 a:active {background:#f60;border:1px solid #f60;color:#fff;}

.empty p, .empty p * {font-size:18px;line-height:1.8;}
.empty p {color:#888;padding-top:18px;}

.empty p a:link, .empty p a:visited {color:#8c0000;}
.empty p a:hover, .empty p a:active {color:#f60;}




/* ===== popup-box ===== */
body.popup-show {height:100%;overflow:hidden;width:100%;}
.popup-box {background:rgba(0,0,0,0.38);display:none;}

.popup-dialog {background:#fff;top:120px;}
.popup-small .popup-dialog {margin-left:-240px;width:480px;}
.popup-medium .popup-dialog {margin-left:-320px;width:640px;}
.popup-medium .popup-dialog {margin-left:-480px;width:960px;}


/* ----- popup-top ----- */
.popup-top {height:60px;padding-right:64px;position: relative;}
.popup-top h3 {color:#8c0000;font-size:16px;font-weight:bold;height:59px;line-height:59px;padding:1px 16px 0 16px;}
.popup-top i, .popup-top i:after, .popup-top i:before {position:absolute;}
.popup-top i {background:#fafbfc;cursor:pointer;height:60px;right:0;top:0;width:64px;}
.popup-top i:after, .popup-top i:before {background:#8c0000;content:" ";height:2px;left:22px;position:absolute;top:29px;width:20px;}
.popup-top i:after {transform:rotate(-45deg);}
.popup-top i:before {transform:rotate(45deg);}

.popup-top i:hover {background:#f90;}
.popup-top i:hover:after, .popup-top i:hover:before {background:#fff;}


/* ----- popup-content ----- */
.popup-content {border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;max-height:calc( 100vh - 336px );overflow:auto;width:100%;}

.popup-form-row {padding:16px 16px;width:calc( 100% - 32px );}
.popup-form-row:first-child {padding:16px 16px 0 16px;}

.popup-form-row input[type="text"] {border:1px solid #ddd;height:47px;padding:1px 16px 0 16px;width:calc( 100% - 34px );}
.popup-form-row input:hover {background:#f8f8f8;} 
.popup-form-row input:focus {background:#fff;border:1px solid #aaa;color:#000;}



/* ----- popup-foot ----- */
.popup-foot {padding:16px;width:calc( 100% - 32px );}
.popup-foot button {border:1px solid #8c0000;height:42px;padding:0 30px;}
.popup-foot button:nth-child(1) {background:#fff;color:#8c0000;}
.popup-foot button:nth-child(2) {background:#8c0000;color:#fff;margin-left:9px;}
.popup-foot button:hover {background:#f90;border:1px solid #f90;color:#fff;}






/* ===== ends_common ===== */
}
/* ===== ends_common ===== */


/* ===== for multi resolutions ===== */
@media screen and ( min-width: 1240px ) and ( max-width: 1400px ){
    .xc, .sub-about-row .inner {width:1220px;}

/* -----ends_1240 ----- */
}
/* -----ends_1240 ----- */

@media screen and ( min-width: 1570px ){
    .xc, .sub-about-row .inner1 {width:1536px;}

    /* ----- form-search ----- */
    .form-search {width:320px;}

    /* ----- footer ----- */
    .foot-about-col, .foot-about-right dl {padding-right:100px;}

    /* ----- home-dual ----- */
    .home-dual:before {width:calc( 1050px + ( 100% - 1536px )/2 );}
    .home-dual:after {width:calc( 486px + ( 100% - 1536px )/2 );}
    
    .home-dual-left, .home-dual-right, .home-service .xc, .home-partners .xc {padding-bottom:54px;padding-top:60px;}
    .home-dual-left {width:1050px;}
    .home-dual-right {width:426px;}


    /* ----- course-system-list ----- */
    .course-system-list li a {padding:0 20px 0 235px;width:calc( 100% - 255px );}
    .course-system-list li em {width:210px;}


     /* ----- home-press-list ----- */
    .home-press-list li, .home-press-list li * {width:310px;}
    .home-press-list li em {height:190px;}

    
    /* ----- home-partner-list ----- */
    .home-partner-list li {margin-left:20px;margin-top:20px;width:218px;}
    .home-partner-list li a {height:98px;width:216px;}
    

    /* ===== course-list ===== */
    .course-list li, .course-list li em {width:372px;}    
    
    
    /* ===== course-info ===== */
    .course-info {padding:40px;width:1456px;}
    

    /* ----- course-detail-left ----- */
    .course-detail-left, .search-result-left {width:calc( 100% - 380px );}
    

    /* ===== ===== course-detail-entry-2020-12-15 ===== ===== */
    .course-detail-entry {padding:48px;width:calc( 100% - 96px );}


    /* ----- page-entry ----- */
    .page-entry {padding:30px 50px 50px 50px;width:calc( 100% - 100px );}


    /* ----- course-detail-right ----- */
    .course-detail-right {padding-left:30px;width:350px;}


    /* ----- course-side-list ----- */
    .course-side-list {width:300px;}


    /* ===== subpage ===== */


    /* ----- sub-right ----- */
    .sub-right {width:1216px;}


    /* ----- page-title ----- */
    .sub-right-top {padding:50px 50px 0 50px;width:calc( 100% - 100px );}

    .press-stat {padding:10px 50px;width:1116px;}
    .press-stat p {width:365px;}
    .press-stat p b {max-width:270px;}


    /* ===== list-teachers ===== */
    .list-teachers {padding:0 0 51px 0;width:1216px;}
    .list-teachers li, .list-teachers li * {width:182px;}
    .list-teachers li {padding:51px 0 0 51px;}


    /* ===== detail-teacher ===== */
    .teacher-detail {padding:40px 60px 50px 60px;width:calc( 100% - 120px );}
    .teacher-info {padding-left:42px;width:calc( 100% - 290px );}
	
	
	/* ----- sub-intro-vantage ----- */
    .sub-intro-vantage li {width:360px;}

    /* ===== sub-intro-content ===== */
    .sub-intro-content {margin:0 60px;width:calc( 100% - 120px );}

    /* ===== list-instructor ===== */
    .list-instructor {background:#f1f2f3;width:1236px;}
    .list-instructor li {width:217px;}
    .list-instructor li:nth-child(1), .list-instructor li:nth-child(2), .list-instructor li:nth-child(3), .list-instructor li:nth-child(4), .list-instructor li:nth-child(5) {margin-top:0;}

/* -----ends_1570 ----- */
}
/* -----ends_1570 ----- */