:root {
	--base-font-size: 16px;
	--menu-font-size: 2rem;
	--menu-dd-font-size: 1.625rem;
	--font-family-aril: "Aril";
	--font-family-heiti: "Adobe 繁黑體 Std";
	/* 上方黃色menu子選項的padding */
	--menu-padding-lr: 2.5rem;
	--menu-padding-tb: 10px;
	/* 右方導航的寬度*/
	--right-side-width: calc(23.375rem * var(--scale));
	--e-icon-width: calc(8.75rem * var(--scale));

	--header-height: calc(16.25rem * var(--scale) * var(--extra-scale));
	--menu-height: 3.75rem;
	--menu-border-width: .25rem;
	--footer-height: 6.25rem;

	/*--wrap-max-width: calc(1920px * var(--scale));*/
	--wrap-max-width: calc(1920px * var(--scale) * var(--extra-scale));
	--main-max-width: calc(1920px * var(--scale) * var(--extra-scale));
	/*--carousel-height: ;*/

	/*--menu-en-font-size: calc(1.625rem * var(--scale));*/
	--menu-en-font-size: calc(1.2rem);
	/*--menu-ch-font-size: calc(1.875rem * var(--scale));*/
	--menu-ch-font-size: calc(1.4rem);
	--scale: .85;
	--extra-scale: .88;
}



html {
	height: 100%;
	font-size: var(--base-font-size);
	font-family: "Arial", "Adobe 繁黑體 Std","Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	background-color: #653793;
}
body {
	height: 100%;
	margin: 0;
}
img {
	max-width: 100%;
	max-height: 100%;
	user-select: none;
}

a {
	text-decoration: none;
	outline: none;
	color: inherit;
}
/* 移動端點擊背景色 */
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#wrap {
	width: 100%;
	max-width: var(--wrap-max-width);
	/*height: 100%;*/
	margin: 0 auto;
	/*min-height: 1080px;*/
	display: flex;
	flex-direction: column;
}
#wrap .coming {
	color: #542e71;
	font-size: calc(1.875rem * var(--scale));
}

/* header */
#header {
	width: 100%;
	height: var(--header-height);
	display: flex;
	background-color: #653793;
}

#header .left-box {
	max-width: 41.25rem;
	width: 41.25rem;
	height: 100%;
	background-image: url(../../images/destop/teacher/header01.png);
	background-repeat: no-repeat;
	background-size: contain;
}

#header .left-box .go-publish {
	width: 17rem;
	height: 6rem;
	cursor: pointer;
}

#header .left-box .go-home {
	width: 25rem;
	height: 5rem;
	cursor: pointer;
}
#header .right-box {
	/*max-width: 1260px;*/
	width: calc(100% - 41.25rem);
	height: 100%;
	display: flex;
	justify-content: flex-end;
	background-image: url(../../images/destop/teacher/header02.png);
	background-repeat: no-repeat;
	background-size: auto var(--header-height);
}
#header .right-box .btn-group {
	margin: 20px 2% 0 0;
	display: flex;
}
#header .right-box .mobile-btn-group {
	display: none;
}
#header .right-box .btn{
	margin-left: 20px;
	cursor: pointer;
}

#header .right-box .btn-lang {
	width: 10.125rem;
	height: 3.75rem;
	background-repeat: no-repeat;
	background-size: contain;
}
#header .btn-lang.en {
	background-image: url(../../images/common/btn_ch.png);
}
#header .btn-lang.ch {
	background-image: url(../../images/common/btn_en.png);
}
#header .right-box .btn-login {
	width: 10.125rem;
	height: 3.75rem;
	background-image: url(../../images/common/btn_login01.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#header .right-box .btn-user {
	min-width: 152px;
	height: 3.75rem;
	padding: 0 10px;
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	color: #411167;
	background-color: rgba(255,255,255,.5);
	cursor: auto;

/*	background-image: url(../../images/common/btn_login01.png);
	background-repeat: no-repeat;
	background-size: contain;*/
}
#header .right-box .btn-logout {
	width: 10.125rem;
	height: 3.75rem;
	background-image: url(../../images/common/btn_logout.png);
	background-repeat: no-repeat;
	background-size: contain;
}
/* menu*/
#menu {
	height: var(--menu-height);
	display: flex;
	/*justify-content: center;*/
	border-bottom: var(--menu-border-width) solid #472a7c;
	background-color: #ffe7ad;
	/*overflow: hidden;*/
	/*font-family: var(--font-family-aril);*/
}
#mobile-menu {
	display: none;
}
#menu .item-box {
	width: 96%;
	max-width: var(--main-max-width);
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

