/*Public*/

/*      .container {
max-width: 1240px;
}
*/

body {
	font-family: "Noto Sans TC", "微軟正黑體", "繁黑體", "Microsoft JhengHei", "Microsoft YaHei", "Heiti TC", "LiHei Pro", sans-serif, "新細明體", "PMingLiU";
	color: #070707;
	background: #4aa7ba url() no-repeat top center;
}

.clearfix {
	overflow: auto;
	zoom: 1;
}

a {
	display: inline-block;
}
a:link, a:visited {
	color: #ff5b83;
	text-decoration: none;
}
a:hover, a:active {
	color: #ff5b83;
	text-decoration: none;
}

.section_question a {
	display: inline-block;
}
.section_question a:link, .section_question a:visited {
	color: #ec635d;
	text-decoration: none;
}
.section_question a:hover, .section_question a:active {
	color: #fde962;
	text-decoration: none;
}



.main .row{
	/*margin-bottom: 20px;*/
}

img {
	display: inline-block;
	max-width: 100%;
    height: auto;
	/*border: 1px solid #ccc;*/
}

hr{
	height: 1px;
	border-top: 1px solid #070707;
}

ul {
	list-style: none;
	padding: 0;
}

li {

}



h1 {
	font-size: 3rem;
	font-weight: bold;
	display: inline-block;
	/*margin-bottom: 40px;*/
	/*position: relative;*/
	/*z-index: 10;*/
	/*border: 1px solid red;*/
}

h2 {
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
	/*margin-bottom: 40px;*/
	position: relative;
	/*border: 1px solid red;*/
}

p {
	font-size: 1.25rem;
}



.block {
	width: 100%;
	display: block;
	/*border-radius: 30px;*/
	/*border: 1px solid green;*/
}
.block_title {
	width: 100%;
	display: block;
	/*margin: 0 auto 20px auto;*/
	/*border: 1px solid orange;*/
}
.block_content {
	width: 100%;
	display: block;
	/*margin: 0 auto 80px auto;*/
	/*border: 1px solid orange;*/
}
.block_footer {
	width: 100%;
	display: block;
}


/* Nav */

nav {
	height: 80px;
	background: #ffffff url() no-repeat top center;
	/*color: #ffffff;*/
}

nav img {
	width: 70%;
	height: 70%;
	padding-top: 0;
}


nav ul li {
	padding-left: 20px;
}

nav ul li a {
	font-size: 1.25rem;
	/*color: #ffffff;*/
}

nav ul li a:link, nav ul li a:visited {
	color: #2c586c !important ;
	/*text-decoration: none;*/
}
nav ul li a:hover, nav ul li a:active {
	color: #f3ab00 !important ;
	/*text-decoration: none;*/
}



/* Header */
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 80px;
	padding: 0;
	position: relative;
	background: #f2f2f2 url() no-repeat top center;
	color: #070707;
	/*border: 1px solid red;*/
}

/*
.header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/

.header {
	background-image: url(../img/header.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 45.83%;
}



/* Main */
main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url() repeat;
	/*background-color: #77b143;*/
	text-align: center;
	/*border: 1px solid orange;*/
}

.main {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*border: 1px solid blue;*/
}


/* 簡介 */
.section_intro {
	width: 44%;
	padding: 40px;
	margin: 0 auto 40px auto;
	background: #ffffff url() no-repeat top center;
	border-radius: 20px;
	/*border: 1px solid orange;*/
}

.section_intro .col {
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
}

.section_intro .title {
	margin-bottom: 20px;
	display: inline-block;
	width: 65%;
	position: relative;
	font-family: 'Noto Serif TC', serif;
	font-weight: 700;
	/*border: 1px solid green;*/
}

