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

.content {padding-bottom: 120px;}

/*目录*/
.course_catalog {position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; display:none;}
.black_bg {position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.72); display:none;}
.course_catalog_in {width:466px; height:490px; position: absolute; left:50%; top:50%; margin:-245px 0 0 -233px; background:#fff;}
.cata_top {padding:24px 0px;}
.cata_top span {text-align:center; display: block; font-size:20px;}
i.close_course {width:16px; height:16px; background:url(../image/course/other_icon.png) no-repeat 0 -12px; position: absolute; right:14px; top:12px; cursor:pointer;}
.cata_down {position:absolute; left:0; right:0; top:80px; bottom:28px; overflow:hidden;}
.cate_list {padding:0 28px;}
.cate_list li a {display: block; padding:14px 18px; border-top:1px dashed #e5e5e5; font-size:14px; color:#666;}
.cate_list li a:hover {background:#f7f7f7;}
.cate_list li a h1 {height:20px; line-height:20px; padding-left:14px; border-left:3px solid #d13c34; color:#333;}
.cate_list li a h1 span {margin-right:14px;}
.cate_list li a.bH {padding-left:0;}

.main {width:660px; margin:0px auto;}

.course_name {text-align: center;}
.course_name h1 {font-size:28px;}
.course_name h2 {margin-top:10px; font-size:18px; color:#808080;}
.main_top {position: relative; padding:74px 0 62px 0; border-bottom:1px solid #e6e6e6;}
.language_btn span {position: absolute; right:0; bottom:11px; color:#a6a6a6;}
.language_btn span a {margin:0 4px 0 2px; font-size:14px; color:#333;}

.intro_text {margin-top:53px; text-align: center; color:#808080;}
.intro_text h1 {margin-bottom:15px; font-size:20px;}
.intro_text p {line-height:28px; font-size:15px;}

.user_operate {margin-top:38px; text-align: center; font-size:0;}
.user_operate li {width:86px; height:34px; line-height:34px; margin:0 6px; background:#fff; border-radius:4px; border:1px solid #e0e0e0; display:inline-block; *display:inline; *zoom:1; font-size:14px;}
.user_operate li a {display: block; color:#808080; cursor:pointer;}


@media screen and (max-width:767px) and (min-width:320px) {
	.mobile_menu_title:before {content:'教程詳情'; display:block;}
	.content {padding-bottom:120px;}

	/*目录*/
	.close_course {display:none;}
	.course_catalog_in {width:82%; height:auto; left:-100%; top:0; bottom:0; margin:0;}
	
	.main {width:auto; padding:0px 14px; overflow-x: hidden;}
	.main_top {padding-top:60px;}
	.cata_top {padding:14px 0px;}
	.cata_top span {font-size:16px;}
	.cata_down {top:39px;}
	.cate_list {padding:14px;}
}