@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> include_phone_menu.php <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.headerRwdContainer { }
.rwdTopContainer { height: 70px; width: 100%; border-bottom: solid 3px #b6dc83; background: #fff; box-shadow: 1px 1px 5px rgba(10, 5, 0, 0.5); padding: 0 0px; position: fixed; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; top: 0; z-index: 200; }
.rwdMenuLogo { width: 70px; margin-left: 20px; margin-right: 20px; vertical-align: middle; }
.rwdMenuLogo>a>img { width: 100%; max-width: 200px; }
.rwdNewleaf img{
	margin-bottom: 0;
}
.headerRwdContainer .searchContainer { width: 150px; margin-right: auto; position: relative; }
.headerRwdContainer .searchContainer .form-group { margin-bottom: 0; }
.headerRwdContainer .searchContainer .searchInput { width: 100%; height: 30px; padding: 0 10px; border: solid 1px var(--mainGreen); border-radius: 20px; font: normal 18px 'Century Gothic', '微軟正黑體'; line-height: 28px; letter-spacing: 0.5px; color: #555; }
.headerRwdContainer .searchContainer .searchInput:focus { outline: none; box-shadow: none; }
.headerRwdContainer .searchContainer .searchBtn { font-size: 14px; color: var(--mainGreen); position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: all 0.4s; }
.rwdCartIcon { margin-right: 20px; position: relative; }
.rwdCartIcon a { display: block; }
.rwdCartIcon i { font-size: 32px; line-height: 32px; color: var(--mainGreen); text-align: center; display: block; transition: all 0.4s; }
.rwdCartIcon:hover i { color: #bdd1a1; }
.rwdCartIcon span { /*width: 10px; height: 10px; border-radius: 50%; background: #feb199; position: absolute; left: 4px; top: -4px; z-index: -1 */ display: none;}
.rwdMenuIcon { width: 30px; height: 30px; margin-right: 20px; text-align: center; cursor: pointer; font-size: 48px; line-height: 50px; color: #d09c51; position: relative; }
.rwdMenuIconLine { width: 100%; height: 2px; background: var(--mainGreen); position: absolute; transition: all 0.6s; }
.rwdMenuIconLine.line1 { top: 5px; left: 0; transform-origin: left top; }
.rwdMenuIconLine.line2 { left: 0; top: 50%; transform: translate(0, -50%); }
.rwdMenuIconLine.line3 { bottom: 5px; left: 0; transform-origin: left bottom; }
.rwdMenuIcon.active .rwdMenuIconLine.line1 { top: 0; width: 40px; transform: rotate(45deg); }
.rwdMenuIcon.active .rwdMenuIconLine.line2 { opacity: 0 }
.rwdMenuIcon.active .rwdMenuIconLine.line3 { bottom: 0; width: 40px; transform: rotate(-45deg); }

/*.rwdHeaderNavContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    padding-top: 50px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;

}*/
.rwdHeaderNavContainer { width: 100%; padding: 20px 20%; background: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; position: fixed; align-items: center; top: 70px; left: -100%; bottom: 0; z-index: 900; transition: all 0.6s; overflow-y: scroll; }
.rwdHeaderNavContainer.active { left: 0; }
.rwdHeaderNavMember { }
.rwdHeaderNavMemberItem { height: 65px; border: solid 1px #d0d0d0; border-radius: 10px; text-align: center; background: var(--colorBlack); }
.rwdHeaderNavMemberItem a { height: 100%; color: var(--colorImportant); display: flex; justify-content: center; align-items: center; }
.rwdHeaderNavMemberItem i { margin-right: 10px; font-size: 30px; }
.rwdHeaderNavMemberItem span { font: normal 16px 'Century Gothic', '微軟正黑體'; letter-spacing: 1px; }
.rwdHeaderNavManu { width: 100%; margin-top: 10px; margin-bottom: 20px; flex-grow: 1; }
.rwdHeaderNavManuTitle { width: 300px; margin: 0px auto 10px; text-align: center; position: relative; }
.rwdHeaderNavManuList { width: 100%; padding: 10px 20px 20px; height: auto; min-height: 100px; border: solid 1px #b6dc83; border-radius: 10px; text-align: center; background: #fff; }
.rwdHeaderNavManuItem { padding: 20px 0 10px 0; font: normal 20px 'Century Gothic', '微軟正黑體'; line-height: 30px; color: var(--mainGreen); }
.rwdHeaderNavManuItem:not(:last-child) { border-bottom: solid 1px #e5e5e5; }
.rwdHeaderNavManuItem a { color: inherit; }
.rwdHeaderNavIda { width: 100%; max-width: 280px; }
.rwdHeaderNavIda a { display: block; }
.rwdHeaderNavFooter { width: 100%; margin-top: 20px; border-top: solid 1px #d0d0d0; display: flex; justify-content: center; }
.rwdHeaderNavFooterItem { width: 30px; margin: 20px 10px 0; }

.rwdHeaderCourseNav { width: 100%; background: rgba(255, 255, 255, 0.9); display: flex; flex-direction: column; position: fixed; align-items: center; top: 70px; right: -100%; bottom: 0; z-index: 900; transition: all 0.6s; overflow-y: scroll; }
.rwdHeaderCourseNav.active { right: 0; }

.rwdHeaderCourseNav .courseNav{
	width: 100%;
}
.rwdHeaderCourseNav .backBtn{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: none;
	border-bottom: solid 1px #ddd;
	font-size: 16px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0.5px;
	color: #333;
	background: none;
	display: flex;
	align-items: center;

}
.rwdHeaderCourseNav .backBtn .icon{
	width: 7px;
	height: 12px;
	margin-right: 10px;
	display: block;
	position: relative;
	overflow: hidden;
	right: 0;
	transition: all 0.4s;
}
.rwdHeaderCourseNav .backBtn .icon::before{
	content: '';
	width: 8px;
	height: 8px;
	border-bottom: solid 2px #777;
	border-left: solid 2px #777;
	position: absolute;
	left: 2px;
	top: 2px;
	transform: rotate(45deg);
	transition: all 0.4s;
}
.rwdHeaderCourseNav .backBtn .text{}
.rwdHeaderCourseNav .courseNav .mainNav{
}
.rwdHeaderCourseNav .courseNav .mainNav>li{
}
.rwdHeaderCourseNav .courseNav .mainNav>li>a, .rwdHeaderCourseNav .courseNav .mainNav>li>.mainType{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: none;
	border-bottom: solid 1px #ddd;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: left;
	color: var(--mainGreen);
	background: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.4s;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType.collapsed{
	color: #333;
}
.rwdHeaderCourseNav .backBtn, .rwdHeaderCourseNav .courseNav .mainNav>li>.mainType:focus{
	outline: none;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType:hover{
	color: var(--mainGreen);
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType .text{
	width: calc(100% - 15px);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType .icon{
	width: 12px;
	height: 7px;
	display: block;
	position: relative;
	overflow: hidden;
	right: 0;
	transform: rotate(-180deg);
	transition: all 0.4s;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType.collapsed .icon{
	/* 關 */
	transform: rotate( 0deg);
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType .icon::before{
	content: '';
	width: 8px;
	height: 8px;
	border-bottom: solid 2px var(--mainGreen);
	border-right: solid 2px var(--mainGreen);
	position: absolute;
	left: 2px;
	top: -2px;
	transform: rotate(45deg);
	transition: all 0.4s;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType.collapsed .icon::before{
	/* 關 */
	border-color: #777;
}
.rwdHeaderCourseNav .courseNav .mainNav>li>.mainType:hover .icon::before{
	border-color: var(--mainGreen);
}
.rwdHeaderCourseNav .courseNav .mainNav>li.hasSub{}
.rwdHeaderCourseNav .courseNav .mainNav>li.hasSub>a{

}
.rwdHeaderCourseNav .courseNav .secNav{
	background: rgba(200, 200, 200, 0.2);
}
.rwdHeaderCourseNav .courseNav .secNav>li{}
.rwdHeaderCourseNav .courseNav .secNav>li>a{
	height: 40px;
	padding: 0 15px;
	border-bottom: solid 1px #ddd;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.4s;
}
.rwdHeaderCourseNav .courseNav .secNav>li>a:hover{
	color: var(--mainBlueLight);
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> include_footer.php <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.footerRwd { height: 40px; width: 100%; padding: 10px 0; background: #d3dbc6; font: 400 12px 'Century Gothic', '微軟正黑體'; color: #333; text-align: center; position: absolute; bottom: 0; z-index: 999; }
.footerRwd .footerCopyright { height: auto; border-top: none; margin: 0; line-height: 20px; color: var( --mainGreen ); text-align: center; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> RWD<<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


@media (min-width: 1500px){
	.container { max-width: 1440px; }
	.col-xxl-3{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.col-xxl-6{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-9{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.d-xxl-block{
		display: block !important;
	}
}
@media (min-width: 1700px){
	.container { max-width: 1620px; }
}
@media screen and (max-width:1210px) {
   
}

@media screen and (max-width:1199px) {
	.header .searchContainer { width: 200px; }
.footer .rightContainer .idaLogo{
	width: 250px;
}
.footer .rightContainer .navContainer .item:not(:last-child){
	margin-right: 15px;
}
.courseDetail .vedioContainer .vedioBox,
.courseDetail .vedioContainer .vedioBox .vedio iframe,
.courseDetail .vedioContainer .ListContainer{
	height: 450px;
}
}

@media screen and (max-width:1100px) {}

@media screen and (max-width:1000px) {}

@media screen and (max-width:991px) {
main { margin-top: 70px; }
#indexMain .navContainer { margin-top: 15px; top: 0; }
.course:not(.courseGroup) .navContainer{
	display: none;
}
.course .navRwdContainer{
	display: flex;
}
#course .courseContainer{
	margin-top: 0;
}
.courseDetail .topTitleContainer { height: auto; }
.courseDetail .topTitleContainer .title { margin-bottom: 10px; font: 600 24px 'Century Gothic', '微軟正黑體'; line-height: 30px; }
.courseDetail .topTitleContainer .bottom { display: flex; justify-content: space-between; align-items: center; }
.courseDetail .topTitleContainer .type { height: 26px; padding: 0 5px; border: solid 1px var(--mainGreen); border-radius: 5px; font: 400 14px 'Century Gothic', '微軟正黑體'; line-height: 24px; color: var(--mainGreen); }
.courseDetail .topTitleContainer .social { display: flex; }
.courseDetail .topTitleContainer .item { width: 24px; transition: all 0.4s; }
.courseDetail .topTitleContainer .item:not(:last-child) { margin-right: 15px; }
.courseDetail .topTitleContainer .item:hover { opacity: 0.8; }
.courseDetail .vedioContainer { margin-bottom: 30px; flex-direction: column; }
.courseDetail .vedioContainer .vedioBox { width: 100%; height: 350px; }
.courseDetail .vedioContainer .vedioBox .vedio iframe { height: 350px; }
.courseDetail .vedioContainer .ListContainer { width: 100%; height: 250px; }
.courseDetailBody .rightSideContainer { width: 100%; }
.courseDetailBody .rightSideContainer .sideBox { width: 100%; position: fixed; bottom: 10px; left: 0; top: auto; z-index: 999; }
.courseDetailBody .rightSideContainer .top { width: calc(100% - 30px); max-width: 690px; height: 50px; margin: 0 auto; border-radius: 5px; display: flex; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.courseDetailBody .rightSideContainer .priceContainer { width: 60%; height: 50px; max-width: calc(100% - 200px); padding-top: 5px; padding-bottom: 0; background: #f5f5f5; align-items: center; }
.courseDetailBody .rightSideContainer .btnContainer { width: 40%; }
.courseDetailBody .footer { padding-bottom: 60px; }

.groupDetail .groupContentList .listTitle{
	margin-bottom: 8px;
	font-size: 16px;
}
.courseGroup .courseGroupList .listItem{
	padding: 3px 8px;
	font-size: 16px;
}

.groupDetail .groupContentList .listCol{
	margin-bottom: 0;
}
.groupDetail .groupContentList .listCol:not(:first-child):not(:nth-child(2)) .item{
	border-top: 1px solid #cccccc;
}
.groupDetail .groupContentList .item{
	padding: 10px 0;

	display: flex;
	align-items: center;
}

.groupDetail .groupContentList .item .itemImg{
	width: 60px;
	margin-right: 10px;
	flex-shrink: 0;
}
.groupDetail .groupContentList .item .itemImg img{
	
}
.groupDetail .groupContentList .item .name{
	margin-top: 0;
	margin-right: auto;
	font-size: 14px;
	
}
.groupDetail .groupContentList .item .price{
	margin-top: 0;
	margin-left: 5px;
	flex-shrink: 0;
	font-size: 12px;
	
}
.groupDetail~.rightSideContainer .priceContainer{
	width: 70%;
}
.groupDetail~.rightSideContainer .btnContainer{
	width: 30%;
}


.cart .cartNav{
	width: 100%;
}
.cartList .productListContainer{
	margin-bottom: 20px;
}

.footer { height: auto; }
.footer .container { flex-direction: column; align-items: center; }
.footer .logoContainer { width: 300px; height: 150px; margin-bottom: 20px; position: relative; }
.footer .logoContainer::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 25px 160px 0 0; border-color: var(--mainGreen) transparent transparent transparent; position: absolute; bottom: -24.5px; left: 0; }
.footer .logoContainer::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 160px 25px 0; border-color: transparent var(--mainGreen) transparent transparent; position: absolute; bottom: -24.5px; right: 0; }
.footer .rightContainer { width: 100%; }
.footer .rightContainer .infoContainer { flex-direction: column; align-items: center; }
.footer .rightContainer .idaLogo { display: none; }
.footer .rightContainer .socialContainer { margin-bottom: 10px; }
.footer .rightContainer .navContainer { margin-left: 0; }
.footer .rightContainer .navContainer .top, .footer .rightContainer .navContainer .bottom { display: flex; justify-content: center; }
.footer .rightContainer .navContainer .item { line-height: 30px; }
.footer .rightContainer .navContainer .item:not(:last-child) { margin-right: 10px; }
.footer .rightContainer .copyright { text-align: center; }



}
@media screen and (max-width:767px) {
.rwdHeaderNavContainer {
	padding: 20px 20%;
}
.hdMemberLogContainer .btnContainer .item img { opacity: 0.5; }
.hdMemberLogContainer .btnContainer .item.line { color: #fff; background: #02b801; }
.hdMemberLogContainer .btnContainer .item.fb { color: #fff; background: #3b5998; }
.hdMemberLogContainer .btnContainer .item.google { color: #fff; background: #dd4e41; }
.insidePage .banner { height: 200px; }
.insidePage .banner .title { font: 400 100px 'Arizonia'; top: 44%; }
.insidePage .banner .title::before, .insidePage .banner .title::after { width: 100px; }
.courseDetail .vedioContainer .vedioBox { height: 280px; }
.courseDetail .vedioContainer .vedioBox .vedio iframe { height: 280px; }
.courseDetail .discussContainer .discussBox{
	--pW: 20px;
}
.courseDetail .discussContainer .boxHead{
	flex-wrap: wrap;
}
.courseDetail .discussContainer .boxHead .title{
	width: 100%;
	margin-top: 10px;
	order: 1;
}
.courseDetail .discussContainer .boxHead  .time{
	margin-left: 0;
	margin-right: auto;
}
.courseDetailBody .rightSideContainer .top { max-width: 510px; }
.courseDetailBody .rightSideContainer .priceContainer { width: calc(100% - 200px); }
.courseDetailBody .rightSideContainer .btnContainer { width: 200px; }
.courseDetailBody .rightSideContainer .cartBtn span { display: none; }
.groupDetail .groupContentList .listCol:nth-child(2) .item{
	border-top: 1px solid #cccccc;
}
.groupDetail~.rightSideContainer .priceContainer{
	width: calc(100% - 100px);
	max-width: calc(100% - 100px);
}
.groupDetail~.rightSideContainer .btnContainer{
	width: 100px;
}
.groupDetail .recommentSlider .swiperControlBtns{
	justify-content: center;
}

	
} 

@media screen and (max-width:575px) {
.rwdHeaderNavContainer { padding: 20px 15%; }
.hdMemberLogContainer .box { width: 100%; max-width: calc(100% - 30px); padding: 25px 15px; }
.noticeContainer .notice{
	padding: 12px 0;
	font-size: 12px;
	line-height: 1.3em;
	letter-spacing:0.03em;
}
#indexMain .navContainer { margin-top: 0; }
#indexMain .navContainer .container { border-radius: 0px; overflow: hidden; box-shadow: none; background: #fbfbfb; }
.insidePage .banner { height: 180px; }
.insidePage .banner .title { font: 400 70px 'Arizonia'; top: 44%; }
.insidePage .banner .title::before, .insidePage .banner .title::after { width: 80px; }
.orderTypeContainer { max-width: 100%; }
.mamberOrder .orderList .item .itemHead .bottom { height: auto; padding: 10px 20px; flex-direction: column; align-items: flex-start; }
.mamberOrder .orderList .item .itemHead .time, .mamberOrder .orderList .item .itemHead .payment { line-height: 30px; }
.mamberOrder .orderList .item .itemMain .productItem  .img { display: none; }
.mamberOrder .orderList .item .itemMain .productItem  .title { width: calc(100% - 90px); margin-right: 10px; }
.mamberOrder .orderList .orderWarningNote{
	height: auto;
	padding: 13px 10px;
	line-height: 24px;
}
.course .navRwdContainer{
	flex-wrap: wrap;
}
.course .navRwdContainer .navTypeItem.active {
	z-index: 50;
}
.course .navRwdContainer .navTypeItem.mainType{
	width: 100%;
	margin-bottom: 0;
}
.course .navRwdContainer .navTypeItem.subType, .course .navRwdContainer .navTypeItem.tagType{
	width: 50%;
}

.course .navRwdContainer .navTypeItem.tagType{}
.courseDetail .infoContainer .downloadContainer .row{
	margin-right: -5px;
	margin-left: -5px;
}
.courseDetail .infoContainer .downloadContainer .col-6{
	padding: 0 5px;
}
.courseDetail .vedioContainer .vedioBox .cover .unbuy .content {
	
}
.courseDetail .vedioContainer .vedioBox .cover .unbuy .icon .img {
	width: 120px;
	height: 120px;
	line-height: 110px;
}
.courseDetail .vedioContainer .vedioBox .cover .unbuy .icon img{
	width: 60px;
}
.courseDetail .vedioContainer .vedioBox .cover .unbuy .text{
	font: 400 26px 'Century Gothic', '微軟正黑體';
	text-align: center;
}
.courseDetail .vedioContainer .vedioBox .cover .next, .courseDetail .vedioContainer .vedioBox .cover .end{
    height: 40%;
    top: 0%;
    transform: translateY(0%);
}
.courseDetail .vedioContainer .vedioBox .cover .next .text{
	font: 600 16px 'Century Gothic', '微軟正黑體';
}
.courseDetail .vedioContainer .vedioBox .cover .next .btnNext{
	width: 134px;
	height: 40px;
}
.courseDetail .vedioContainer .vedioBox .cover .next .btnNext::after{
	left: 20px;
}
.courseDetail .discussContainer .discussBox{
	--pW: 15px;
}

.courseGroup .navContainer{
	display: none;
}
.courseGroup .courseContainer{
	padding-top: 0px;
}
.courseGroup .listContainer{
	margin-top: 30px;
}



#links .linkList .linkRow{
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: 20px;
}
#links .linkList .linkCol{
	margin-bottom: 16px;
	padding-left: 8px;
	padding-right: 8px;
}

.wechatModal .modal-content{
	border-radius: 20px;
}

.wechatModal .modal-body{
	padding: 20px 15px 25px;
}


}
@media screen and (max-width:449px){
.courseDetailBody .rightSideContainer .priceContainer { width: calc(100% - 100px); max-width: calc(100% - 100px); }
.courseDetailBody .rightSideContainer .btnContainer { width: 100px; }
.courseDetailBody .rightSideContainer .like { width: 50%; }
.courseDetailBody .rightSideContainer .cartBtn { width: 50%; }
.groupDetail~.rightSideContainer .priceContainer{
	width: calc(100% - 50px);
	max-width: calc(100% - 50px);
}
.groupDetail~.rightSideContainer .btnContainer{
	width: 50px;
}
.groupDetail~.rightSideContainer .cartBtn { width: 100%; }
.cart .cartNav { margin-bottom: 30px; }
.cart .cartNav .item { font: 600 15px 'Century Gothic', '微軟正黑體'; line-height: 45px; letter-spacing: 0px; }
.cart .cartNav .item.cartNavList { width: calc((100% + 10px) / 3); margin-right: -5px; clip-path: polygon(5px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px); }
.cart .cartNav .item.cartNavInfo { width: calc((100% + 10px) / 3); margin-right: -5px; clip-path: polygon(calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%); }
.cart .cartNav .item.cartNavBuild { width: calc((100% + 10px) / 3); clip-path: polygon(calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 10px 50%, 0 0); }
.cartList .productListContainer .productList .img { display: none; }
.cartList .productListContainer .productList .content { width: calc(100% - 75px);}
.cartInfo .subtotalContainer .productItem .img { display: none; }
.cartInfo .subtotalContainer .productItem .productContent { width: calc(100% - 0px);}
}
@media screen and (max-width:400px) {
.rwdHeaderNavContainer { padding: 20px 10px; }
.courseContainer .listContainer .col-8 { flex: 0 0 100%; max-width: 100%; }
.rwdMenuLogo { width: 50px; margin-left: 15px; margin-right: 15px; }
.headerRwdContainer .searchContainer { width: 140px; }
.rwdCartIcon { margin-right: 15px; }
.rwdMenuIcon { margin-right: 15px; }
.mamberOrder .orderList .item .itemHead { }
.mamberOrder .orderList .item .itemHead .top { height: 50px; padding: 0 15px; }
.mamberOrder .orderList .item .itemHead .number { font: 600 18px 'Century Gothic', '微軟正黑體'; letter-spacing: 0.2; }
.mamberOrder .orderList .item .itemHead .triangle { border-width: 0 6px 8px 6px; }
.mamberOrder .orderList .item .itemHead .status { height: 30px; width: 95px; font: 400 16px 'Century Gothic', '微軟正黑體'; line-height: 30px; }
.mamberOrder .orderList .item .itemHead .bottom { padding: 10px 15px; }
.mamberOrder .orderList .item .itemMain { /*padding: 0 15px;*/ }
.mamberOrder .orderList .item .itemFoot { height: 50px; padding: 0 15px; }
.mamberOrder .orderList .item .itemFoot .itemBtn { height: 30px; width: 80px; font: 400 16px 'Century Gothic', '微軟正黑體'; line-height: 30px; }
.mamberOrder .orderList .item .itemFoot .priceTotal { font: 600 20px 'Century Gothic', '微軟正黑體'; }
#links .linkList .linkCol{
	max-width: 80%;
	flex: 0 0 80%;
}
@media screen and (max-width:375px) {
.courseDetail .infoContainer .downloadContainer .col-6{
	width: 100%;
}
}
@media screen and (max-width:374px) {
#links .linkList .linkCol{
	max-width: 100%;
	flex: 0 0 100%;
}
}
@media screen and (max-width:360px) {
.memberCenter .navContainer .item { font: bold 16px 'Century Gothic', '微軟正黑體'; line-height: 46px;}
.footer .rightContainer .navContainer .item{
	font-size: 14px;
}
.course .navRwdContainer .navTypeItem .typeTitle .title {
	width: calc(100% - 15px);
	padding-left: 15px;
}

.course .navRwdContainer .navTypeItem .typeContent .item {
	padding-left: 15px;
}
}