#menu .item {
	position: relative;
	height: 100%;
	display: inline-block;
	overflow: visible;
	font-size: var(--menu-en-font-size);
	color: #69355b;
}
/*#menu .item-box.ch .item {
	font-size: 26px;
}*/
#menu .item.no-dropdown {
	flex-grow: 1;
	justify-content: center;
}
#menu .item.no-dropdown .title {
	justify-content: center;
}
#menu .item.mode-box {
	display: flex;
	align-items: center;
	color: #9d481f;
	/*font-size: var(--menu-dd-font-size);*/
	background-color: #ff661c;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	font-weight: bold;
}

#menu .item.mode-box .title {
	display: inline-block;
	height: 3.25rem;
	line-height: 3.25rem;
	width: 5rem;
	padding: 0;
	margin: 4px;
	color: #9d481f;
	text-align: center;
	background-color: #edcb79;
	cursor: pointer;
}
#menu .item-box.en .item.mode-box .title {
	width: 9rem;
	cursor: pointer;
}
#menu .item.mode-box .title:hover {
	background-color: #ffe7ad;
}
#menu .item.mode-box .title.active {
	color: #ffffff;
	background-color: #ff661c;
}

#menu .item.has-dropdown:hover {
	color: #ffffff;
	background-color: #56ade7;
}
#menu .item .title {
	height: 100%;
	/*padding: 0 calc( var(--menu-padding-lr) + .5rem) 0  var(--menu-padding-lr) ;*/
	padding-right: .5rem;
	display: flex;
	align-items: center;
	/*cursor: pointer;*/
}
#menu .item.has-dropdown .title {
	margin: 0 auto;
	cursor: pointer;
}
#menu .item.has-dropdown .title:after {
	position: relative;
	top: 10px;
	left: 7px;
	content: "";
	/* background-image: url(../../images/destop/teacher/icon_arrow3.png); */
	border-style: solid;
	border-width: 10px 7px;
	border-color: #411165 transparent transparent;
}
#menu .item.has-dropdown:hover .title:after {
	border-color: #faf4ee transparent transparent;
}
#menu .item.has-dropdown:hover .dropdown {
	/*display: block;*/
	/*height: auto;*/
}
#menu .item .dropdown {
	display: none;
	/*height: 0;*/
	position: absolute;
	/*min-width: calc(var(--menu-dd-font-size) * 22);*/
	/*padding: 0 var(--menu-padding-lr);*/
	/*font-size: var(--menu-dd-font-size);*/
	color: #ffffff;
	background-color: #56ade7;
	overflow: hidden;
	z-index: 9999;
	left: 0;
	top: calc(var(--menu-height) - var(--menu-border-width));
}
#menu .item.has-dropdown .dropdown:hover{
	display: block;
}
#menu .item .dropdown ul, #mobile-menu .item .dropdown ul, #fake-menu-box .item ul {
	margin: 0;
	padding: 0 0;
	text-align: left;
	list-style: none;
	cursor: pointer;
}
#menu .item .dropdown ul  li {
	/*padding-left: var(--menu-padding-lr);*/
	/*padding-right: 0 !important;*/
	/*padding-right: var(--menu-padding-lr);*/
	padding-top: var(--menu-padding-tb);
	padding-bottom: var(--menu-padding-tb);
}
#menu .item .dropdown ul  li:hover, #menu .item .dropdown ul  li:hover  {
	color: #6a355c;
	background-color: #d5feff;
}
#menu .item .dropdown a {
	color: #ffffff;
	text-decoration: none;
}

