/* reset opigno css */
body{
	background:#ffffff;
}
table, .forum-table{
	border-collapse: collapse;
	width:100%;
}

.form-item-title input{
	font-size: inherit;
}

.form-item-title{
	border-bottom:none;
	padding-bottom: 0;
}

.page-admin-content  .views-exposed-form .views-exposed-widget .form-submit {
	margin-right:1em;
}

select#quiz-jumper{
	display:inline-block;
}

table, .forum-table{
	border:1px solid #efefef;
	margin-left:0;
}



.admin-views-view .views-exposed-form .views-submit-button, .admin-views-view .views-exposed-form .views-reset-button{
	padding-right:1em;
}

tr:first-child td, tr:first-child th{
	font-weight:normal;
	text-transform: none;
}

/* end of reset opigno css */

thead+tbody tr:nth-child(odd) td:not([class*="ui-datepicker"]) {
    background: #f9f9f9;
}

.sound:hover{
	cursor:pointer;
}

/* question theme */
#quiz-report-form td{

}
#quiz-report-form tr{
	border: 1px solid #e6e6e6;
}


#quiz-question-answering-form{
	border: 1px solid #dbdbdb;
}
#quiz-question-answering-form .form-item{
	margin-top:0;
	margin-bottom:0;
}

.question-sentence,.question-content,.question-content .sound{
	margin-bottom:1em;
}

.question-content .txt{
	font-size:1.3em;
	font-weight: 600;
	line-height:2em;
}
.question-content .highlight-txt{
    background-color: #fec7b6;
    padding: 0.2em 0.3em;
	margin-left:0.1em;
	margin-right:0.1em;
}
#quiz-report-form .highlight-txt{
	color:#333;
}


.page-node-take .field-name-body{
	padding: 0.5em;
    border: 1px solid #f4f4f4;
    border-bottom: none;
	background-color:#ffffff;
}

.page-node-take .field-name-body .field-label{
	color:#515151;
}

/* please choose one */
#quiz-question-answering-form  label[for=edit-tries-answer]{
	background-color:#dce9f5;
	padding:0.3em  0.5em;
	margin-bottom:0;
}

#quiz-question-answering-form table td{
	padding:0.5em 0.25em;
}

#quiz-question-answering-form #edit-tries-answer table{
	width:100%;
}

tr.multichoice_row,#quiz-question-answering-form{
	background-color:#fff;	
}

tr.multichoice_row:nth-child(even){
	background-color:#efefef;
}

tr.multichoice_row td .sound,#quiz-report-form td .sound,.node-multichoice .sticky-enabled .sound{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5em;
}

tr.multichoice_row td img{
	max-height:100px;
}

#quiz-report-form .question-sentence{
	padding-top:5px;
}
#quiz-report-form .question-content{
    padding-left: 0.7em;
}


/* fill in the blank */
.question-fib-wrapper  {
	padding:1em;
}
#quiz-report-form .question-fib-wrapper {
	padding-top:0;
}

#quiz-report-form .question-fib-wrapper .question-content{
	color:#333;
}


.question-fib-wrapper .fib-example{
	margin-bottom:1em;
}

.question-fib-wrapper .fib-example{
	background-color:#f8f8f8;
	border:1px solid #dadada;
	padding:1em;
}


.question-fib-wrapper  .question-content .question-item-wrapper{
	background-color: #eef7ff;
    border: 1px solid #9eaebc;
	padding:1em 1em 0.5em 1em;
	margin-bottom:1em;
}



.question-fib-wrapper  .question-content .question-item-wrapper:last-child{
	margin-bottom:0;
}

/* .question-fib-wrapper  .question-content .sound-txt-wrapper .sound-txt{
	margin-top:0;
} */

#quiz-question-answering-form .form-type-textfield input {
    border: 3px #f27e2b solid;
    border-left: 1px #d8d8d8 solid;
    border-right: 1px #d8d8d8 solid;
    border-top: 1px #d8d8d8 solid;
    margin-bottom: 5px;
}

#quiz-question-answering-form .form-type-textfield input,
#quiz-report-form .form-type-textfield input{
	width:4em;
	text-align:center;
}

.question-fib-wrapper .question-content{
	margin-bottom:0;
}

.question-fib-wrapper .fib-option-group{
	padding:0.75em;
	padding-bottom:0;
	background-color:#68A9D8;
	margin-bottom:1em;
	
}

