/*-----banner_index-----*/
.banner_index{ margin:0 0 20px 0;}
.banner_index .bi_w{ display:none;}
.banner_index .bi_m{ display:block;}


/*-----banner-inpage-----*/
.banner_inpage{ height:200px;}
.banner_inpage .bi_img img{ position:absolute; left:-50%; top:25%; width:auto; height:100%;}


/*-----content_index-----*/
.content_index .ci_box{ margin:0 0 30px 0;}
.content_index .ci_box h2{ margin:0 0 20px 0;}
.content_index .ci_box .block_sty02 .bs_cell{ min-height:290px; margin:0 5px}


/*-----content_inpage-----*/
.content_inpage{ padding:80px 0 20px 0;}


/*-----btn_main-----*/
.btn_main a{ max-width:100%; margin:0 2% 0 0;}
.btn_main a:last-child{ margin:0;}


/*-----block_sty-----*/
.block_sty01, .block_sty02{ display:block;}
.block_sty01 .bs_cell, .block_sty02 .bs_cell{ max-width:100%; margin:0 0 20px 0; box-sizing:border-box;}
/*sty01*/
.block_sty01 .bs_cell{ display:flex; flex-wrap:wrap; padding:15px;}
.block_sty01 .bs_time{ order:-1; flex:1 1 auto; width:100%; margin:0 0 15px -15px;}
.block_sty01 .bs_img{ flex:1 1 auto; width:100%; height:auto; margin:0 0 15px 0;}
.block_sty01 .bs_txt, .block_sty01 .bs_time ~ .bs_txt{ flex:1 1 auto; width:100%; margin:0 0 15px 0; padding:0;}
.block_sty01 .bs_btn{ flex:1 1 auto; position:static; clear:both; width:100%; padding:0;}
/*sty02*/
.content_index .block_sty02 .swiper-wrapper .swiper-slide{ flex:0 0 auto; max-width:100%; margin:0;}
.content_index .block_sty02 .swiper-pagination{ position:static;}
.content_index .block_sty02 .swiper-pagination-bullet{ opacity:1; background:#ced9ea;}
.content_index .block_sty02 .swiper-pagination-bullet-active{ opacity:1; background:#31599b;}
/*sty03*/
.block_sty03 .swiper-slide, .block_sty03 .swiper-slide:nth-child(3n){ width:100%; margin:0;}
.block_sty03 .swiper-wrapper{ flex-wrap:nowrap;}


/*-----search_con-----*/
.search_con{ padding:20px 15px;}
.search_con table th, .search_con table td{ display:block; width:100%; padding:5px 0;}
.search_con table th{ text-align:left;}


/*-----teacher_info-師資介紹-----*/
.teacher_info{ display:block; padding:20px 15px;}
.ti_main{ width:100%; margin:0 0 20px 0;}
.ti_main .ti_img{ margin:0 auto 15px auto;}
.ti_main .ti_name{ margin:0 0 10px 0;}
.ti_txt{  width:100%;}
.ti_txt p{ position:static; transform:translateY(0); margin:0 0 15px 0;}
.ti_detail{ display:block; padding:15px 0 0 0; border-top:1px solid #bfbfbf;}
.ti_detail .ti_cell{ margin:0 0 15px 0; padding:0; border:none;}


/*-----li_main-師資介紹-----*/
.lecture_info{ display:block;}
/*左側內容*/
.lecture_info .li_main{ margin:0 0 20px 0;}
/*右側內容*/
.tab_con .tc_tab{ display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:center; align-content:center;}
.tab_con .tc_tab li{ flex:1 1 auto; display:block;}
.tab_con .tc_tab li a{ width:100%;}
/*電子票券樣板*/
.lecture_info.li_c .li_b_img{ height:auto;}
.lecture_info.li_c .li_b_img img{ position:static; top:0; transform:translateY(0);}


/*-----comments_con-留言板-----*/
.cc_box .cc_cell{ padding:20px 15px;}
.cc_box .cc_cell .cc_q, .cc_box .cc_cell .cc_a{ position:relative; display:block; margin:0 0 15px 0; padding:15px 0 0 0;}
.cc_box .cc_cell .cc_a{ padding:30px 0 0 0; border-top:1px solid #bfbfbf;}
.cc_box .cc_cell div:last-child{ margin:0;}
.cc_box .cc_img{ position:absolute; left:0; top:0;}
.cc_box .cc_a .cc_img{ top:15px;}
.cc_box .cc_mian h4, .cc_box .cc_mian h5{ display:block; margin:0 0 5px 100px;}
.cc_box .cc_mian h4::after{ display:none;}
.cc_box .cc_txt{ padding:20px 0 0 0;}
.cc_textarea{ padding:20px 15px;}
.cc_textarea textarea{ height:200px;}
.cc_box .cc_cell .cc_r{ padding:0;}
.cc_box .btn_relay{ position:static; width:100%; height:33px; margin:15px 0 0 0; line-height:33px; box-sizing:border-box;}


/*------article_con-文章資訊-----*/
.article_con .ac_tit h4{ float:left;}


/*------privacy_con-隱私權策略-----*/
.privacy_con{ padding:20px 15px;}


/*-----member_con-會員登入/註冊-----*/
.member_con{ display:block;}
.member_con .mc_cell{ width:100%; padding:20px 15px; box-sizing:border-box;}
.member_con .mc_sign{ box-shadow:4px 0px 12px -2px rgba(0,0,0,0.2);}
.member_con .mc_cell_n{ flex:1 1 auto; max-width:100%; padding:20px 15px;}


/*------minfo_con-會員中心-----*/
/*info*/
.minfo_con .mc_user{ display:block; padding:20px 15px;}
.minfo_con .mc_img{ display:block; margin:0 auto 20px auto;}
.minfo_con .mc_cell{ margin:0 0 20px 0; padding:0 0 20px 0; text-align:center; border-bottom:1px solid #dcdcdc; border-right:none;}
.minfo_con ol{ position:static; transform:translateY(0);}
.minfo_con ol li, .pc_box .pc_cell ol li{ margin:0 0 15px 0; text-align:left;}
/*購買紀錄*/
.minfo_con .mc_table{ padding:10px 0 20px 0px;}
.mc_table th{ display:none;}
.mc_table td{ display:block;}
.mc_table td .mc_txt{ overflow:hidden; margin:20px 0; padding:0 15px; text-align:left;}
.mc_table td .mc_th{ display:inline-block; color:#434343; font-weight:bold; font-size:18px;}
.mc_table td .mc_th ~ div{ display:inline-block;}
.mc_table .detail_box{ display:block;}
.mc_table .detail_box .db_cell{ margin:0 0 25px 0;}
.mc_table .btn_cancel, .mc_table .btn_detail{ float:left; display:block; width:49%; margin:0 2% 0 0; box-sizing:border-box;}
.mc_table .btn_detail{ margin:0;}
.mc_table .detail_box ul li span, .minfo_con ol li span, .pc_box .pc_cell ol li span{ float:none; margin:0 0 0 10px;}
/*文章上架*/
.minfo_con .mc_article{ padding:20px 15px;}
.mc_article table{ padding:0;}
.mc_article th, .mc_article td{ display:block; width:100%; margin:0 0 15px 0; padding:0; text-align:left;}
.mc_article .file_show{ padding:20px 15px;}
.mc_article .fs_img{ width:120px; height:95px;}
.mc_article .fs_txt{ right:15px;}
/*文章列表*/
.mc_article_list{ padding:20px 15px;}
.mc_al_btn{ float:none; overflow:hidden;}
.mc_al_btn a{ float:left; display:block; width:49%; height:33px; margin:0 2% 0 0; line-height:33px; box-sizing:border-box;}
.mc_al_btn a:last-child{ margin:0;}
.mc_al_table th{ display:none;}
.mc_al_table tr td{ display:block; text-align:left; border:none;}
.mc_al_table tr td:last-child{ padding:0 0 15px 0; border-bottom:1px solid #dcdcdc;}
.mc_al_table td.txt_left{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;}
.mc_al_table td.txt_left label{ flex:0 0 auto;}
.mc_al_table td.txt_left p{ flex:1 1 auto;}


/*-----popup_con-----*/
.popup_con .pc_box{ padding:0 15px;}
.popup_con .pc_txt{ width:100%; margin:0 auto; padding:15px;}
.popup_con .pc_txt ol li span{ float:none; margin:0 0 0 10px;}


/*-----pay_con-付款資訊-----*/
.pay_con .bs_cell, .pc_box .pc_cell .pc_r_detail{ padding:20px 15px;}
.pc_box .pc_cell h4 span{ display:block; float:none;}
.pc_box table th, .pc_box table td{ display:block; margin:0 0 15px 0;}
.pc_box .pc_cell .pc_receipt table label{ display:block; margin:0 0 5px 0;}
.pc_box .pc_cell .pc_all p::before{ display:block; margin:0 0 5px 0;}
.pay_con .btn_main a{ max-width:100%;}
.pc_r_detail td .mc_a_flex{ display:block;}
.pc_r_detail td .mc_a_flex input[type="text"]{ margin:10px 0 0 0;}


/*-----error_con-錯誤頁面-----*/
.error_con{ height:calc(100vh - 205px); padding:20px 0 0 0; box-sizing:border-box;}
.error_con h3::before{ width:150px; height:150px; background-size:80px;}



@media screen and (max-width: 321px) {
/*-----li_main-----*/
/*左側內容*/
.lecture_info .li_list ul li{ margin:0 10px 0 0; padding:0 10px 0 0;}
.lecture_info .li_list ol{ padding:5px 0 0 0;}
.lecture_info .li_list .li_img{ width:40px; height:40px; margin:0;}
/*右側內容*/	
.tab_con .tc_tab li a{ width:120px;}
	
	
/*------minfo_con-會員中心-----*/
/*文章上架*/
.mc_article .fs_img{ width:70px; height:55px;}

	
}