/* content */
#main {
	width: 100%;
	max-width: var(--main-max-width);
	margin: 0 auto;
	/*background-color: #fefcf5;*/
}
#main.index {
	height: calc(100vh - var(--header-height) - var(--menu-height) - var(--menu-border-width) - var(--footer-height) );
	overflow: hidden;
	display: flex;
	flex-direction: column;
	/*min-height: 430px;*/
}
#main.index .section-box .section.news {
	flex-grow: 1;
}
#main.index .section-box .section.news .section-bd{
	margin-right: calc(6.125rem * var(--scale) / 2 + 25px - 7px);
}
#main .carousel-box .carousel img {
	max-width: 100%;
}
#main.index .section-box {
	flex-grow: 1;
	display: flex;
	/*min-height: 160px;*/
}
/* section板塊*/
#main .section {
	padding: 10px 4% 15px;
}
#main .section:nth-child(odd){
	background-color: #f7e8f6;
}
#main .section:nth-child(even){
	background-color: #cba1d2;
}
#main .section .section-hd {
	position: relative;
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}
#main .section .section-bd {
	display: flex;
	flex-wrap: wrap;
	margin-left: 10%;
}

#main .section .section-bd .item {
	position: relative;
	min-width: 47%;
	padding-left: calc(1.5rem * var(--scale) + 5px);
	/*max-height: 50px;*/
	line-height: 50px;
	/*font-size: var(--font-family-aril);*/
	color: #191167;
	font-size: calc(1.5rem * var(--scale));
	font-weight: bold;
	
}
#main .section .section-bd .item a {
	cursor: pointer;
}
#main .section .section-bd .item:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 0;
	width: calc(1.5rem * var(--scale));
	height: calc(1.5rem * var(--scale));
	background-image: url(../../images/destop/teacher/icon_enter.png);
	background-repeat: no-repeat;
	background-size: contain;

}

/*#main:after {
	content: "";
	display: block;
	position: fixed;
	bottom: 10px;
	width: 66px;
	height: 64px;
	background-image: url(../../images/destop/teacher/btn_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	opacity: 0;
}
#main.show-btn-top:after {
	display: block;
	opacity: 1;
}*/




/* 換section icon圖片, 寬度各有不同*/
/* 圖片可能會用api傳過來*/
#main .section .section-hd .section-icon {
	height: calc(5rem * var(--scale));
	background-repeat: no-repeat;
	background-size: contain;
}
#main .section .section-hd .section-icon img {
	max-width: 100%;
	max-height: 100%;
}
/* Teaching Resource*/
#main .section.tr .section-hd .section-icon {
	width: 416px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_tr.png);
}
/* Worksheets*/
#main .section.ws .section-hd .section-icon {
	width: 292px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_worksheets.png);
}
/* IT Zone*/
#main .section.iz .section-hd .section-icon {
	width: 317px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_ir.png);
}
/* Assessment Zone*/
#main .section.az .section-hd .section-icon {
	width: 317px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_az.png);
}
/* Public Exam Zone*/
#main .section.pez .section-hd .section-icon {
	width: 226px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_pez.png);
}
/* DES Kit*/
#main .section.dk .section-hd .section-icon {
	width: 230px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_dk.png);
}

/* Other*/
#main .section.other .section-hd .section-icon {
	width: 192px;
	height: 80px;
	background-image: url(../../images/destop/teacher/title_other.png);
}
/* 特別的news板塊*/
/* 這裡對應index.php的news， 其他的在對應css處改寫 */
#main .section.news {
	padding: 0 8%;
	background-color: #df3761;
}

