@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Noto Sans TC',sans-serif; 
    font-size: 100%;
    letter-spacing: 1px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    position: relative;
}
h1 {margin: 0;}
ul.login_modal_link,ul.register_member_btn,nav.desktop_header_nav ul,nav.mobile_header_nav ul,ul.news_box,ul.footer_contact,
ul.footer_menu_list,ul.social_icon,ul.speech_tab_btn,ul.rule_detail_btn,ul.rule_list_text {list-style-type: none;}
.banner_content h2,ul.news_box li span.news_photo_no {font-family: 'Barlow Semi Condensed', sans-serif;}
ul#menu li a,ul#menu li a.login_btn,.banner_content_text h3,.bread_crumb,ul.news_box li h3,
.news_detail_box,.footer_content,.loginModal,.forgetPswModal,.registerRuleModal,.registerModal,
.contactModal,a.login_btn,ul.register_member_btn li > a.agree_btn,
ul.register_member_btn li > a.disagree_btn {font-family: 'Noto Sans TC',sans-serif;}
.header_content h1 img.Header_logo,ul#menu li a,ul.news_box li img,.footer_content img.Footer_logo,
ul.footer_menu_list li a,img.modal_close_icon {transition: .5s opacity ease-in-out;}
ul#menu li a,.bread_crumb,.bread_crumb a,.fa-home,ul.news_box li h3,.footer_content,ul.footer_contact li a,
ul.footer_menu_list li a,.loginModal h3,.forgetPswModal h3,.registerRuleModal h3,.registerModal h3,
.register_member_text p,ul.login_modal_link li a,.house_platform_intro p,nav.desktop_header_nav li a,
.index_class_speech_teacher ul li h3,.bread_crumb,.bread_crumb a,.question_info p,.form_text label.form_text_title,
.form_text p,h2.knowledge_title,ul.news_box li h3,.news_detail_box h2,.news_article_text h3,.question_title h1,.rule_detail_box h2,
h4.rule_detail_title,ul.footer_contact,ul.footer_contact li a,ul.footer_menu_list li a,.contactModal h3,nav.mobile_header_nav li a {color: #393939;}
.house_platform_intro p,.index_class_speech_teacher p,input[type="radio"]:checked + label,input[type="radio"]:not(:checked) + label,
.news_author p,.news_article_text p,.question_info p,.rule_detail_box p,.about_text_detail p,.about_text_detail ol li,
.house_platform_intro h3,ul.rule_list_text li {color: #4D4D4D;}
::placeholder,::-ms-input-placeholder {color: #4D4D4D;}
.clearfix:after {clear: both; content: ""; display: block;}fo
#wrapper {position: relative;}

/* --Header--------------------------------- */
.desktop_header_box {
    background: rgb(255,255,255);
    border-top: 4px solid #fd5d47; 
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.18);
    padding: 24px 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.desktop_header_content {padding: 0 40px; width: 100%;}
.desktop_header_content h1 img.Header_logo {float: left; height: auto; margin-top: -2px; max-width: 240px;}
nav.desktop_header_nav {float: right;}
nav.desktop_header_nav li {float: left; margin-right: 32px; padding-top: 1.2px;}
nav.desktop_header_nav li a {font-size: 16px; font-weight: 400; text-decoration: none; transition: .5s opacity ease-in-out;}
nav.desktop_header_nav li a:hover {opacity: .7;}
nav.desktop_header_nav li img {display: block; height: auto; margin: 0 auto 10px auto;}
nav.desktop_header_nav li:last-child {margin-right: 0;}
nav.desktop_header_nav li a.login_btn {
    background: #fe5c49;
    color: #fff; 
    font-size: 14px;
    font-weight: 500; 
    height: 32px;
    line-height: 30px;
    margin-top: -7px; 
    width: 82px;
}

/* --Index--------------------------------- */
.house_platform_intro h2 {color: #ff5c49; font-size: 30px; padding-bottom: 38px; text-align: center;}
.house_platform_intro ul {
    display: flex; 
    flex-direction: row; 
    list-style-type: none; 
    margin: 0 auto; 
    max-width: 960px; 
    width: 100%;
}
.house_platform_intro li {margin-right: 6.74%; max-width: 140px;}
.house_platform_intro li:last-child {margin-right: 0;}
.house_platform_intro h3 {font-size: 18px; padding-top: 12px; text-align: center;}
.index_class_speech_teacher {margin-top: 65px;}
.index_class_speech_teacher h2 {color: #ff5c49; font-size: 30px; text-align: center;}
.index_class_speech_teacher ul {list-style-type: none; margin: 40px auto 0 auto; max-width: 1200px; width: 100%;}
.index_class_speech_teacher ul li {float: left; margin-right: 21px; outline: none; max-width: 386px;}
.index_class_speech_teacher ul li:last-child {margin-right: 0;}
.index_class_speech_teacher ul li img {margin-bottom: 10px;}
.index_class_speech_teacher ul li h3 {font-size: 18px; font-weight: 500; line-height: 30px; margin: 8px 0 2px 0;}
.index_class_speech_teacher p {font-size: 16px; line-height: 28px; text-align: justify;}
.index_class_speech_teacher .onlineClass_video {margin-top: 40px;}
span.index_class_date {font-size: 14px;}

/* --Banner & Bread_Crumb--------------------------------- */
.banner_box {color: #fe5c49; padding: 110px 0 44px 0; width: 100%;}
.banner_content {
    align-items: center; 
    -webkit-box-align: center; 
    display: flex; 
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
.banner_content h2 {font-size: 84px; letter-spacing: 1px; margin: 0 24px 0 -4px;}
.banner_content_text {
    align-items: center; 
    -webkit-box-align: center; 
    display: flex; 
    margin-top: 21px;
    position: relative; 
    width: 100%;
}
.banner_content_text h3 {flex-shrink: 0; font-size: 20px; font-weight: 500; padding-right: 10px;}
.banner_content_text:after {
    content: "";
    background: #fe5c49;
    display: block;
    height: 1px;
    width: calc(100% - 70px);
}
span.banner_text_padding {padding-left: 16px;}
.container {margin: 0 auto; max-width: 1200px; width: 100%;}
.bread_crumb {font-weight: 400; font-size: 14px; text-align: left; width: 100%;}
.bread_crumb a {font-weight: 400; opacity: 1; text-decoration: none;}
.bread_crumb a:hover {opacity: .7;}
.fa-home {margin-right: 6px;}
.fa-angle-right {margin: 0 6px;}

/* --Slider--------------------------------- */
.index_slider {margin-bottom: 65px; padding: 36px 0 0 0; position: relative; width: 100%;}
.index_slider img {
    background-size: cover; 
    display: flex; 
    float: left; 
    height: auto; 
    width: 100%;
}
.video_slider {margin-top: 20px;}

/* --About--------------------------------- */
.about_text_detail {padding-top: 16px;}
.about_text_detail p {font-size: 16px; line-height: 32px; text-align: justify;}
.about_text_detail ol {padding-left: 20px;}
.about_text_detail ol li {line-height: 32px;}
span.about_text_point {color: #fe5c49;}

/* --Speech--------------------------------- */
.speech_form {margin-top: 40px; width: 100%;}
.form_text {border-top: 1px solid #e3e3e3; padding: 30px 0; width: 100%;}
.form_text:first-child {border-top: none; padding: 0 0 30px 0;}
.form_text:last-child {padding: 30px 0 0 0;}
.form_text label.form_text_title,.form_text p {
    float: left; 
    font-size:16px; 
    line-height: 28px; 
    padding-top: 8px; 
    width: 240px;
}
.form_radio_text {margin-top: 20px; width: 100%;}
.form_radio_text label {margin-right: 10px;}
.form_radio_box {float: right; width: 940px;}
.form_radio_box .form_radio_text:first-child {margin-top: 0;}
.form_radio_box input[type="text"] {margin-top: 20px;}
.form_text input[type="text"],.form_text input[type="tel"],
.form_text input[type="email"],.form_text textarea {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    float: right;
    max-width: 940px;
    outline: none; 
    padding: 12px 10px; 
    width: 100%;
}
.form_text textarea {height: 250px; resize: none;}
.form_text input[type="radio"] {margin-right: 4px;}
.form_text input.no_border,.form_text textarea.no_border,
.form_radio_text {border: none; box-shadow: none; color: #393939;}
.success_text label {color: #393939; font-size: 16px!important; padding: 12px 10px;}
textarea.no_border {height: 60px;}
input[type="radio"]:checked,input[type="radio"]:not(:checked) {left: -9999px; position: absolute;}
input[type="radio"]:checked + label,input[type="radio"]:not(:checked) + label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding-left: 28px;
    position: relative;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: "";
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 18px;
}
input[type="radio"]:checked + label:after,input[type="radio"]:not(:checked) + label:after {
    content: "";
    background: #ff5c49;
    border-radius: 100%;
    height: 12px;
    left: 4px;
    position: absolute;
    top: 6px;
    transition: all 0.2s ease-out;
    width: 12px;
}
input[type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
input[type="radio"]:checked + label:after {opacity: 1; transform: scale(1);}
a.speech_btn {
    background-color: #ff5c49; 
    border-radius: 50px;
    color: #fff;
    display: block; 
    font-family: 'Noto Sans TC',sans-serif; 
    font-size: 18px;
    font-weight: 400;
    height: 50px; 
    line-height: 48px;
    margin: 40px auto 0 auto;
    max-width: 150px;
    text-align: center;
    text-decoration: none;
}
.member_box .speech_form,.speech_form .form_text:first-child {margin-top: 0;}
.member_box a.speech_btn {margin-top: 32px;}
.container ul.speech_tab_btn {margin-bottom: 0;}
.form_text p.padding0 {margin-top: -3px; padding: 0;}
ul.speech_tab_btn {padding-top: 32px;}
ul.speech_tab_btn li { 
    border: 1px solid #9f9f9f;
    color: #9f9f9f;
    border-radius: 38px;
    cursor: pointer;
    display: block; 
    float: left;
    font-size: 14px;
    height: 40px; 
    line-height: 38px;
    margin-right: 16px;
    padding: 0;
    text-align: center;
    width: 136px;
}
ul.speech_tab_btn li a {color: #9f9f9f; text-decoration: none;}
ul.speech_tab_btn li.selected {background: #fe5c49; border: none; color: #fff;}
ul.speech_tab_btn li.selected a {color: #fff; font-size: 14px; text-decoration: none;}
.speech_tab_content {display: none;}
.speech_tab_content.speech_tab_current {display: inherit;}
.speech_form.no_margin_top {margin-top: 0;}
.speech_form.mt60 {margin-top: 60px;}

/* --Online Class--------------------------------- */
ul.online_class li {margin: 0 34px 44px 0;}
ul.online_class li .news_photo {margin-bottom: 14px;}
.news_class_video {box-shadow: 0 20px 90px rgba(0,0,0,.15);}
.onlineClass_video {height: 644px; width: 100%;}

/* --News--------------------------------- */
h2.knowledge_title {font-size: 30px; font-weight: 600; letter-spacing:1px; padding: 32px 0 2px 0;}
ul.news_box,.news_detail_box {padding-top: 32px;}
ul.news_box li {float: left; margin: 0 36px 46px 0; width: 376px;}
ul.news_box li:nth-child(3n+3) {margin-right: 0;}
ul.news_box li:last-child,ul.news_box li:nth-last-child(2),ul.news_box li:nth-last-child(3) {margin-bottom: 0;}
ul.news_box li .news_photo {margin-bottom: 12px; position: relative; width: 372px;}
ul.news_box li .news_photo_text {margin-top: -5px;}
ul.news_box li img {
    background-size: cover;
    border-radius: 8px; 
    height: auto;
    max-width: 376px; 
    opacity: 1; 
}
ul.news_box li img:hover {cursor: pointer; opacity: .55;}
ul.news_box li span.news_date {color: #aaa; font-family: Arial, Helvetica,sans-serif; font-size: 16px;}
ul.news_box li h3 {
    font-size: 16px; 
    font-weight: 400; 
    line-height: 28px; 
    margin-top: 6px; 
    text-align: justify;
}
.news_detail_box h2 {font-size: 34px; font-weight: 600; padding-bottom: 34px;}
.news_detail_box h2.text_center {text-align: center;}
.news_detail_box img {box-shadow: 0 20px 90px rgba(0,0,0,.15); width: 100%;}
.news_author {padding-top: 28px;}
.news_author p {font-size: 15px; font-weight: 400; line-height: 27px;}
.news_author p.news_page_date {padding-bottom: 26px;}
.news_article_text {line-height: 26px; padding-bottom: 50px;}
.news_article_text:last-child {padding-bottom: 0;}
.news_article_text h3 {font-size: 30px; font-weight: 600; padding-bottom: 22px;}
.news_article_text p {
    font-size: 16px; 
    font-weight: 400; 
    line-height: 28px; 
    padding-bottom: 22px;
    text-align: justify;
}
.news_article_text p:last-child {padding-bottom: 0;}
.house_knowledge_box {border-top: 1px solid #e3e3e3; margin-top: 26px;}

/* --Question--------------------------------- */
.question_detail_box {margin-top: 30px;}
.question_box {margin-bottom: 24px;}
.question_title {height: 72px; line-height: 72px;}
.question {
	background:#fe5c49;
	border-radius: 50%;
	color: #fff;
	float: left;
	font-family: "Carlito";
	font-size: 22px;
	font-weight: 600;
	height: 46px;
	line-height: 44px;
	margin-top: 12px;
	text-align: center; 
	width: 46px;
}
.question_title h1 {
	float: left;
	font-size: 20px; 
    font-weight: 500;
    padding-left: 58px;
    position: relative;
    text-align: justify;
}
.question_title h1:before {
    content: "Q";
	background:#fe5c49;
	border-radius: 50%;
	color: #fff;
	float: left;
	font-family: "Carlito";
	font-size: 24px;
	font-weight: 600;
    height: 44px;
    left: 0;
	line-height: 42px;
    margin-top: 14px;
    position: absolute;
	text-align: center; 
	width: 44px;
}
.question_info p {font-size: 16px; line-height: 28px; text-align: justify; width: 100%;}

/* --Rule--------------------------------- */
ul.rule_detail_btn {margin: 26px 0;}
ul.rule_detail_btn li {
    border: 1px solid #9f9f9f;
    border-radius: 38px;
    cursor: pointer;
    display: block; 
    float: left;
    font-size: 14px;
    height: 38px; 
    line-height: 34px;
    margin-right: 16px;
    text-align: center;
    width: 130px;
}
ul.rule_detail_btn li a {color: #9f9f9f; font-size: 14px; text-decoration: none;}
ul.rule_detail_btn li:last-child {margin-right: 0;}
ul.rule_detail_btn li.selected {background: #fe5c49; border: none; color: #fff;}
ul.rule_detail_btn li.selected a {color: #fff;}
.user_rule {border-bottom: 1px solid #e3e3e3; padding-bottom: 26px;}
.user_rule.bottom_line_hide {border-bottom: none; padding-bottom: 0;}
.rule_detail_box h2 {font-size: 30px; font-weight: 600; margin: 26px 0 18px 0;}
.rule_detail_box h2 span.rule_point {color: #fe5c49;}
.rule_detail_no {margin-top: 22px;}
.rule_detail_box p {font-size: 16px; line-height: 30px; text-align: justify;}
ul.rule_list_text li {line-height: 30px; text-align: justify;}
h4.rule_detail_title {font-size: 18px; font-weight: 500; padding-bottom: 14px;}

/* --Footer--------------------------------- */
.footer_box {
    background: #f7f7f7;
    display: block;
    margin-top: 130px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}
.footer_box img.footer_wave {
    content: "";
    background: url(../images/Footer_wave.png) no-repeat;
    background-size: cover;
    display: block;
    height: 54px;
    position: absolute;
    top: -54px;
    width: 100%;
}
.footer_content {
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px 0 40px 0;
    position: relative;
    width: 100%;
}
.footer_content img.Footer_logo {float: left; height: auto; max-width: 240px; opacity: 1;}
ul.footer_contact {margin-top: 48px; max-width: 340px;} 
ul.footer_contact li {font-size: 16px; font-weight: 400; line-height: 30px;}
ul.footer_contact li a {text-decoration: none;}
.footer_menu {float: right; margin-top: 4px; width: 555px;}
ul.footer_menu_list li {float: left; margin-right: 26px;}
ul.footer_menu_list li:last-child {margin-right: 0;}
ul.footer_menu_list li a {font-size: 16px; opacity: 1; text-decoration: none; transition: .5s opacity ease-in-out;}
ul.footer_menu_list li a:hover {opacity: .7;}
ul.social_icon {position: absolute; right: 0; top: 56px;}
ul.social_icon li {cursor: pointer; float: left; margin-right: 14px;}
ul.social_icon li img {height: auto; max-width: 40px; opacity: 1; transition: .5s opacity ease-in-out;}
ul.social_icon li img:hover {opacity: .7;}
ul.social_icon li:last-child {margin-right: 0;}
.footer_copyright {background: #ff5c49; padding: 16px 0; width: 100%;}
.footer_copyright h6 {color: #fff; font-weight: 400; text-align: center;}

/* --Modal--------------------------------- */
.mask {
    background: rgba(0,0,0,.75);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; 
    width: 100%; 
    z-index: 300;
}
.loginModal,.forgetPswModal,.registerRuleModal,.registerModal,.contactModal {
    background: #fff;
    border-radius: 12px;
    display: none;
    left: 50%;
    margin: 125px auto 0 auto;
    padding: 48px 40px 58px 40px;
    position: absolute;
	transform: translate3d(-50%,0,0);
    width: 450px;
    z-index: 500;
}
img.modal_close_icon {
    cursor: pointer; 
    height: 16px;
    opacity: 1; 
    position: absolute; 
    right: 20px; 
    top: 20px;
    width: 16px;
}
img.modal_close_icon:hover {opacity: .7;}
.loginModal h3,.forgetPswModal h3,.registerRuleModal h3,.registerModal h3,
.contactModal h3 {border-bottom: 1px solid #d3d3d3; font-size: 24px; font-weight: 500; padding-bottom: 14px;}
.loginModal input[name="login_number"],.loginModal input[name="login_psw"],
.forgetPswModal input[name="forget_psw_number"],.forgetPswModal input[name="forget_psw_email"],
.forgetPswModal input[name="forget_psw_psw"],.forgetPswModal input[name="forget_psw_confirm_psw"],
.registerModal input[name="register_name"],.registerModal input[name="register_number"],
.registerModal input[name="register_password"],.registerModal input[name="register_phone"],
.registerModal input[name="register_email"],.registerModal input[name="register_address"],
.contactModal input[name="contact_title"],.contactModal input[name="contact_name"],
.contactModal input[name="contact_phone"],.contactModal input[name="contact_email"],
.contactModal textarea[name="contact_detail"] {
    background: #f5f5f5;
    border: none;
    margin-top: 26px;
    outline: none; 
    padding: 12px 14px; 
    position: relative;
    width: 100%;
}
.contactModal textarea[name="contact_detail"] {height: 120px; resize: none;}
::placeholder {font-weight: 400; letter-spacing: 0;}
:-ms-input-placeholder {font-weight: 400; letter-spacing: 0;}
a.login_btn {
    background: #ff5c49; 
    border-radius: 58px;
    color: #fff;
    display: block; 
    font-size: 18px;
    font-weight: 400;
    height: 46px; 
    line-height: 44px;
    margin-top: 32px;
    max-width: 440px;
    text-align: center;
    text-decoration: none;
}
.register_member_text {height: 265px; margin-top: 10px; overflow-y: scroll; padding-right: 10px;}
.register_member_text p {font-size: 16px; line-height: 28px; padding-bottom: 16px; text-align: justify;}
.register_member_text span.s_title {font-weight: 600;}
.register_member_text::-webkit-scrollbar-track {background:#f5f5f5; border-radius: 10px; height: 55px;}
.register_member_text::-webkit-scrollbar {background:#f5f5f5; height: 55px; width: 10px;}
.register_member_text::-webkit-scrollbar-thumb {background: #ff5c49; border-radius: 10px; height: 55px;}
ul.register_member_btn {margin: -4px auto 0 auto; max-width: 345px; width: 100%;}
ul.register_member_btn li {float: left; margin-right: 24px; width: 160px;}
ul.register_member_btn li:last-child {margin-right: 0;}
ul.register_member_btn li > a.agree_btn,ul.register_member_btn li > a.disagree_btn {
    background: #ff5c49; 
    border-radius: 58px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    height: 46px; 
    line-height: 42px;
    margin-top: 32px;
    max-width: 160px;
    text-align: center;
    text-decoration: none;
}
ul.login_modal_link {margin: 24px auto 0 auto; max-width: 170px; width: 100%;}
ul.login_modal_link li {float: left;}
ul.login_modal_link li:first-child {border-right: 1px solid #d3d3d3; padding-right: 14px;}
ul.login_modal_link li:last-child {padding-left: 18px;}
ul.login_modal_link li a {font-weight: 400; text-decoration: none;}
a.speech_btn:hover {animation: button_pulse 1000ms linear 2 alternate;}

/* --Loading--------------------------------- */
#loading_mask {
    background: #fff; 
    display: none;
    height: 100%; 
    overflow: hidden;
    position: fixed;
    width: 100%; 
    z-index: 10000;
}
#loading_mask p {
    animation: text_slide_down .5s ease-in-out 0s forwards; 
    bottom: 0;
    color: #ff5c49;
    font-size: 28px; 
    font-weight: 600;
    left: 0;
    margin-top: -16px;
    position: absolute;
    right: 0; 
    text-align: center;
    top: 50%;
}

/* --Animation--------------------------------- */
@keyframes text_slide_down {
    0% {opacity: 0; transform: translateY(-52px);}
    20% {opacity: 1;}
    40% {transform: translateY(6px);}
    70% {transform: translateY(-2px);}
    100% {transform: translateY(0);}
}
@keyframes button_pulse { 
	0% {-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	1.8% {-webkit-transform: matrix3d(1.016, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.016, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	3.5% {-webkit-transform: matrix3d(1.033, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.033, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.7% {-webkit-transform: matrix3d(1.045, 0, 0, 0, 0, 1.126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.045, 0, 0, 0, 0, 1.129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	5.31% {-webkit-transform: matrix3d(1.051, 0, 0, 0, 0, 1.142, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.051, 0, 0, 0, 0, 1.142, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	7.01% {-webkit-transform: matrix3d(1.068, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.068, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.91% {-webkit-transform: matrix3d(1.084, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.084, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	9.41% {-webkit-transform: matrix3d(1.088, 0, 0, 0, 0, 1.132, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.088, 0, 0, 0, 0, 1.132, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.71% {-webkit-transform: matrix3d(1.097, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.097, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.61% {-webkit-transform: matrix3d(1.108, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.108, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.11% {-webkit-transform: matrix3d(1.114, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.114, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.41% {-webkit-transform: matrix3d(1.115, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.115, 0, 0, 0, 0, 1.067, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.32% {-webkit-transform: matrix3d(1.119, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.119, 0, 0, 0, 0, 1.077, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.12% {-webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.72% {-webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.02% {-webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	21.82% {-webkit-transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.119, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	24.32% {-webkit-transform: matrix3d(1.115, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.115, 0, 0, 0, 0, 1.11, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25.53% {-webkit-transform: matrix3d(1.113, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.113, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.23% {-webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.93% {-webkit-transform: matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.54% {-webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	36.64% {-webkit-transform: matrix3d(1.097, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.097, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.04% {-webkit-transform: matrix3d(1.096, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.096, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	44.04% {-webkit-transform: matrix3d(1.096, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.096, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	51.45% {-webkit-transform: matrix3d(1.099, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.099, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.15% {-webkit-transform: matrix3d(1.099, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.099, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.86% {-webkit-transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	63.26% {-webkit-transform: matrix3d(1.101, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.101, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.27% {-webkit-transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.101, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	73.77% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.18% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.49% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	88.59% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	96% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% {-webkit-transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

/* --Mobile Web--------------------------------- */
@media screen and (min-width:1366px){
    .mobile_header,.mobile_header_nav {display: none;}
}
@media screen and (max-width:1366px){
    .desktop_header_box,.desktop_header_nav,.footer_menu_list,.answer,
    .footer_box img.footer_wave {display: none;}
    .loginModal,.forgetPswModal,.registerRuleModal,.registerModal,.contactModal {margin: 118px auto 0 auto; padding: 28px 20px; width: 330px;}
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-moz-placeholder,textarea::-moz-placeholder,
    input:-ms-input-placeholder,textarea:-ms-input-placeholder,.footer_menu_list li a {font-size: 14px;}
    .news_author p,.news_article_text p,.index_class_speech_teacher p,.about_text_detail p,ul.rule_detail_btn li a,ul.rule_list_text li,.rule_detail_box p,.question_info p,.about_text_detail ol li,
    .form_text label,.form_text p.padding0,.form_radio_text,ul.footer_contact li {font-size: 14px; line-height: 24px;}
    nav.mobile_header_nav li a,a.login_btn,.banner_content_text h3,.question_title h1,.house_platform_intro p,ul.news_box li h3,a.speech_btn {font-size: 16px;}
    .form_text input[type="text"],.form_text input[type="tel"],.form_text input[type="email"],.form_text textarea {float: none; max-width: none;}
    ul.register_member_btn {margin: 20px auto 0 auto;}
    ul.register_member_btn li {width: 100%;}
    ul.register_member_btn li > a.agree_btn {margin: 0 auto 20px auto;}
    ul.register_member_btn li > a.disagree_btn {margin: 0 auto;}
    ul.register_member_btn li > a.agree_btn, ul.register_member_btn li > a.disagree_btn,
    a.login_btn {height: 42px; line-height: 40px;}
    .register_member_text {height: 250px;}
    .mobile_header {
        background-color: rgb(255,255,255);
        border-top: 4px solid #fd5d47;
        box-shadow: rgba(50,50,105,.15) 0 2px 5px 0, rgba(0,0,0,.05) 0 1px 1px 0;
        display: block;
        height: 66px;
        position: fixed;
        width: 100%;
        z-index: 2000;
    }
    .mobile_header.mobile_header_shadow {box-shadow: none;}
    .mobile_logo img {float: left; height: auto; margin: 20px 10px 0 18px; max-width: 210px;}
    .mobile_menu {
        float: right;
        height: 25px;
        position: relative;
        right: 18px;
        top: 21.5px;
        transform: rotate(0deg);
        transition: .6s ease-in-out;
        width: 25px;
    }
    .mobile_menu span {
        background: #fd5d47;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        transform: rotate(0deg);
        transition: .35s ease-in-out;
        width: 25px;
    }
    .mobile_menu span:nth-child(1) {top: 0;}
    .mobile_menu span:nth-child(2) {top: 8px; width: 14px;}
    .mobile_menu span:nth-child(3) {top: 16px;}
    .mobile_menu.open span:nth-child(1) {top: 10px; transform: rotate(135deg);}
    .mobile_menu.open span:nth-child(2) {opacity: 0; width: 0%;}
    .mobile_menu.open span:nth-child(3) {top: 10px; transform: rotate(-135deg);}
    nav.mobile_header_nav {
        box-shadow: rgb(50 50 105 / 15%) 0 2px 5px 0, rgb(0 0 0 / 5%) 0 1px 1px 0;
        display: none; 
        height: auto; 
        margin-top: 66px;
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    nav.mobile_header_nav ul {background: #fff; height: auto; width: 100%;}
    nav.mobile_header_nav li {border-bottom: 1px dotted #d3d3d3; width: 100%;}
    nav.mobile_header_nav li:last-child {border-bottom: none;}
    nav.mobile_header_nav li a {
        display: block;
        font-weight: 400;
        height: 46px;
        letter-spacing: 1px;
        line-height: 46px;
        margin: auto;
        padding-left: 18px;
        position: relative;
        text-align: left;
        text-decoration: none;
        transition: opacity .45s ease-out;
    }
    nav.mobile_header_nav li a:after {
        border-right: 2px solid #fd5d47;
        border-top: 2px solid #fd5d47;
        content: "";
        display: block;
        height: 8px;
        margin: -6px 0 0 0;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: rotate(45deg);
        width: 8px;
    }
    .index_banner_box {padding: 0;}
    .index_banner_box img {margin-top: 66px;}
    .video_slider {margin-top: 0;}
    .bread_crumb {line-height: 24px;}
    .container {padding: 30px 18px 0 18px;}
    .house_platform_intro h2,.index_class_speech_teacher h2 {font-size: 24px; padding-bottom: 24px;}
    .house_platform_intro p {line-height: 30px;}
    .index_class_speech_teacher ul {margin: 0 auto;}
    .index_class_speech_teacher ul li {margin: 0 0 40px 0; width: 100%;}
    .index_class_speech_teacher ul li:last-child {margin: 0;}
    .index_class_speech_teacher ul li img {height: auto; width: 100%;}
    .about_text {padding-top: 0;}
    ul.news_box li {float: none; margin: 0 0 40px 0; width: 100%;}
    ul.news_box li img {max-width: 100%; width: 100%;}
    ul.news_box li .news_photo {margin-bottom: 10px; width: 100%;}
    ul.news_box li span.news_date {font-size: 14px;}
    ul.news_box li:nth-last-child(2), ul.news_box li:nth-last-child(3) {margin-bottom: 40px;}
    ul.news_box li:last-child {margin-bottom: 0;}
    ul.news_box,.news_detail_box {padding-top: 22px;}
    ul.news_box li h3 {font-weight: 500; line-height: 26px;}
    .news_detail_box h2 {
        font-size: 26px; 
        font-weight: 600; 
        line-height: 36px; 
        padding-bottom: 22px; 
        text-align: justify;
    }
    .news_author {padding-top: 20px;}
    .news_author p.news_page_date {padding-bottom: 8px;}
    .news_article_text {font-size: 14px; line-height: 26px; padding-bottom: 40px; text-align: justify;}
    .news_article_text h3 {font-size: 24px; line-height: 34px; padding-bottom: 20px;}
    .news_article_text p {padding-bottom: 20px; text-align: justify;}
    .news_detail_box img {box-shadow: none;}
    .index_class_speech_teacher {margin-top: 54px;}
    .index_class_speech_teacher ul li h3 { 
        font-weight: 500; 
        line-height: 26px; 
        margin: 4px 0 0 0; 
        text-align: justify;
    }
    .index_class_speech_teacher .onlineClass_video {height: 100%; margin-top: 0;}
    h2.knowledge_title,.rule_detail_box h2 {font-size: 26px;}
    h2.knowledge_title {line-height: 36px; padding: 30px 0 0 0;}
    .banner_content h2 {font-size: 50px; margin: 0 8px 0 0;}
    .banner_content_text {margin-top: 10px;}
    .speech_form {margin-top: 20px;}
    .question_title,.question_info {padding: 10px 0 0 0;}
    .question_title {height: auto;}
    .question_title h1 {font-weight: 500; line-height: 24px; margin-left: 0;}
    .question_info p {margin: 0; width: 100%;}
    .form_radio_text {margin-top: 14px;}
    .form_text input[type="text"],.form_text input[type="tel"],.form_text input[type="email"],.form_text textarea {margin-top: 12px;}
    .footer_box {margin-top: 50px; padding: 38px 0;}
    .footer_content {padding: 0 20px;}
    .footer_content img.Footer_logo {display: block; float: none; max-width: 210px;}
    .footer_menu {float: none; margin-top: 20px; width: auto;}
    .footer_menu_list li {line-height: 28px; margin-right: 0; width: 30%;}
    ul.footer_contact {margin-top: 12px;}
    ul.social_icon {
        margin-top: 12px; 
        position: static; 
        right: auto; 
        top: 0; 
        width: 118px;
    }
    ul.social_icon li {margin-right: 10px;}
    ul.social_icon li img {max-width: 32px;}
    .footer_copyright {margin: 0;}
    .question_detail_box {margin-top: 20px;}
    .question_title h1 {padding-left: 44px;}
    .question_title h1:before {
        font-size: 18px;
        height: 32px;
        line-height: 31px;
        margin-top: -2px;
        width: 32px;
    }
    .form_text {padding: 14px 0 22px 0;}
    .form_text:last-child {padding: 14px 0 0 0;}
    .form_text label.form_text_title,.form_text p {padding: 0; text-align: justify; width: 100%;}
    .form_radio_box {width: 68%;}
    .form_text p.padding0 {font-size: 16px; line-height: 26px;}
    .form_text label.mobile_form_textarea {float: none; width: 100%;}
    .form_text input[type="text"],.form_text input[type="tel"],.form_text input[type="email"],.form_text textarea {padding: 10px;}
    input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {font-size: 16px; line-height: 26px;}
    input[type="radio"]:checked + label:before,
    input[type="radio"]:not(:checked) + label:before {top: 4px;}
    input[type="radio"]:checked + label:after,input[type="radio"]:not(:checked) + label:after {top: 8px;}
    a.speech_btn {height: 42px; line-height: 40px; margin-top: 30px;}
    ul.rule_list_text {margin-left: 0;}
    .container ul.speech_tab_btn {display: flex; flex-wrap: wrap; flex-direction: row;}
    .form_text input.no_border,.form_text textarea.no_border,.form_radio_text {padding: 0;}
    .form_text.speech_success_form_text {padding: 14px 0;}
    .form_text.speech_success_form_text:first-child {padding: 0 0 14px 0;}
    .success_text label {padding: 12px 0;}
}
@media screen and (min-width:767px) and (max-width:1366px){
    .mobile_logo img {margin: 20px 10px 0 22px;}
    .mobile_menu {right: 22px;}
    .banner_content {padding: 0 22px;}
    .banner_content h2 {font-size: 68px; margin: 0 10px 0 -4px;}
    .banner_content_text h3 {font-size: 20px;}
    .container {padding: 0 22px;}
    .form_text label.form_text_title,.form_text p {padding: 0; width: 100%;}
    .form_radio_box {margin-top: 8px; width: 85%;}
    .form_text p.padding0,.form_radio_box {width: 100%;}
}
@media screen and (min-width:320px) and (max-width:1366px){
    .index_slider {margin-bottom: 54px; padding: 33px 0 0 0;}
}
@media screen and (max-width:1004px){
    .house_platform_intro ul {flex-direction: column; margin: 0 auto; width: 122px;}
    .house_platform_intro li {float: left; margin-bottom: 26px; margin-right: 0;}
    .house_platform_intro li:last-child {margin-bottom: 0;}
    .house_platform_intro li img {max-width: 100%;}
}
@media screen and (max-width:767px){
    .banner_box {padding: 100px 16px 36px 16px;}
    .index_slider {margin-bottom: 30px;}
    .container {padding: 0 18px;}
    label.mt8 {margin-top: 8px;}
    .form_radio_box {margin-top: 8px;}
    .form_text p.padding0,.form_radio_box {width: 100%;}
}
@media screen and (max-width:750px){
    .onlineClass_video {height: 100%; width: 100%;}
}
@media screen and (max-width:659px){
    .mobile_speech_tab_btn li {flex-basis: 100%; margin-bottom: 20px; margin-right: 0!important;}
    .mobile_speech_tab_btn li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:604px){
    ul.rule_detail_btn li {margin-right: 10px;}
}
@media screen and (max-width:586px){
    ul.rule_detail_btn li:last-child {margin-top: 14px;}
    .container ul.speech_tab_btn li:nth-child(3) {margin-top: 0;}
    .container ul.speech_tab_btn li {width: 100px;}
}
@media screen and (max-width:455px){
    .container ul.speech_tab_btn li {width: 90px;}
    ul.rule_detail_btn li:nth-child(3) {margin-top: 14px;}
    .container ul.speech_tab_btn li:nth-child(3) {margin-top: 0;}
}
@media screen and (max-width:360px){
    .banner_content h2 {font-size: 46px;}
}
@media screen and (max-width:347px){
    .house_platform_intro h2,.index_class_speech_teacher h2 {font-size: 20px; line-height: 26px;}
}
@media screen and (max-width:340px){
    .banner_content_text:after {display: none;}
    .container ul.speech_tab_btn li {margin-right: 8px; width: 84px;}
}
@media screen and (max-width:330px){
    .loginModal,.forgetPswModal,.registerRuleModal,.registerModal,.contactModal {width: 286px;}
}