
@media (max-width:1200px){
	table.admin-division-table  thead {
         border: none;
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         width: 1px;
    }
	
	table.admin-division-table tbody tr {
		display: block;
		margin-bottom:1em;
	}
	
	table.admin-division-table td {
		display: block;
	}
	
	table.admin-division-table tbody{
		display:block;
	}
	
	table.admin-division-table td::before{
         content: ""attr(data-label)" ：" ;
         float: left;
         font-weight: bold;
         text-transform: uppercase;
		 padding-top:1em;
		 padding-right:0.5em;
	}
	
	table.admin-division-table td.txt-only::before{
        padding-top:0;
	}
	
	table.admin-division-table .sound-txt.pinyin{
		margin-top:0.3em;
	}
	
	table.admin-division-table  td{
		border:none;
	}
	
	
	
	
	
}

@media (max-width:992px){
	.article-wrapper .vocab-item,
     .learning-target .vocab-item{
         width:50%;
		  
    }
	.article-wrapper .vocab-content  .vocab-item:nth-child(3n+1),
     .learning-target .vocab-content .vocab-item:nth-child(3n+1){
         clear:none;
    }
	
	 .article-wrapper .vocab-content  .vocab-item:nth-child(2n+1),
    .learning-target .vocab-content .vocab-item:nth-child(2n+1){
        clear:both;
    } 

     .voice-wrapper .vocab-item{
         width:100%;
    }
     .voice-wrapper .vocab-item{
         clear:left;
    }
	
	.gov-structure .member-list{
		padding:0;
	}
		
	
	.gov-structure .posts,
	.gov-structure .member-name-wrapper{
		width:100%;
		float:none;
	}
	.gov-structure .posts{
		background-color:#eeeeee;
		padding:0.5em 0.5em 0 0.5em;
		margin-bottom:1em;
	}
	
	.gov-structure .member-name-wrapper{
		padding:0.5em;
	}
	
	.gov-structure .member-name-wrapper .name{
		float:none;
		margin-right:0;
	}
	
	
	

	
	
	
    
}
 @media (max-width:800px){
	 table{
		 display:table;
	 }
	 .controller-wrapper .speed ,
	 .controller-wrapper .audio-wrapper{
		 display:block;
	 }
	 
	 .controller-wrapper .speed {
		 margin-right:0;
	 }
	 
	 .controller-wrapper .audio-wrapper{
		    margin-top: 1em;
	 }
	 
	 .controller-wrapper .speed .speed-level{
		padding: 0.5em 0.75em;
	 }
	 .view-magazine .view-header{
		 padding-bottom:0;
	 }
	 .view-magazine .view-header a:before{
		display:none;
	}
	
	.view-magazine .view-header div a{
		margin-right:0.5em;
		margin-bottom:1em;
		padding:0.5em 0.7em;
	}

	 
 }
 @media (max-width:768px){
	 .article-wrapper .vocab-item,
     .learning-target .vocab-item{
        width:100%;
		background-color: #f8f8f8;
		padding: 5px;
    }
     .learning-target .vocab-content .vocab-item{
         clear:left;
    }
     .learning-target .vocab-wrapper, .learning-target .vocab-sentence-wrapper, .learning-target .customize-wrapper, .article-content{
         padding:1em;
    }
	
	.quiz-report .dt .question-fib-wrapper .question-content{
		 display:none; 
		
	}	
	.quiz-report .dd .question-fib-wrapper {
		padding:0.2em;
	}
	
	.quiz-report .dd .question-fib-wrapper .question-content{
		padding-left:0 !important; 
	}
	
	.quiz-report .dd .question-fib-wrapper  .sound-txt-wrapper .sound{
		float:none;
		margin-bottom:0;
	}
	.quiz-report .dd .question-fib-wrapper  .sound-txt-wrapper .sound-txt{
		width:100%;
		float:none;
	}
	
	.quiz-report .dd  td{
		vertical-align:top;
	}
	
	.quiz-report .dd  thead  tr{
		position:relative;
	}

	
	
}
 