#main .section.news .section-hd {
	position: relative;
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	padding-top: 1rem;
}
#main .section.news .section-hd:after {
/*	content: "";
	position: absolute;
	right: 24px;
	width: 98px;
	height: 36px;
	background-image: url(../../images/destop/teacher/btn_more.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;*/
}
#main .section.news .section-hd .section-icon {
	width: calc(12.06rem * var(--scale));
	height: calc(5rem * var(--scale));
/*	background-image: url(../../images/destop/teacher/title_news.png);
	background-repeat: no-repeat;
	background-size: contain;*/
	flex-grow: 1;
}
#main .section.news .section-hd .btn-group {
	margin-right: 25px;
}
#main .section.news .section-hd .btn-more{
	right: 24px;
	/*width: 98px;*/
	/*height: 36px;*/
	width: calc(6.125rem * var(--scale));
	height: calc(2.25rem * var(--scale));
	background-image: url(../../images/destop/teacher/btn_more.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
#main .section.news .section-bd {
	display: block;
	height: calc(100% - 105px);
	min-height: 50px;
	max-height: calc(100% - 105px);
	margin: 0 0 0 6%;
	overflow-y: auto;

}

#main .section.news .section-bd .item {
	position: relative;
	/*max-height: 50px;*/
	line-height: 50px;
	padding-left: calc(5.125rem * var(--scale) + 10px);
	/*padding-right: 100px;*/
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ffffff;
	font-size: calc(1.5rem * var(--scale));
	cursor: auto;
	max-width: calc(100% - 110px);
}
#main .section.news .section-bd .item .text {
	margin-left: 1rem;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
	white-space: normal;
}
#main .section.news .section-bd .item:before {
	background-image: none;
}
#main .section.news .section-bd .item.new:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	/*transform: translateY(50%);*/
	/*width: 82px;*/
	/*height: 40px;*/
	width: calc(5.125rem * var(--scale));
	height: calc(2.5rem * var(--scale));
	background-image: url(../../images/destop/teacher/icon_new1.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#main .section.news .section-bt {
	display: none;
}
/* 右邊的導航 right_side*/
#main .right-side {
	/*height: 100%;*/
	width: var(--right-side-width);
	max-width: var(--right-side-width);
	background-image: url(../../images/destop/teacher/bg_ep.jpg);
	background-repeat: repeat-y;
}
#main .right-side .go-student {
	/*width: 17.75rem;*/
	width: calc(var(--right-side-width) * .8);
	height: 7.8rem;
	margin: 0 auto;
	background-image: url(../../images/destop/teacher/btn_student.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}
#main .right-side .e-platform {
	width: var(--right-side-width);
	max-width: var(--right-side-width);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-top: .25rem solid #0a374b;
}
#main .right-side .e-platform .title {
	/*content: "";*/
	/*position: absolute;*/
	width: calc(var(--right-side-width) * .67);
	height: 2.3rem;
	max-width: 375px;
	max-height: 45px;
	margin: .625rem 0;
	background-image: url(../../images/destop/teacher/app_title.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#main .right-side .e-platform .item {
	width: calc(var(--e-icon-width));
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#main .right-side .e-platform .item .icon {
	cursor: pointer;
}
#main .right-side .e-platform .item .icon img {
	max-width: 100%;
	max-height: 100%;
}
#main .right-side .e-platform .item .text {
	width: calc(var(--e-icon-width) + 25px);
	text-align: center;
	font-size: calc(1.5rem * var(--scale));
	font-weight: bold;
	color: #191167;
}
/* footer */
#footer {
	/*width: calc(96%);*/
	min-height: var(--footer-height);
	/*height: var(--footer-height);*/
	padding: 0 2%;
	display: flex;
	align-items: center;
	background-color: #ffde78;
	/*font-family: var(--font-family-heiti);*/
}
#footer .row {
	display: flex;
	flex-grow: 1;
}
#footer .footer_logo {
	margin-right: 25px;
}
#footer .company_link .select_area {
	position: relative;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #d7f1f8 100%);
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#d7f1f8 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#d7f1f8 100%);
}
#footer .company_link .select_area:after {
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 1;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #008cd6 transparent;
    transform: translateY(-50%);
}
#footer .company_link select {
	position: relative;
	z-index: 2;
    display: block;
    width: 100%;
    height: 28px;
    padding: 4px 20px 4px 5px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d7f1f8',GradientType=0 );
    border: 1px solid #d69c46;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
	background-color: transparent;
	cursor: pointer;
}
#footer .copyright {
	flex-grow: 1;
	text-align: right;
	/*font-family: var(--font-family-aril);*/
	font-size: .875rem;
	font-weight: bold;
}

