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

.learning-profile{
	width:100%;
	height:auto;
	}
.learning-profile-mid{
	width: 100%;
	height:auto;
	padding: 0px 10px;
	}
.learning-profile-set{
	width:100%;
	height:auto;
	}
.learning-profile-setin{
	width:100%;
	height:auto;
	}
.learning-profile-setin .pic{
	width:56px;
	height:56px;
	text-align:center;
	margin-top: 12px;
	
	-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
	}
.learning-profile-setin .pic img{
	max-width:100%;
	
	-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
	}
.learning-profile-setin .pic2 {
    width: 56px;
    height: 56px;
    text-align: center;
	
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}
.learning-profile-setin .pic2 img{
	max-width:100%;
	
	-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
	}
.learning-profile-setin .nameset{
	width:100%;
	height:auto;
	}
.learning-profile-setin .nameset .name{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:30px;
	color:#000;
	text-align:left;
	}
.learning-profile-setin .nameset .rank{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:18px;
	color:#000;
	text-align:left;
	}
.learning-profile-out{
	width:100%;
	height:auto;
	text-align:right;
	margin-top: 16px;
	}
/****************************************/
.profile-tab-all{
	width:100%;
	height:auto;
	border-bottom:1px solid #dedede;
	margin-top:20px;
	}
.profile-select{
	width:max-content;
	height:auto;
	font-family:'lineseed';
	font-size:20px;
	color:#012b5b;
	line-height:2.1;
	text-align:center;
	border-bottom:4px solid #012b5b;
	position: relative;
	}
.profile-normal{
	width:max-content;
	height:auto;
	font-family:'lineseed';
	font-size:20px;
	color:#012b5b;
	line-height:2.1;
	text-align:center;
	position: relative;
	}
/*****************************************/
.profile-block-set{
	width:100%;
	height:auto;
	padding: 5px;
	margin-top:15px;
	background:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
	}
.profile-block-set .top{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size:26px;
	color:#012b5b;
	text-align:left;
	font-weight:bold;
	}
/************************************/
.profile-view-set{
	width:100%;
	height:auto;
	}
.profile-view-set .pic{
	width:148px;
	height:auto;
	
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}
.profile-view-set .pic img{
	max-width:100%;
	
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}
.profile-view-settext{
	width:100%;
	height:auto;
	font-family:'lineseed';
	font-size: 16px;
	margin-bottom:10px;
	}
.profile-view-bottom {
    width: 100%;
    height: auto;
    text-align: right;
    margin-top: 2px;
}
.profile-view-bottom img{
    max-width:100%;
}
/******************************************/
.profile-media-setall{
	width: 100%;
    height: auto;
	}
.profile-media-set{
	width: 100%;
    height: auto;
	border-top: 1px solid #dfdfdf;
	padding-top: 25px;
	padding-bottom:25px;
	}
.profile-media-set .pic{
	width: 174px;
    height: 115px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
.profile-media-set .pic img{
	max-width:100%;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
.profile-media-set .textset{
	width: 100%;
    height: auto;
	}
.profile-media-set .textset .name{
	width: 100%;
    height: auto;
	font-family:'lineseed';
	font-size:18px;
	color:#000;
	text-align:left;
	}
.profile-media-set .textset .time{
	width: 100%;
    height: auto;
	font-family:'lineseed';
	font-size:16px;
	color:#939393;
	text-align:left;
	}
.profile-media-set .textset .status{
	width: 100%;
    height: auto;
	font-family:'lineseed';
	font-size:16px;
	color:#28aae1;
	text-align:left;
	}
.profile-me-edit{
	width: 100%;
    height: auto;
	}
@media (max-width: 374px) { 
	.learning-profile-setin .nameset .name {
    font-size: 20px;
}
.learning-profile-setin .pic {
    margin-top: 5px;
}
.profile-block-set {
    padding: 14px;
}
.learning-profile-mid {
    width: 100%;
    padding: 0px 0px;
}
.profile-view-settext {
    font-size: 16px;
}
.profile-view-bottom {
    padding-left: 68px;
}
.profile-media-set .textset {
    margin-top: 13px;
}
	}
@media (min-width: 375px) and (max-width: 419px) {
	.learning-profile-setin .nameset .name {
    font-size: 24px;
}
.learning-profile-setin .pic {
    margin-top: 5px;
}
.profile-block-set {
    padding: 14px;
}
.learning-profile-mid {
    width: 100%;
    padding: 0px 0px;
}
.profile-view-bottom {
    padding-left: 57px;
}
.profile-view-settext {
    font-size: 16px;
}
.profile-view-bottom img {
    max-width: 90%;
}
.profile-media-set .textset {
    margin-top: 13px;
}
	}
@media (min-width: 420px) and (max-width: 575px) { 
	.learning-profile-setin .nameset .name {
    font-size: 24px;
}
.learning-profile-setin .pic {
    margin-top: 5px;
}
.profile-block-set {
    padding: 20px;
}
.learning-profile-mid {
    width: 100%;
    padding: 0px 0px;
}
.profile-view-bottom {
    padding-left: 46px;
}
.profile-view-settext {
    font-size: 16px;
}
.profile-view-bottom img {
    max-width: 90%;
}
.profile-media-set .textset {
    margin-top: 13px;
}
	}