.section_intro .title::before {
	content: '';
	background: url(../img/img_intro_title_01.png) no-repeat top left;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.section_intro .title::after {
	content: '';
	background: url(../img/img_intro_title_02.png) no-repeat top left;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 0;
}

.section_intro h2 {
	color: #333333;
	margin-right: 4%;
	/*border: 1px solid blue;*/
}

.section_intro span {
	display: inline-block;
	color: #333333;
	font-size: 1.25rem;
	/*border: 1px solid orange;*/
}

.section_intro p {
	color: #797979;
	line-height: 2rem;
}

.section_intro p.end {
	color: #333333;
	font-size: 1.5rem;
	margin-top: 10px;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
	/*border: 1px solid gray;*/
}

.section_intro p.end::before {
	content: '';
	background: url(../img/img_intro_end_01.png) no-repeat top left;
	width: 68px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: -70%;
}

.section_intro p.end::after {
	content: '';
	background: url(../img/img_intro_end_02.png) no-repeat top left;
	width: 68px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: -70%;
}


/* 第一週 */
.section_week01 {
	width: 80%;
	margin: 80px auto 0 auto;
	padding-bottom: 80px;
	position: relative;
	/*background: url(../img/img_w01_block_bg.png) no-repeat top center;*/
	/*background-size: cover;*/
	/*background-size: auto;*/
	/*border: 1px solid blue;*/
}

.title_01_mobile {
	display: none;
	width: 275px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%); /*置中*/
	z-index: 10;
}

.section_week01 .col {
	margin: 0 auto;
	/*padding-left: 0;*/
	/*padding-right: 0;*/
}

.section_week01 .block {
	width: 100%;
	margin: 0 auto;	
}

.section_week01 .block_title {
	width: 100%;
	/*height: 140px;*/
	position: relative;
	/*background: url(../img/img_w01_block_title.jpg) no-repeat top center;*/
	/*background-size: contain;*/
}

.section_week01 .block_title img {
	width: 100%;
}

.section_week01 .block_title h1 {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	/*border: 1px solid green;*/
}

.section_week01 .block_title h1 span {
	font-size: 3.5rem;
}

.section_week01 .block_title h1::before {
	content: '';
	background: url(../img/ic_earphone_01.png) no-repeat top left;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-600%, -50%);
}


.section_week01 .block_content {
	width: 100%;
	background: url(../img/img_w01_block_content.jpg) repeat-y top center;
	background-size: contain;
	/*overflow: hidden;*/
	/*border: 1px solid green;*/
}

.section_week01 .block_content .row {
	width: 90%;
	margin: 0 auto;
	/*margin-bottom: 40px;*/
	overflow: hidden; 
	/*border: 1px solid green;*/
}


.section_week01 .block_content .box {
	background: #e6e6e5 url() no-repeat top center;
	border-radius: 5px;
	margin-bottom: 40px;
	/*padding-bottom: 300px;*/ /*對齊底部*/
    /*margin-bottom: -300px;*/ /*對齊底部*/
}

.section_week01 .block_content .box img {
	padding: 12px;
}

.section_week01 .block_content .box h4 {
	color: #333333;
}


.section_week01 .block_content .box .teacher {
	background: #f5b033 url() no-repeat top center;
	/*padding: 12px;*/
	margin: 10px 12px 10px 12px;
	color: #ffffff;
	font-size: 1.5rem
}

.section_week01 .block_content .box .price {
	/*border: 1px solid red;*/
}

.section_week01 .block_content .box p.original_price {
	display: inline-block;
	font-size: 0.5rem;
	text-decoration: line-through;
	color: #333333;
	/*border: 1px solid green;*/
}

.section_week01 .block_content .box p.points {
	display: inline-block;
	font-size: 2rem;
	color: #c93744;
	/*border: 1px solid green;*/
}

.section_week01 .block_content .box p.points span {
	font-size: 1.25rem;
	/*border: 1px solid green;*/
}


.section_week01 .block_content .box_01 {
	background: #e6e6e5 url() no-repeat top center;
	display: none;
}

.section_week01 .block_content .box_01 .more_box{
	border: 6px solid #f5b033;
	margin: 0 auto;
}

.section_week01 .block_content .box_01 .more_box img.earphone {
	margin: 20px auto 20px auto;
}

.section_week01 .block_content .box_01 .more_box .more p {
	color: #333333;
	font-size: 1.2rem;
	margin-bottom: 0;
	line-height: 2rem;
	text-align: center;
}

.section_week01 .block_content .box_01 .more_box .more p.title {
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 2.5rem;
}

.section_week01 .block_footer {
	width: 100%;
	height: 40px;
	background: url(../img/img_w01_block_footer.jpg) no-repeat top center;
	background-size: contain;
	/*border: 1px solid green;*/
}