#footer .copyright .links {
	color: #3c499d;
}
#footer .copyright .links a span {
	padding-right: 4px;
}
#footer .copyright .links a span:after {
	content: "|";
	position: relative;
	top: -1px;
	left: 4px;
	width: 1px;
	color: #ffffff;
}
#footer .copyright .links a:last-child span {
	padding-right: 0px;
}
#footer .copyright .links a:last-child span:after {
	content: "";
	width: 0px;
}
#footer .copyright .text {
}
/* 輪播 */
#main .mobile-banner-show {
	display: none;
}
#main .banner-show .owl-nav { position:absolute; left:0; right:0; top:50%; width:100%; }
#main .banner-show .owl-prev,
#main .banner-show .owl-next { position:absolute; top:0; transform:translateY(-50%); outline:none; }
#main .banner-show .owl-prev span,
#main .banner-show .owl-next span { display:block; width:36px; height:55px; background-image:url(../../images/destop/teacher/banner_row.png); background-repeat:no-repeat; background-size:auto 100%; font-size:0; }
#main .banner-show .owl-prev { left:200px; }
#main .banner-show .owl-next { right:200px; }
#main .banner-show .owl-prev span { background-position:left top; }
#main .banner-show .owl-next span { background-position:right top; }



/* inner.php */
#main.inner {
	display: flex;
	margin: 0 auto;
}
#main.inner .left-box {
	width: calc(100% - var(--right-side-width));
	/*max-width: 1546px;*/
}
#main.inner .nav {
	height: 65px;
	padding-left: 10%;
	display: flex;
	align-items: center;
	font-size: 1.875rem;
	font-weight: bold;
	color: #ffffff;
	background-color: #df3761;
}
#main.inner .section-box {
	width: 100%;
	/*max-width: 1546px;*/
}
#main.inner .section.news {
	padding: 10px 4% 15px;
	background-color: #df3761 !important;
}
#main.inner .section-box .section.news .section-bd {
	max-height: 240px;
	max-width: calc(100% - 120px)
}
#main.inner .section {
	box-shadow: inset 0px 5px 5px rgba(0,0,0,.2);
}
/* detail.php */
#main.detail {
	min-height: calc(100vh - var(--header-height) - var(--menu-height) - var(--menu-border-width) - var(--footer-height) );
	/*min-height: 64rem;*/
	display: flex;
	margin: 0 auto;
}

#main.detail .left-box {
	width: calc(100% - var(--right-side-width));
	max-width: 1546px;
	padding: 0 4%;
	background-color: #fff8ff;
}

#main.detail .left-box .nav {
	margin: 1.25rem 0;
	font-size: calc(1rem * var(--scale));
	font-size: 16px;
	color: #191167;
	/*font-family: var(--font-family-aril);*/
}
#main.detail .content .sub-title {
	font-size: calc(1.875rem * var(--scale));
	/*font-size: 30px;*/
	/*color: #2e4671;*/
	font-weight: bold;
	margin-top: 5px;
	/*margin-bottom: 1rem;*/
}
#main.detail .content .content-hd {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	border-bottom: 2px solid #1a1a9e;
	margin-bottom: 20px;
	/*padding-bottom: 20px;*/
}
#main.detail .content .content-hd .title-box {
	flex-grow: 1;
	position: relative;
	/*top: .5rem;*/
	left: calc(-2rem * var(--scale));
	display: flex;
	align-items: center;
}
#main.detail .content .content-hd .title-box .text {
	position: relative;
	top: .8rem;
	margin-left: .5rem;
	font-size: calc(1.875rem * var(--scale));
	color: #542e71;
	font-weight: bold;
}