.question-fib-wrapper .fib-option-group .fib-option{
	background-color:#fff;
	padding:0.2em 0.5em;
	margin-bottom:0.75em;
	display:inline-block;
	margin-right:1em;
}

.question-fib-wrapper .pinyin-formatter-word-wrapper .pinyin_word .pinyin{
	color:#333;
}
	
	

/* end of question theme */


body{
	color:#333;
	line-height:normal;
	font-family: 'Source Sans Pro', 'sans-serif','Microsoft JhengHei';
}

tbody tr:nth-child(even) td:not([class*="ui-datepicker"]){
    background: #efefef;
}

th{
    background: #4ba3dc;	
}
/* thead+tbody tr:nth-child(odd) td:not([class*="ui-datepicker"]){
	background: #fff;
}

thead+tbody tr:nth-child(even) td:not([class*="ui-datepicker"]){
	background: #edf7ff;
} */

/* .form-radio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:3px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width:20px;
  height:20px;
  border-radius:50%;
}
.form-radio:checked{
  border:7px solid #8d8d8d;
}
 */


table.no-bg td{
	background-color: #fff !important;
}

table.no-bg td:last-child,table.no-bg  th:last-child{
	border-right: 1px solid #dce9f5;
}


#content{
	font-size:18px;
}

.inline{
	display:inline-block;
}

.pinyin-formatter-word-wrapper{
	margin-bottom:0.5em;
}

.pinyin-formatter-word-wrapper .pinyin_word .pinyin{
	color:#6F8F9A;
}

.pinyin.hide-pinyin .pinyin-formatter-word-wrapper .pinyin_word .pinyin{
	display:none;
}

.pinyin.hide-pinyin  .pinyin-formatter-word-wrapper{
	margin-bottom:0;
	padding-right: 0;
    min-width: auto;
    text-align: left;
}

.pinyin.hide-pinyin .pinyin-formatter-word-wrapper .punctuation.punctuation_suffix{
	padding-left:0;
}



button.text-only,
button.show-script{
	font-size:1.3em;
	border-radius:5px;
	background:#efefef;
	color:#333 !important;
	margin-top:1em;
	margin-bottom:1em;
}

button.show-script{
	border:solid 1px #ccc;
	font-size:1.1em;
	margin-bottom:0;
}

button.text-only:hover,
button.show-script:hover{
	background:#ebe9e9;
}

button.text-only.on{
	font-size: 1.3em;
    border-radius: 5px;
	background-color:#5aa449;
	color:#fff !important;
	margin-bottom:1em;
}

button.text-only.on:hover{
	background-color:#459333;
}

.media-script{
	display:none;
	line-height: 1.7em;
}

.media-script > p{
	text-indent:2em;
}

.media-script.show-text{
	display:block;
}


table[style*="text-align:center"] th{
	text-align:center;
}


.slide-content td,.slide-content th {
    border: 1px solid #dce9f5 !important;
}


.slide-content table{
	width:100%;
	display:table;
}


.section-title{
	font-size: 1.5em;
	font-weight:bold;
	background-color: #4E7096;
    color: #efefef;
    border-left: 6px solid #233647;
    padding: 0.25em 0.25em 0.25em 0.5em;
    
}

.section-sub-title{
	font-size:1.3em;
	font-weight:bold;
	color:#4E7096;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom: 1px solid #dbdbdb;
}

.section-sub-title .pinyin-formatter-word-wrapper{
	margin-bottom:0;
}

.paragraph-wrapper,
.sentence-wrapper{
	margin-bottom:1.5em;
}

.sentence-wrapper:last-child{
	margin-bottom:0;
}

.sentence-wrapper img{
	vertical-align:middle;
	margin-right:1em !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.sentence-wrapper img.not-margin{
	margin-right:0em !important;
}




.paragraph-wrapper:last-child{
	margin-bottom:0;
}

.highlight-red,
.highlight-red .pinyin-formatter-word-wrapper .pinyin_word .pinyin{
	color:#d40000;
}

.article-wrapper,.learning-target,
.section-wrapper{
	background-color:#dce9f5;
	padding:1.5em;
	margin-bottom:2em;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); 
}

.section-inner-wrapper{
	background-color:#fff;
	border-radius:15px;
	border: 1px solid #e6e6e6;
	padding:1em;
	margin-bottom:1.5em;
}

.section-inner-wrapper hr{
    border: 1px solid #dbdbdb;
	margin-bottom:2em;
}


.section-inner-title{
	margin-bottom:1em;
	font-weight:bold;
}