.section_week01 .block_footer img {
	width: 100%;
}


/* 第二週 */
.section_week02 {
	width: 80%;
	margin: 40px auto 0 auto;
	padding-bottom: 80px;
	position: relative;
	/*background: url(../img/img_w01_block_bg.png) no-repeat top center;*/
	/*background-size: cover;*/
	/*background-size: auto;*/
	margin: 0 auto;
	/*border: 1px solid blue;*/
}

.title_02_mobile {
	display: none;
	width: 275px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%); /*置中*/
	z-index: 10;
}

.section_week02 .col {
	margin: 0 auto;
	/*padding-left: 0;*/
	/*padding-right: 0;*/
}

.section_week02 .block {
	width: 100%;
	margin: 0 auto;	
}

.section_week02 .block_title {
	width: 100%;
	position: relative;
}

.section_week02 .block_title img {
	width: 100%;
}

.section_week02 .block_title h1 {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	/*border: 1px solid green;*/
}

.section_week02 .block_title h1 span {
	font-size: 3.5rem;
}

.section_week02 .block_title h1::before {
	content: '';
	background: url(../img/ic_earphone_02.png) no-repeat top left;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-600%, -50%);
}


.section_week02 .block_content {
	width: 100%;
	background: url(../img/img_w02_block_content.jpg) repeat-y top center;
	background-size: contain;
	overflow: hidden;
	/*border: 1px solid green;*/
}

.section_week02 .block_content .row {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	overflow: hidden; 
	/*border: 1px solid green;*/
}


.section_week02 .block_content .box {
	background: #f1f1f1 url() no-repeat top center;
	border-radius: 5px;
	margin-bottom: 40px;
	/*padding-bottom: 300px;*/ /*對齊底部*/
    /*margin-bottom: -300px;*/ /*對齊底部*/
}

.section_week02 .block_content .box img {
	padding: 12px;
}

.section_week02 .block_content .box h4 {
	color: #333333;
}


.section_week02 .block_content .box .teacher {
	background: #e1a6ed url() no-repeat top center;
	/*padding: 12px;*/
	margin: 10px 12px 10px 12px;
	color: #ffffff;
	font-size: 1.5rem
}

.section_week02 .block_content .box .price {
	/*border: 1px solid red;*/
}

.section_week02 .block_content .box p.original_price {
	display: inline-block;
	font-size: 0.5rem;
	text-decoration: line-through;
	color: #333333;
	/*border: 1px solid green;*/
}

.section_week02 .block_content .box p.points {
	display: inline-block;
	font-size: 2rem;
	color: #c93744;
	/*border: 1px solid green;*/
}

.section_week02 .block_content .box p.points span {
	font-size: 1.25rem;
	/*border: 1px solid green;*/
}


.section_week02 .block_content .box_01 {
	background: #e6e6e5 url() no-repeat top center;
}

.section_week02 .block_content .box_01 .more_box{
	border: 6px solid #e1a6ed;
	margin: 0 auto;
}

.section_week02 .block_content .box_01 .more_box img.earphone {
	margin: 20px auto 20px auto;
}

.section_week02 .block_content .box_01 .more_box .more p {
	color: #333333;
	font-size: 1.2rem;
	margin-bottom: 0;
	line-height: 2rem;
	text-align: center;
}

.section_week02 .block_content .box_01 .more_box .more p.title {
	color: #333333;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 2.5rem;
}



.section_week02 .block_footer {
	width: 100%;
	height: 40px;
	background: url(../img/img_w02_block_footer.jpg) no-repeat top center;
	background-size: contain;
	/*border: 1px solid green;*/
}

.section_week02 .block_footer img {
	width: 100%;
}



/* 第三週 */
.section_week03 {
	width: 80%;
	margin: 40px auto 0 auto;
	padding-bottom: 80px;
	position: relative;
	/*background: url(../img/img_w01_block_bg.png) no-repeat top center;*/
	/*background-size: cover;*/
	/*background-size: auto;*/
	margin: 0 auto;
	/*border: 1px solid blue;*/
}

.title_03_mobile {
	display: none;
	width: 275px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%); /*置中*/
	z-index: 10;
}