#main.detail .content .content-hd .title-icon{
	min-width: calc(6rem * var(--scale));
	min-height: calc(5rem * var(--scale));
	background-repeat: no-repeat;
	background-size: contain;
}
#main.detail .content.extra .content-hd .title-box {
	left: 0;
}

#main.detail .content.extra .content-hd .title-box .text {
	margin-left: 0;
}
#main.detail .content.extra .content-hd .title-icon {
	min-width: 0;
}
/* 下拉框 */
#main.detail .select-group {
	display: flex;
	align-items: flex-end;
	flex-grow: 1;
	justify-content: flex-end;
	position: relative;
	margin-bottom: .5rem;
}
#main.detail .select-group select {
	position: relative;
	z-index: 2;
	/*min-width: 11.875rem;*/
	/*height: 3.125rem;*/
	min-width: calc(11.875rem * var(--scale));
	height: calc(3.125rem * var(--scale));
	padding: 0 calc(2.75rem * var(--scale)) 0 calc(1.2rem * var(--scale));
	font-size: calc(1.875rem * var(--scale));
	/*font-weight: bold;*/
	color: #0f0f67;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-color: transparent;

}
#wrap.student #main.detail .select-group select{
	color: #112567;
}
#main.detail .select-group .select-wrap {
	position: relative;
	margin-left: 20px;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #dee5e7 100%);
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#dee5e7 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#dee5e7 100%);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#main.detail .select-group .select-wrap:after{
	position: absolute;
	top: 1.25rem;
	right: 1rem;
	content: "";
	border-style: solid;
	border-width: calc(.8rem * var(--scale)) calc(.625rem * var(--scale));
	border-color: #411165 transparent transparent;
}

/* 表格*/
#main.detail .my-table {
	margin-bottom: 10px;
}
#main.detail .my-table table {
	width: 100%;
	text-align: center;
}
#main.detail .my-table table .label {
	display: none;
}
#main.detail .my-table table tbody tr td {
	position: relative;
	height: 60px;
	border-right: 0px solid #ffffff;
	color: #191167;
	font-size: calc(1.625rem * var(--scale));
	font-weight: bold;
}
#main.detail .my-table table tbody tr td:last-child {
	border-right: none;
}
#main.detail .my-table table .download {
	padding-left: calc(1.5rem * var(--scale) + 2px);
	display: inline-block;
	position: relative;
	cursor: pointer;
}
#main.detail .my-table table .download:before {
	content: "";
	position: absolute;
	width: calc(1.5rem * var(--scale));
	height: calc(1.375rem * var(--scale));
	top: .2rem;
	left: 0;
	background-image: url(../../images/destop/teacher/icon_download.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#main.detail .my-table table .dim {
	color: #b6b6b6;
}
#main.detail .my-table table .dim:before {
	background-image: url(../../images/destop/teacher/icon_download_dim.png);

}
#main.detail .my-table table.resource .outlink {
	cursor: pointer;
}
#main.detail .my-table table.resource tbody tr:first-child td, #main.detail .my-table table .label {
	color: #ffffff;
	font-size: calc(1.625rem * var(--scale));
	background-color: #b78ce4 !important;
}
#main.detail .my-table table tbody tr:nth-child(even) td {
	background-color: #ffffff;
}
#main.detail .my-table table tbody tr:nth-child(odd) td {
	background-color: #f7e8f6;
}
/* news表格 */
#main.detail .my-table table.news tbody tr {
	display: flex;
	padding: 10px 0;
	border-bottom: 2px #bed1d6 solid;

}

#main.detail .my-table table.news td {
	width: 100%;
	padding: 0 14%;
	text-align: left;
	display: flex;
	align-items: center;
	height: auto;
}