.section-inner-wrapper:last-child{
	margin-bottom:0;
}



.sound-txt-wrapper{
	overflow:hidden;
}
.sound-txt-wrapper .sound{
    margin-right: 1em;
    float: left;
}

.sound-txt-wrapper.block .sound{
	float:none;
	margin-right:0;
	margin-bottom:1em;
}

.sound-txt-wrapper  .sound-txt{
	width: calc(100% - 45px - 1em);
	float: left;
	margin-top: 0.65em;
	margin-bottom: 0.5em;
}

.sound-txt-wrapper.block .sound-txt{
	width:100%;
	float:none;
	margin-top:0;
}


.section-inner-wrapper .tips{
	clear:both;
	background-color:#ffede7;
	padding:0.5em;
}

.voice-wrapper .section-inner-wrapper img{
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;

}

.voice-wrapper .section-inner-wrapper  table  img{
	border:none;
	margin-top:0;
	margin-bottom:0;
}

.voice-wrapper .section-inner-wrapper  table {
	margin-top:1em;

}
.voice-wrapper .section-inner-wrapper  table:last-child{
	margin-bottom:0;
}

.voice-wrapper  .highlight-red{
	font-weight:bold;
}


.article-wrapper .section-sub-title{
	text-align:center;
}

.voice-wrapper img{
	display:block;
	margin:1em auto;
	margin-top:0;
/* 	border:1px solid #d9d9d9; */
}

.voice-wrapper img.inline{
	display:inline;
	border:none;
	margin:0;
	vertical-align:middle;
	
}


.voice-wrapper  .vocab-item{
	width:50%;
	float:left;
	margin-bottom:1em;
}

.voice-wrapper .vocab-item:nth-child(2n+1){
	clear:left;
}




.learning-target .vocab-wrapper,
.learning-target .vocab-sentence-wrapper,
.learning-target .customize-wrapper,
.article-content{
	background-color:#fff;
	border-radius:15px;
	border: 1px solid #e6e6e6;
	padding:2em;
	margin-bottom:1.5em;
}

.article-wrapper .vocab-content ,
.learning-target .vocab-content,
.learning-target .vocab-sentence-content,
.learning-target .customize-content{
	overflow:hidden;
}

.article-wrapper .vocab-item,
.learning-target  .vocab-item{

	width:50%;
	float:left;
	margin-bottom:1em;
}

.article-wrapper .vocab-content  .vocab-item:nth-child(2n+1),
.learning-target  .vocab-content .vocab-item:nth-child(2n+1){
	clear:left;
}

.learning-target .vocab-sentence-item,
.learning-target .customize-item{
	margin-bottom:1em;
}


/* multimedia audio & video */

.multimedia-wrapper > .pinyin{
	margin-bottom:1em;
}

video {
  max-width:400px;
  width: 100%    !important;
  height: auto   !important;
}


.sound.full-player audio::-internal-media-controls-download-button,
.multimedia-wrapper  video ::-internal-media-controls-download-button{
    display:none;
}

.sound.full-player audio::-webkit-media-controls-enclosure ,
.multimedia-wrapper video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

.sound.full-player audio::-webkit-media-controls-panel,
.multimedia-wrapper video::-webkit-media-controls-panel{
    width: calc(100% + 30px); /* Adjust as needed */
} 


table.admin-division-table td, table.admin-division-table th{
	padding:0.5em;
	vertical-align:top;
}

table.admin-division-table .sound-txt.pinyin{
		margin-top:0.3em;
}

.gov-structure,.pth-vocab{
	 max-width:1200px; 
}

.gov-structure .gov-title{
	padding:1em;
	padding-bottom:0;
	border-bottom:2px solid #d7d7d7;
	margin-bottom:1em;
	font-weight:bold;
	font-size:1.3em;
	
}


.gov-structure .member-list{
	margin-bottom:2em;
	padding:1em;
}

.gov-structure .sound-txt{
	margin-top:0;
}

.gov-structure .posts{
	font-weight:bold;
	float:left;
	width:25%;
	background-color:#fff;
	
}

.gov-structure .row-wrapper{
	border-bottom:1px solid #efefef;
	margin-bottom:1em;
	overflow:hidden;
}

.gov-structure .member-name-wrapper{
	float:left;
	width:75%;
}


.gov-structure .member-name-wrapper .name{
	float:left;
	margin-right:1.5em;
}

.gov-structure ul{
	list-style-type:none;
}