.section_week03 .col {
	margin: 0 auto;
	/*padding-left: 0;*/
	/*padding-right: 0;*/
}

.section_week03 .block {
	width: 100%;
	margin: 0 auto;	
}

.section_week03 .block_title {
	width: 100%;
	position: relative;
}

.section_week03 .block_title img {
	width: 100%;
}

.section_week03 .block_title h1 {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	/*border: 1px solid green;*/
}

.section_week03 .block_title h1 span {
	font-size: 3.5rem;
}

.section_week03 .block_title h1::before {
	content: '';
	background: url(../img/ic_earphone_03.png) no-repeat top left;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-600%, -50%);
}


.section_week03 .block_content {
	width: 100%;
	background: url(../img/img_w03_block_content.jpg) repeat-y top center;
	background-size: contain;
	overflow: hidden; /*對齊底部*/
	/*border: 1px solid green;*/
}

.section_week03 .block_content .row {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	overflow: hidden; 
	/*border: 1px solid green;*/
}


.section_week03 .block_content .box {
	background: #f1f1f1 url() no-repeat top center;
	border-radius: 5px;
	margin-bottom: 40px;
	/*padding-bottom: 300px;*/ /*對齊底部*/
    /*margin-bottom: -300px;*/ /*對齊底部*/
}

.section_week03 .block_content .box img {
	padding: 12px;
}

.section_week03 .block_content .box h4 {
	color: #333333;
}


.section_week03 .block_content .box .teacher {
	background: #3ed9b3 url() no-repeat top center;
	/*padding: 12px;*/
	margin: 10px 12px 10px 12px;
	color: #ffffff;
	font-size: 1.5rem
}

.section_week03 .block_content .box .price {
	/*border: 1px solid red;*/
}

.section_week03 .block_content .box p.original_price {
	display: inline-block;
	font-size: 0.5rem;
	text-decoration: line-through;
	color: #333333;
	/*border: 1px solid green;*/
}

.section_week03 .block_content .box p.points {
	display: inline-block;
	font-size: 2rem;
	color: #c93744;
	/*border: 1px solid green;*/
}

.section_week03 .block_content .box p.points span {
	font-size: 1.25rem;
	/*border: 1px solid green;*/
}


.section_week03 .block_content .box_01 {
	background: #81cad5 url() no-repeat top center;
}

.section_week03 .block_content .box_01 .schedule {
	padding-bottom: 40%;
	/*border: 1px solid red;*/
}


.section_week03 .block_content .box_01 img {
	margin: 60px auto 20px auto;
}


.section_week03 .block_content .box_01 p {
	color: #ffffff;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 3rem;
	/*border: 1px solid red;*/
}

.section_week03 .block_content .box_01 p.vertical {
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	/*width: 100%;*/
	margin: 0 auto 0 auto;
	/*border: 1px solid red;*/
}

.section_week03 .block_footer {
	width: 100%;
	height: 40px;
	background: url(../img/img_w03_block_footer.jpg) no-repeat top center;
	background-size: contain;
	/*border: 1px solid green;*/
}

.section_week03 .block_footer img {
	width: 100%;
}



/* 導下載 */
.section_download {
	margin: 0 auto;
	width: 100%;
	background: url() no-repeat top center;
	z-index: -10;
}
.section_download .col {
	margin: 0 auto;
	/*width: 1200px;*/
}
.download {
	/*width: 400px;*/
	/*height: 182px;*/
	position: relative;
	width: 40%;
	margin: 10px auto 40px auto;
	/*border: 1px solid purple;*/
}
.download img {
	max-width: 100%;
	height: auto;
}
.download a.link_appstore {
	width: 50%;
	height: 30%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	/*border: 1px solid blue;*/
}
.download a.link_googleplay {
	width: 50%;
	height: 30%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	/*border: 1px solid orange;*/
}

/* QRcode */
.qr {
	background: url(../img/img_qrcode.png) repeat top center;
	width: 112px;
	height: 220px;
	position: fixed;
	top: 55%;
	right: 0;
	z-index: 99;
	/*border: 1px solid red;*/
}