#main.detail .my-table table.news .news-wrap {
	display: flex;
	padding: 10px 0;
	position: relative;
}
#main.detail .my-table table.news .news-wrap.new .date {
	/*display: flex;*/
	/*align-items: center;*/
	line-height: 2rem;
}
#main.detail .my-table table.news .news-wrap.new .date:before {
	content: "";
	position: absolute;
	top: 7px;
	left: -6rem;
	width: calc(5.125rem * var(--scale));
	height: calc(2.5rem * var(--scale));
	background-image: url(../../images/destop/teacher/icon_new2.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#main.detail .my-table table.news .news-wrap .text {
	margin-left: 1rem;
	display: inline-block;
	position: relative;
}
/* 登陸*/
.modal { display: none; position: fixed; z-index: 9999; left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
.modal-content { background-color: whitesmoke; margin: 15% auto; padding: 0; border: 1px solid #888; width: 35%; max-width: 40rem; min-width: 16rem; width: 40rem; height: 22.5rem;}
.modal-content .login_box_title_area { background-color: #ff5b42; padding: 10px; display: flex; align-items: center;}
.modal-content .login_box_title_area .login_box_title { font-size: 1.875rem;  flex-grow: 1; margin-left: 1.25rem;}
.modal-content .login_box_title_area .close { color: #aaa; font-size: 40px; font-weight: bold; margin-top: -10px; }
.modal-content .login_box_title_area .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }
.modal-content .login_box_content { background-color: whitesmoke; padding: 4rem 1.25rem 1.25rem; }
.modal-content .login_box_content .message { font-size: 1.5rem;}
.modal-content .login_box_content .login_error_message { color: red; }

#top_login_form .row {
	max-width: 33rem;
	margin:0 auto 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#top_login_form .label {
	min-width: 9.375rem;
	margin-right: 1.25rem;
	font-size: 1.875rem;
	text-align: right;
}
#top_login_form .input-wrap {
	flex-grow: 1;
}
#top_login_form .input-wrap input {
	width: 100%;
	min-width: 20.25rem;
	min-height: 3rem;
	font-size: 1.875rem;
	border: 2px solid #c0c0c0;
}
#top_login_form .row.bottom {
	justify-content: flex-end;
}
#top_login_form input[type="submit"] {
	/*min-width: 112px;*/
	/*min-height: 38px;*/
	/*margin-right: 5px;*/
	/*font-size: 1.875rem;*/
/*	color: #ffffff;
	background-color: #ff5b42;
	border: 2px solid #98012a;*/
}
@media screen and (max-width: 767px){
.modal-content { width: 80%; height: auto; }
.modal-content { width: 70%; height: auto; }
}

.loginForm{ width: 100%; padding: 5px 20px; margin: 8px 0; box-sizing: border-box; }
.myButton{ -moz-box-shadow:inset 0px 1px 3px 0px #91b8b3; -webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3; box-shadow:inset 0px 1px 3px 0px #91b8b3; background:#2092df;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2092df', endColorstr='#6c7c7c',GradientType=0); background-color:#2092df; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #566963; display:inline-block; cursor:pointer;
	color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; padding:11px 23px; text-decoration:none; text-shadow:0px -1px 0px #2b665e; margin-top: 15px;
}
.myButton:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ba8bb', endColorstr='#768d87',GradientType=0); background-color:#2ba8bb; }
.myButton:active { position:relative; top:1px; }


/* 回到頂部btn */
#wrap #btn-top {
	content: "";
	display: none;
	position: fixed;
	bottom: 10px;
	/*width: 66px;*/
	/*height: 64px;*/
	width: calc(4.125rem * var(--scale));
	height: calc(4rem * var(--scale));
	background-image: url(../../images/destop/teacher/btn_top.png);
	background-size: contain;
	background-repeat: no-repeat;
	transition: bottom .3s;
	-webkit-transition: bottom .3s;
	cursor: pointer;
	z-index: 999;
}

/* 滾動條css 改用插件 light-2主題*/

.owl-theme .owl-dots {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 0 !important;
}