.gov-structure ul li{
	margin-bottom:1em;
}


.gov-structure .dept-wrapper{
	margin-bottom:2em;
	background-color: #ffffff;
	border:1px solid #efefef;
}


.gov-structure .dept-header {
	cursor:pointer;
	background-color:#e2f5ff;
	font-weight:bold;
	padding:1em;
	padding-bottom:0;
	overflow:hidden;
	
}

.gov-structure .dept-header .sound-txt-wrapper{
	width: calc(100% - 56px - 20px);
	margin-right:20px;
	float:left
}
.gov-structure .dept-header .material-icons{
	font-size:2.5em;
	color:#717a7f;
	float:left;
	line-height:1.2;
}
.gov-structure .dept-header .material-icons{
	/* -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear; */
}

.gov-structure .dept-header .material-icons.down{
	-ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gov-structure .dept-header .material-icons:hover{
	cursor: pointer; 
}



.gov-structure ul.sub-dept-wrapper{
	margin-top:0;
	padding-top:1em;
	display:none;
	padding:1em 1em 0 1em;
	
}


.gov-structure.gov-hk ul.sub-dept-wrapper > li{
	background-color:#fff9db;
	padding-bottom:5px;
	margin-bottom:2em;
}

.gov-structure.gov-hk ul.sub-dept-wrapper.no-bg > li{
	background-color:#fff9db;
	padding-bottom:5px;
	margin-bottom:1em;
	padding-bottom:0;
}


.gov-structure.gov-hk ul.sub-dept-wrapper li.no-bg{
	background-color:#fff;
	margin-bottom:0;
}


.gov-structure.gov-hk ul.sub-dept-wrapper > li >.sound-txt-wrapper{
	background-color:#f9efaf;
	padding-bottom:5px;
	padding:1em 1em 0 1em;
	font-weight:bold;
}
.gov-structure.gov-hk ul.sub-dept-wrapper.no-bg > li >.sound-txt-wrapper{
	background-color:#fff;
	font-weight:normal;
	padding-left:0 0 0 1em;
}




.gov-structure.gov-hk ul.sub-2-dept-wrapper{
	margin-top:1em;
}


.gov-structure.gov-hk ul.sub-2-dept-wrapper li:last-child{
	margin-bottom:0;
}
.gov-structure.gov-hk ul.sub-2-dept-wrapper li:first-child{
	font-weight: bold;
    color: #6e6e6e;
}


.gov-structure.gov-hk .dept-header.chief-executive{
	background-color:#a9ddff;
}
.pth-vocab-wrapper .vocab-item{
	margin-bottom:2em;
	border: 1px solid #efefef;
}

.pth-vocab-wrapper .vocab-item:last-child{
	margin-bottom:0em;
}

.pth-vocab-wrapper .word{
	background-color:#e2f5ff;
	padding:1em;
	font-weight:bold;
}

.pth-vocab-wrapper .label {
	font-weight:bold;
}


.pth-vocab-wrapper .details{
	padding: 1em;
	
}
.pth-vocab-wrapper .meaning,
.pth-vocab-wrapper .usage,
.pth-vocab-wrapper .example .label{
	margin-bottom:1em;
}

.pth-vocab-wrapper .example .label{
	display:block;
}
.pth-vocab-wrapper .sentence-wrapper{
	margin-bottom:1em;
}



.sentence-cat-wrapper{
	overflow:hidden;
	margin-bottom:1em;
	background-color: #e2f5ff;
	padding:0.5em;
	
}

.useful-sentence .sentence-cat-wrapper ul, 
.sentence-cat-label{
	display:inline-block;
	float:left;	
}

.sentence-cat-label{
	font-weight:bold;
	padding:0.5em;
}
	
.useful-sentence .sentence-cat-wrapper ul{
	margin:0;
	padding-left:0;
}

.useful-sentence .sentence-cat-wrapper li{
	display:inline-block;
	float:left; 
	margin-right:0.5em;
	cursor:pointer;
	padding:0.5em 1em;
}

.useful-sentence .sentence-cat-wrapper li.active {
	background-color:#fff;
}

.sentence-title{
	background-color:#e2f5ff;
	padding:0.5em;
	font-weight:bold;
}


.useful-sentence ul{
	margin-top:0.25em;
}

.letter-example .letter-category-name{
	font-size:1.3em;
	font-weight:bold;
	padding:0.5em;
	margin-bottom:0.75em;
	border-bottom:1px solid #cbcbcb;
	
}
.letter-outer-wrapper{
	background-color:#ffffff;
	margin-bottom:1em;
	border:1px solid #e8e8e8;
}
.letter-example .title-header{
	padding:0.7em 0.7em 0.25em 0.7em;
	background-color:#e2f5ff;
	border-bottom:none;
	overflow:hidden;
}

.letter-example .title-header:hover{
	cursor: pointer; 
}

.letter-example .title-header .letter-title{
	width:calc(100% - 25px);
	float:left;
}

.letter-example .title-header .letter-title .material-icons{	
	float:left;
}

.letter-content .title-header .material-icons.down{
	-ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.letter-detail-wrapper{
	display:none;
	border-top:0;
	padding:1em;
}


.letter-content p{
	text-indent:2em; 
}

.take-button-cell a{
	box-sizing:unset !important;
}


.audio-evaluation p.audio-articel-title{
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.audio-evaluation p.article-source{
	text-align:right;
}

.speaking-remark{
  font-style: italic;
  font-size:0.85em;
}
#audio-guide,.page-node-take .form-type-file{
	padding:1em;
}
.page-node-take .form-type-file{
	border-top:2px solid #d7d7d7;
}
#btn-record,p#status{
	margin-left:1em;
	margin-right:1em;
}
ul#recordingslist{
	list-style-type:none;
}