/* QRcode_mobile */
.qr_mobile {
	background: url(../img/img_qrcode_mobile.png) no-repeat top center;
	background-size: 60px;
	width: 65px;
	height: 44px;
	position: fixed;
	top: 66%;
	right: 0;
	z-index: 99;
	display: none;
	/*border: 1px solid red;*/
}
.qr_mobile p {
	font-size: 12px;
	/*color: #1580a6;*/
	color: #000000;
	padding-top: 40px;
	/*border: 1px solid purple;*/
}
.qr_link {
	width: 65px;
	height: 55px;
	/*border: 1px solid orange;*/
}


/* Footer */
footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*border: 1px solid purple;*/
}

.footer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #2c586c url() no-repeat top center;
	/*border: 1px solid blue;*/
}

.footer .row {
	margin-left: 0;
	margin-right: 0;
}

.footer ul {
	display: inline-block;
	margin: 20px auto 10px auto;
	font-size: 1.2rem;
	/*border: 1px solid green;*/
}

.footer ul li {
	color: #ffffff;
	float: left;
	padding-left: 20px;
}
.footer ul li:first-child {
	padding-left: 0;
}

.footer ul li::before {
	content: "|";
	padding-right: 20px;
	color: #ffffff;
}
.footer ul li:first-child::before {
	content: "";
}


.footer ul li a:link, .footer ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}
.footer ul li a:hover, .footer ul li a:active {
	color: #fde962;
	text-decoration: none;
}

p.copyright {
	color: #ffffff;
	font-size: 1rem;
	font-weight: normal;
	margin: 0 auto;
	padding: 0 0 20px 0;
}