/*login*/
#main.login {
	height: calc(100vh - var(--header-height) - var(--footer-height) - var(--menu-height) - var(--menu-border-width));
	display: flex;
	background-color: #fff8ff;
}
#main.login form {
	position: relative;
	top: 40px;
	width: 496px;
	height: 637px;
	max-width: 496px;
	max-height: 637px;
	margin: 15px auto;
	background-image: url(../../images/destop/teacher/bg_login.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#main.login form .form-hd {
	margin: 100px auto 0;
}
#main.login form .form-bd {
	margin: 42px auto 0;
}
#main.login form .form-hd .message {
	height: 50px;
	text-align: center;
	color: #472a7c;
	font-size: 26px;
}
#main.login form .form-hd .message.error {
	color: red;
}
#main.login form .input-group {
	text-align: center;
}
#main.login form .input-group input {
	height: 72px;
	width: 340px;
	padding: 0 25px;
	font-size: 26px;
	outline: none;
	border: none;
	background-color: #ffffff !important;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: 2px #472a7c solid;
}
#main.login form .row {
	margin-bottom: 77px;
}

#main.login form .btn-group {
	text-align: center;
}

#main.login .mobile-login {
	width: 162px;
	height: 60px;
	/* margin-right: 5px; */
	background-image: url(../../images/mobile/teacher/btn_login.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	border: 0;
}



/* 難搞 */
/* font-size*/
#menu .item-box .item.has-dropdown {
	/*font-size: calc(var(--menu-dd-font-size) * 1);*/
	/*padding: 0 calc(var(--menu-padding-lr) * 1);;*/
	/*font-weight: bold;*/
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	flex-grow: 1;
	display: flex;
	/*flex-direction: column;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}



#menu .item-box.ch .item.mode-box .title {
	width: 9rem;
}

#menu .item-box.by_item.en .item .dropdown{
	/*min-width: calc(var(--menu-en-font-size) * 24);*/
}
#menu .item-box.by_chapter.en .item .dropdown{
	/*min-width: calc(var(--menu-en-font-size) * 9);*/
}
#menu .item-box.by_item.ch .item .dropdown{
	/*min-width: calc(var(--menu-ch-font-size) * 13);*/
}
#menu .item-box.by_chapter.ch .item .dropdown{
	/*min-width: calc(var(--menu-ch-font-size) * 8);*/
}
/**/


#wrap #btn-login {
	width: 7.25rem;
	height: 2.625rem;
	background-image: url(../../images/common/btn_login02.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	border: 0;
}
#main .btn-back {
	margin-left: 10px;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: calc(1.875rem * var(--scale));
	color: #542e71;
	font-weight: bold;
	background-color: #edd4f0;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
#fake-menu-box {
	opacity: 0;
	position: absolute;
	top: 0;
}
#fake-menu-box .item .dropdown,
#fake-menu-box .item ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	display: inline-block;
}
#main .download-group-box {
	display: flex;
	margin-bottom: 1rem;
}
#main .download-group-box .download,
#main .download-group-box .download-all {
	padding: 5px 1.8rem;
    margin-right: 1rem;
	color: #ffffff;
    font-size: calc(1.625rem * var(--scale));
    background-color: #51c1df !important;
    border-radius: 8px;
    cursor: pointer;
}


a.outlink {
	display: flex;
	cursor: pointer;
}

#main.detail .content {
	margin-bottom: 10px;
}

#main .download-group-box {
	display: flex;
	margin-bottom: 1rem;
}
#main .download-group-box .download,
#main .download-group-box .download-all {
	padding: 5px 1.8rem;
    margin-right: 1rem;
	color: #ffffff;
    font-size: calc(1.625rem * var(--scale));
    background-color: #51c1df !important;
    border-radius: 8px;
    cursor: pointer;
}
.dim {
	cursor: auto !important;
}

/* ipad scrollbar插件 index 比 #menu 高 */
.mCustomScrollbar {
	z-index: 1;
}