ul#recordingslist input[type="radio"],ul#recordingslist audio{
	margin-right:1em;
}

ul#recordingslist audio{
	vertical-align:middle;
}

ul#recordingslist li{
	margin-bottom:1em;
}
#audio-guide .guideline{
	font-weight:bold;
	background-color:#4ba3dc;
	color: #fff;
	margin-bottom: 1em;
	padding:0.5em;
	border:1px solid #ccc;
   
}
#audio-guide .label,
#audio-guide ~ .form-item-files-tries label{
	font-weight:bold;
	color:#da4646;
}


.opigno-quiz-app-results-table {
	margin-bottom:1em !important;
}

body.page-my-achievements table.opigno-quiz-app-results-table.opigno-quiz-app-results-collapsible-table thead tr th::after,
body.page-user-achievements table.opigno-quiz-app-results-table.opigno-quiz-app-results-collapsible-table thead tr th::after{
	background-image:none;
	font-family: "Material Icons"; 
	content: "add"; 
	font-size:25px;
	top:30%;
}

body.page-my-achievements table.opigno-quiz-app-results-table.opigno-quiz-app-results-collapsible-table thead.remove tr th::after,
body.page-user-achievements table.opigno-quiz-app-results-table.opigno-quiz-app-results-collapsible-table thead.remove tr th::after{
	
	font-family: "Material Icons"; 
	content: "remove"; 
}

.opigno-quiz-app-results-table tbody{
	display:none;
}

body.page-my-achievements tr.odd{
	background-color:#fff;
}

.search-results .search-info{
	display:none;
}

.ui-dialog{
 z-index:101;	
}


.not-logged-in a[href='/search/node'],.not-logged-in a[href='/user']{
	display:none !important;
}

.take-button-cell a.read-more,
.page-node-take #quiz_score_possible,
.page-user-quiz-userresults #quiz_score_possible,
.quiz-report .dt .question-fib-wrapper .question-content,
.quiz-report .dt .quiz-report-score-container{
	/* display:none; */
}

.footer-outer-wrapper .left-col a{
	margin-right:1em;
}

.node-magazine .content{
	padding:1em;
	background-color:#fff;
	border:1px solid #f1f1f1;

}

.node-magazine .content .field{
	margin-bottom:0.75em;
} 
.node-magazine .content-container{
	border-bottom: 1px solid #e0e0e0;
	padding-bottom:1em;
	margin-bottom:1.5em;
}


.controller-wrapper{
	background-color: #4E7096;
    border: 2px solid #2c5f98;
	
	margin: -1em -1em 1em -1em;
	
	
}
.controller-wrapper .speed ,
.controller-wrapper .audio-wrapper,
.controller-wrapper .audio-wrapper audio,
.controller-wrapper .audio-wrapper .label{
	display:inline-block;
	vertical-align:middle;
}

.controller-wrapper .speed {
	margin-right:2em;
}

.controller-wrapper .speed .speed-level{
	border: 2px solid #f1f1f1;
    border-radius: 5px;
    padding: 0.75em 1em;
	margin-bottom:0;
	font-weight:bold;
}