/* ------------------------------RWD------------------------------*/
/*響應式文字大小設定*/
html {
font-size: 16px;
}
/* xs */
@media (min-width: 0px) and (max-width: 575px) {
html {
  font-size: 16px;
}
.row {
	/*margin-right: 0;*/
	/*margin-left: 0;*/
}
.btnset {
	margin-top: 24px;
	margin-bottom: 20px;
}
.btnset a {
	width: 40%;
}
.fb {
	padding-right: 0;
}
.copyright {
	font-size: 10px;
}
nav {
	height: 50px;
}
nav img {
	width: 45%;
	height: 45%;
	padding-top: 5px;
	margin-left: 10px;
}
nav .navbar-toggler {
	margin-right: 10px;
}
nav .navbar_brand {
	width: 40%;
	padding-top: 6px;
}

nav ul {
	
}
nav ul li {
	/*width: 50px;*/
}
nav ul li.fb a {
	width: 90%;
}

.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

header {
	/*height: 205px;*/
	margin-top: 50px;
}
.header {
	background-image: url(../img/header_mobile.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 89.58%;
}
.section_intro {
	width: 86%;
	padding: 20px; 
}

.section_week01 {
	width: 100%;
	margin-top: 40px;
	padding-bottom: 40px;
}
.title_01_mobile {
	display: block;
}
.section_week01 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week01 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week01 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week01 .block_content {
	padding-top: 10px;
}
.section_week01 .block_content .row {
	margin-bottom: 0;
}
.section_week01 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week01 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week01 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week01 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week01 .block_content .box .price {

}
.section_week01 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week01 .block_content .box_01 {
	display: block;
}
.section_week01 .block_content .box_01 .more_box img.earphone {
	width: 70%;
	height: 70%;
}

.section_week01 .block_content .box_01 .more_box .more p {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.section_week01 .block_content .box_01 .more_box .more p.title {
	font-size: 1.5rem;
	/*line-height: 2rem;*/
}

.section_week01 .block_content .box_01 .more_box img.right {
	width: 40%;
	height: 40%;
}


.section_week02 {
	width: 100%;
	padding-bottom: 40px;
}
.title_02_mobile {
	display: block;
}
.section_week02 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week02 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week02 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week02 .block_content {
	padding-top: 10px;
}
.section_week02 .block_content .row {
	margin-bottom: 0;
}
.section_week02 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week02 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week02 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week02 .block_content .box p.teacher_2 {
	font-size: 1rem;
	padding: 3px 0 3px 0;
}
.section_week02 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week02 .block_content .box .price {

}
.section_week02 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week02 .block_content .box_01 {
	/*margin-top: 20px;*/
}
.section_week02 .block_content .box_01 .more_box img.earphone {
	width: 70%;
	height: 70%;
	margin-bottom: 0px;
}

.section_week02 .block_content .box_01 .more_box .more p {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.section_week02 .block_content .box_01 .more_box .more p.title {
	font-size: 1.5rem;
	/*line-height: 2rem;*/
}

.section_week02 .block_content .box_01 .more_box img.right {
	width: 40%;
	height: 40%;
}


.section_week03 {
	width: 100%;
	padding-bottom: 40px;
}
.title_03_mobile {
	display: block;
}
.section_week03 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week03 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week03 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week03 .block_content {
	padding-top: 10px;
}
.section_week03 .block_content .row {
	margin-bottom: 0;
}
.section_week03 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week03 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week03 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week03 .block_content .box h4 {
	font-size: 1.25rem;
	height: 50px;
	/*border: 1px solid red;*/
}
.section_week03 .block_content .box .price {

}
.section_week03 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week03 .block_content .box_01 {
	/*margin-top: 20px;*/
}
.section_week03 .block_content .box_01 img {
	margin: 20px auto 10px auto;
}
.section_week03 .block_content .box_01 .schedule {
	padding-bottom: 22%;
}
.section_week03 .block_content .box_01 p {
	font-size: 2rem;
}

.download {
	width: 60%;
}
.footer ul {
	font-size: 1rem;
	width: 80%;
	margin-bottom: 0;
	/*border: 1px solid green;*/
}
.footer ul li {
	padding-left: 16px;
}
.footer ul li::before {
	padding-right: 16px;
}
p.copyright {
	font-size: 0.75rem;
}
.qr {
	display: none;
}
.qr_mobile {
	display: block;
}
}

/* sm - 超小屏幕（手机）*/
@media (min-width: 576px) and (max-width: 767px) { 
html {
  font-size: 16px;
}
.row {
	/*margin-right: 0;*/
	/*margin-left: 0;*/
}
.btnset {
	margin-top: 24px;
	margin-bottom: 20px;
}
.btnset a {
	width: 40%;
}
.fb {
	padding-right: 0;
}
.copyright {
	font-size: 10px;
}

nav a.navbar_brand {
	width: 40%;
	padding-top: 6px;
}

nav ul {
	
}
nav ul li {
	width: 50px;
}
nav ul li.fb a {
	width: 90%;
}
header {
	/*height: 205px;*/
}
.section_intro {
	width: 90%;
}
.section_week01 {
	width: 100%;
	margin-top: 40px;
	padding-bottom: 40px;
}
.section_week01 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week01 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week01 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week01 .block_content {
	padding-top: 10px;
}
.section_week01 .block_content .row {
	margin-bottom: 0;
}
.section_week01 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week01 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week01 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week01 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week01 .block_content .box .price {

}
.section_week01 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week01 .block_content .box_01 {
	/*margin-top: 20px;*/
}
.section_week01 .block_content .box_01 img {
	margin: 20px auto 10px auto;
}
.section_week01 .block_content .box_01 .schedule {
	padding-bottom: 38%;
}
.section_week01 .block_content .box_01 p {
	font-size: 2rem;
}
.section_week01 .block_content .box_01 .more_box img.earphone {
	width: 70%;
	height: 70%;
}
.section_week01 .block_content .box_01 .more_box .more p {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.section_week01 .block_content .box_01 .more_box .more p.title {
	font-size: 1.5rem;
	/*line-height: 2rem;*/
}

.section_week01 .block_content .box_01 .more_box img.right {
	width: 40%;
	height: 40%;
}



.section_week02 {
	width: 100%;
	padding-bottom: 40px;
}
.section_week02 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week02 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week02 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week02 .block_content {
	padding-top: 10px;
}
.section_week02 .block_content .row {
	margin-bottom: 0;
}
.section_week02 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week02 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week02 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week02 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week02 .block_content .box .price {

}
.section_week02 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week02 .block_content .box_01 {
	/*margin-top: 20px;*/
}
.section_week02 .block_content .box_01 img {
	margin: 20px auto 10px auto;
}
.section_week02 .block_content .box_01 .schedule {
	padding-bottom: 22%;
}
.section_week02 .block_content .box_01 p {
	font-size: 2rem;
}
.section_week02 .block_content .box_01 .more_box img.earphone {
	width: 70%;
	height: 70%;
	margin-bottom: 0px;
}

.section_week02 .block_content .box_01 .more_box .more p {
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.section_week02 .block_content .box_01 .more_box .more p.title {
	font-size: 1.5rem;
	/*line-height: 2rem;*/
}

.section_week02 .block_content .box_01 .more_box img.right {
	width: 40%;
	height: 40%;
}



.section_week03 {
	width: 100%;
	padding-bottom: 40px;
}
.section_week03 .block_title h1 {
	font-size: 1.75rem;
	width: 65%;
}
.section_week03 .block_title h1 span {
	font-size: 2.25rem;
}
.section_week03 .block_title h1::before {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-480%, -50%);
}
.section_week03 .block_content {
	padding-top: 10px;
}
.section_week03 .block_content .row {
	margin-bottom: 0;
}
.section_week03 .block_content .row .col-6 {
	padding-left: 5px;
	padding-right: 5px;
} 
.section_week03 .block_content .box {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section_week03 .block_content .box p.teacher {
	font-size: 1.25rem;
}
.section_week03 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week03 .block_content .box .price {

}
.section_week03 .block_content .box .price .points {
	font-size: 1.5rem;
}
.section_week03 .block_content .box_01 {
	/*margin-top: 20px;*/
}
.section_week03 .block_content .box_01 img {
	margin: 20px auto 10px auto;
}
.section_week03 .block_content .box_01 .schedule {
	padding-bottom: 22%;
}
.section_week03 .block_content .box_01 p {
	font-size: 2rem;
}

.download {
	width: 60%;
}
.footer ul {
	font-size: 1rem;
	width: 80%;
	margin-bottom: 0;
	/*border: 1px solid green;*/
}
.footer ul li {
	padding-left: 16px;
}
.footer ul li::before {
	padding-right: 16px;
}
p.copyright {
	font-size: 0.75rem;
}
.qr {
	display: none;
}
.qr_mobile {
	display: block;
}
}

/* md - 小屏幕（平板）*/
@media (min-width: 768px) and (max-width: 991px) {
html {
  font-size: 16px;
}
.container {
	max-width: 100%;
	width: 100%;
}
.row {
	/*margin-right: 0;*/
	/*margin-left: 0;*/
}
nav {
	height: 60px;
}
nav img {
	width: 50%;
	height: 50%;
	padding-top: 0;
}

nav .navbar_brand {
	width: 120px;
	padding-top: 6px;
	/*border: 1px solid green;*/
}

/*nav ul {
	position: absolute;
	right: 20px;
}
*/
header {
	margin-top: 60px;
}
header .col {
	padding-right: 0;
	padding-left: 0;
}
.section_intro {
	width: 50%;
}
.section_week01 .block_title h1 {
	font-size: 2.5rem;
}
.section_week01 .block_title h1::before {
}
.section_week01 .block_content .box h4 {
	font-size: 1.25rem;
}
.section_week02 .block_title h1 {
	font-size: 2.5rem;
}
.section_week02 .block_title h1::before {
}
.section_week02 .block_content .box h4 {
	font-size: 1.25rem;
}

.section_week03 .block_title h1 {
	font-size: 2.5rem;
}
.section_week03 .block_title h1::before {
}
.section_week03 .block_content .box h4 {
	font-size: 1.25rem;
}

}

/* lg - 中等屏幕（桌面显示器）*/
@media (min-width: 992px) and (max-width: 1199px) {
html {
  /*font-size: 16px;*/
}
.container {
	max-width: 100%;
}
.section_week01 .block_title h1 {
	font-size: 2.5rem;
}
.section_week01 .block_title h1::before {
}
.section_week02 .block_title h1 {
	font-size: 2.5rem;
}
.section_week02 .block_title h1::before {
}
.section_week03 .block_title h1 {
	font-size: 2.5rem;
}
.section_week03.block_title h1::before {
}


}

/* xl - 大屏幕（大桌面显示器）*/
@media (min-width: 1200px) {
html {
  /*font-size: 16px;*/
}
.container {
	max-width: 100%;
}
}