@media screen and (max-width:1024px){
	.menu_item {
	    /*font-size: 1.7vh;*/
	}
	.news_time{
	    padding: 0;
	}
	.message_img{
	    width: 20%;
	}
	.message_text{
	    width: 75%;
	}
	.btn.loginBtn{
	    padding: 0.7vh 1.5vh;
	}
	.bk{
	    background-position: 110% 115%;
	    background-size: 50%;
	}
	.section.login_main {
	    text-align: center;
	    padding: 15vh 0 15vh;
	}
	.section.areaTitle {
	    padding: 12vh 5vh 5vh 15vh;
	}
}
@media screen and (max-width:1024px){
	.slick-dots{
		bottom: 1vh;
	}
	.slick-dots li button:before{
		font-size: 1vh;
	}
	.slick-dots li{
		margin: 0;
	}
	.message_details {
	    line-height: 4vh;
	}
	.news_main, .section.message {
	    width: 85%;
	}
	.news_time{
		float: none;
    	width: 100%;
    	text-align: left;
	}
	.items_title > a{
		width: 100%;
	    float: none;
	    margin-bottom: 1.5vh;
	}
	.message_img{
		display: block;
	    width: 100%;
	    height: 40vh;
	    margin-bottom: 3vh;
	}
	.message_text {
	    width: 95%;
	}
	.popUpBox{
		width: 95%;
	}
	.main{
		margin-top: 9vh;
	}
	.items_title{
    	padding: 1.5vh 3.5vh 0 3.5vh;
	}
	.content .menu_box {
	    display: block;
	    table-layout: auto;
    	background: #4ab7cd;
	}
	.menu_item {
	    display: block;
	    width: 100%;
	    border: none;
	    vertical-align: middle;
	    font-size: 3.5vh;
	    background: #4ab7cd;
	    padding: 3.5vh 0;
	    border-top: 2px solid #fff;
	}
	.menu_item.activ {
	    padding: 3.5vh 0 0;
	}
	.menu.mobile {
	    width: 100%;
	    height: 9vh;
	    position: fixed;
	    z-index: 4;
	    top: 0;
	    overflow-x: hidden;
    	overflow-y: hidden;
	}
	.menu_second{
	    display: none;
	    width: 100%;
	    position: static;
	    background: #ccf1f5;
	    font-size: 2.5vh;
	    color: #004279;
	    margin: 3vh auto;
    	font-weight: bold;
	}
	.menu_second.activ{
	    margin: 3vh auto auto;
	}
	.menu_second li {
	    padding: 3vh 0;
	    border-top: 2px solid #4ab7cd;
	    background: #ccf1f5;
	}
	.menu_second li a{
		display: block;
	    padding: 2vh 0;
	    color: #004279;
	}
	.menu.mobile::-webkit-scrollbar {
	    display: none;
	}
	.menu_third{
		background: #fff;
    	color: #4ab7d5;
    	margin-top: 3vh;
    	display: none;
	}
	.menu_third li {
	    padding: 3vh 7vh;
	    border-top: 4px dotted #7d7d7d;
	    background: #fff;
    	font-weight: normal;
    	color: #7d7d7d;
	}
	.thirdItems{
	    padding: 2vh 5vh;
    	text-align: left;
    	border-bottom: 1vh solid #ccf1f5;
	}
	.itemsText{
    	padding:0;
	}
	.thirdItems:last-child{
	    padding: 2vh 5vh;
    	text-align: left;
    	border-bottom: none;
	}
	.thirdClass{
	    padding: 3vh 0;
	    display: block;
	}
	.thirdItems ul li a,.menu_item span{
	    display: block;
    	width: 100%;
    	height: 100%;
	}
	.videoClassList{
		display: none;
	}
	.videoItemList{
		padding: 3vh 0;
		text-align: left;
		width: 85%;
	}
	.section.videoList{
		text-align: center;
	}
	.breadcrumb {
	    font-size: 1.2vh;
	    margin: auto;
	    width: 100%;
	}
	.breadcrumb span {
	    display: inline-block;
	    margin: 0 1vh 2vh 1vh;
	}
	.breadcrumb span:first-child {
	    margin: 0 1vh 2vh 0;
	}
	.search.videoItem {
	    border: 0.2vh solid #4ab7cd;
	    float: none;
	    display: block;
	    margin: auto auto 3vh;
	    width: 95%;
	}
	.userIntroduction {
	    font-weight: bold;
	    font-size: 2vh;
	    margin: auto auto 1.5vh auto;
	}
	.surgeryInfo {
	    color: #bebebe;
	    font-size: 2vh;
	    line-height: 3vh;
	    margin: auto auto auto auto;
	}
	.videoIntroductionContent {
	    display: block;
	    width: 100%;
	}
	.videoPreviewContent {
	    display: block;
	    width: 100%;
	    margin: auto auto 2vh auto;
	}
	.surgeryMore {
	    margin: auto;
	    display: block;
	    width: 100%;
	    font-size: 1vh;
	    float: none;
	    border-bottom: 2px dotted #bebebe;
	    text-align: right;
	}
	.pageNumber ul li {
	    width: 10%;
	}
	.arrowLeft img, .arrowRight img {
	    width: 30%;
	}
	.videoPreviewItems.videoMoreD {
	    width: 100%;
	}
	.videoSize {
	    width: 100%;
	}
	.forMobile{
		padding: 1vh 0;
	}
	.section.areaTitle {
	    padding: 10vh 0vh 4vh 2vh;
	}
	.section.login_main {
	    padding: 2vh 0 10vh;
	    /*width: 85%;*/
	    margin: auto;
	}
	.jin-input.inputForlogin {
	    width: 90%;
	}
	.btn.loginBtn {
	    padding: 0.7vh 0vh;
	    width: 50%;
	}
	.section.signUpContent {
	    width: 85%;
	    margin: auto auto 3vh auto;
	}
	.itemsDetails {
	    display: block;
	    width: 100%;
	}
	.signUpItems {
	    width: 100%;
	    display: block;
	}
	.jin-input.signUp {
	    width: 100%;
	}
	.jin-input.personal-info {
		width: 100%;
	}
	.selec.signUp {
	    width: 100%;
	    padding: 2vh 1.5vh;
	    margin: 2vh auto;
	}
	.termsConcent {
	    width: 100%;
	}
	.termsText {
	    padding: 2vh;
    	margin: 0vh auto 4vh auto;
	}
	.termsTextDetails {
	    /*height: 20vh;*/
    	font-size: 2vh;
	}
	.search {
	    margin: 2vh 15% auto auto;
	    width: 90%;
    	float: none;
	}
	.section.myVideoList {
	    padding: 0 3vh;
	    width: 85%;
	}
	.myVideoEditBtnBlock{
		text-align: center;
	}
	.videoPreviewItems.myVideo {
	    padding: 2vh 0 3vh;
	}
	.titleText img {
	    width: 8%;
	}
	.section.videoContent {
	    width: 85%;
	}
	.userInfo {
	    font-size: 3vh;
	    margin: 5vh auto 3.5vh;
	}
	.line {
	    margin: auto 0.5vh;
	    width: 0.3vh;
	}
	.itemsRight {
	    text-align: left;
	}
	.videoItems {
	    font-size: 2.5vh;
	    display: inline-block;
	    width: 25%;
	}
	.ERCP_EUS{
		width: 40%;
	}
	.videoItemsB {
	    font-size: 3vh;
	    margin: 2vh 10vh 1vh auto;
	    display: block;
		width: 100%;
	}
	.videoItemsB.m-hidden {
		display: none;
	}
	.upload-form-el {
	    display: block;
		width: 100%;
	}
	.surgeryYear, .surgeryTimes{
	    width: 80%;
	}
	.DOS{
	    margin: 4vh auto;
	}
	.videoView {
	    width: 100%;
	    /*display: block;*/
	    /*float: none;*/
	    /*margin: 4vh auto 1vh;*/
	}
	/*
	.fileBtn {
	    display: block;
	    width: 90%;
	}
	 */
	.selec.video {
	    background-size: 5%;
	}
	.selec.video.typeB {
	    width: 90%;
	    margin: 2vh 2vh 4vh 2vh;
	    background-size: 5%;
	}
	.userInfoD {
	    display: block;
	}
	.userInfoD div:first-child {
	    width: 100%;
	    text-align: left;
	    display: block;
	}
	.userInfoD div:nth-child(2) {
	    text-align: left;
	    display: block;
	    width: 100%;
	}
	.userInfoD div {
	    display: block;
	    width: 100%;
	    text-align: left;
	}
	.userInfoD div:last-child {
	    text-align: left;
	}
	.userInfoD div:first-child .videoItemsB {
	    margin: 1.5vh auto 2vh auto;
	}
	.videoItemsC {
	    margin: 4vh 10vh 2vh auto;
	}
	.jin-input.surgeryDescription {
	    width: 85%;
	}
	.eventItemList {
	    display: block;
	    padding: 6vh 0 0 0;
	    width: 80%;
	    margin: auto;
	    text-align: left;
	}
	.section.drListDetail {
	    width: 90%;
	    margin: 2vh auto 10vh;
	    font-size: 5vh;
	    padding: 0;
	    font-weight: bolder;
	}
	.dr_text {
	    display: block;
	    margin: auto;
	    width: 80%;
	    font-size: 2.5vh;
	    vertical-align: top;
	}
	.drImgC {
	    display: block;
	    width: 80%;
	    border-bottom: #4ab7cc solid 0.4vh;
	    border-right: none;
	    padding: 3vh 0;
	    margin: 3vh auto 3vh;
	}
	.dr_details span{
		display: block;
	}
	.section.drListM{
	    /*display: block;*/
	}
	.dr-items {
		font-size: 2vw;
	    width: 100%;
	    opacity: 1;
	    margin: 8vh auto;
	}
	.drImgBox{
		width: 16vw;
		height: 16vw;
	}
}