.controller-wrapper .speed .speed-level.current{
	background-color:#ffbe72;
}

.controller-wrapper .speed  .label,
.controller-wrapper  .audio-wrapper .label{
	color:#fff;
}

.node-magazine  .pinyin-formatter-word-wrapper{
	margin-bottom:0.75em;
}

.node-magazine .field-name-field-magazine-type,
.node-magazine .field-name-field-release-date,
.node-magazine .field-name-field-source{
	color: #757575;
}

.node-magazine .msg-box{
	color:#fff;
}

div.messages{
	z-index:auto;
}
.view-magazine .view-header{
	padding:1em;
	background-color:#cccccc;
}


.view-magazine .view-header div{
	display:inline-block;
	
}
.view-magazine .view-header div a{
	background-color:#fff;
	padding:0.7em 1em;
	margin-right:1em;
	border-radius:5px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
}

.view-magazine .view-header a:before{
	font-family: "Material Icons"; 
	vertical-align:top !important;
	margin-right:0.5em;
	font-size:28px;
}
.view-magazine .view-header a.tid{
	background-color:#717171;
}

.view-magazine .view-header a.tid:hover{
	background-color:#585858;
}

.view-magazine .view-header a.tid-143{
	background-color:#008EDD;
}

.view-magazine .view-header a.tid-143:hover{
	background-color:#067cbd;
}

.view-magazine .view-header a.tid-143:before{
	content: "public"; 
}


.view-magazine .view-header a.tid-144{
	background-color:#F75454;
}

.view-magazine .view-header a.tid-144:hover{
	background-color:#f53131;
}

.view-magazine .view-header a.tid-144:before{
	content: "directions_bike"; 
}


.view-magazine .view-header a.tid-145{
	background-color:#4ABC00;
}

.view-magazine .view-header a.tid-145:hover{
	background-color:#3e9c00;
}

.view-magazine .view-header a.tid-145:before{
	content: "weekend"; 
}

.view-magazine .view-header a.tid-146{
	background-color:#9C6AE2;
}

.view-magazine .view-header a.tid-146:hover{
	background-color:#793dcc;
}


.view-magazine .view-header a.tid-146:before{
	content: "local_movies"; 
}

.view-magazine .views-row{
	overflow:hidden;
}


.view-magazine .view-content{
	padding:1em;
	margin-bottom:1em;
	background-color:#fff;
	border: 1px solid #e0e0e0;
}

.view-magazine .views-row{
	padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e0e0e0;
}

.view-magazine .opigno-group .views-row:last-child{
	padding-bottom:0;
	margin-bottom: 0;
    border-bottom: none;
}

.view-magazine  .views-field-field-release-date,
.view-magazine  .views-field-field-magazine-type,
.view-magazine  .views-field-title{
	display:inline-block;
	margin-right:1em;
	vertical-align:middle;
}
.view-magazine  .views-field-field-magazine-type .magazine-type{
	padding:0.5em;
	border-radius:5px;
	color:#fff;
}

.view-magazine  .views-field-field-magazine-type .tax-143 {
	background-color:#008EDD;
}

.view-magazine  .views-field-field-magazine-type .tax-144 {
	background-color:#F75454;
}

.view-magazine  .views-field-field-magazine-type .tax-145 {
	background-color:#4ABC00;
}

.view-magazine  .views-field-field-magazine-type .tax-146 {
	background-color:#9C6AE2;
}

.view-magazine  a{
	color:#202683;
}

.view-magazine .views-field{
	display:inline-block;
	vertical-align:middle;

}

.view-magazine .views-field-field-release-date{
	width:4.6em;
}

.view-magazine  .views-field-title{
	margin-right:0 ;
	width:calc(100% - 7em - 55px);
	
}

.opigno-group-progress-course .opigno-quiz-app-course-total-score{
	min-width:45px;
}

#user-login label{
	display:inline-block;
	min-width:7em;
}

.opigno-group-progress-course-quiz tr td:nth-child(2){
	text-align:right;
}

.opigno-group-progress-course-quiz tr td:nth-child(3){
	text-align:center;
}

.page-fanjian #second-sidebar,
.page-yinjie  #second-sidebar,
.page-pinyin  #second-sidebar
{
	
	background:#fff;
}


.quiz-report .dt .question-fib-wrapper .question-content{
	display:none;
}

#block-views-test-block-1 h2{
	margin-top:0;
}

#block-views-test-block-1{
	margin-bottom:2em;
}