body,h1,h2,h3,h4,h5,h6,p,span,a{
	font-family: "微軟正黑體",Arial;
}
p{ margin-bottom: 0px;}
.container{
  max-width: 1350px;
}
.modal,body.modal-open{
    padding-right: 0px!important;
}
.bg-login{
	position: relative;
	width: 100%;
	height: auto;
	background: url("../images/index-bg.png")no-repeat center center;
	background-size: cover;
}
.bg-login .container-fluid.login-content,
.bg-login .container-fluid.notice-container,
.main-content{
	min-height: calc(100vh - 166px);
}
/* scrollbar */
::-webkit-scrollbar-track{
    background-color: rgba(255,255,255,0);
}
::-webkit-scrollbar{
    width: 6px;
    background-color: rgba(255,255,255,0);
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
}

/* 全域顏色 */
a:hover{text-decoration: none;}
.text-orange{ color: #D9642F;}
.text-red{ color: #B40019;}
.text-green{ color: #30816B;}
.text-blue{color: #2FB8D9;}
.text-skyblue{ color: #2BA7FF;}
.text-green{ color: #50AD94;}
.bg-orange{ background-color: #D9642F; color: #ffffff;}
.bg-orange a,.btn.bg-orange:hover,a.bg-orange:hover{color: #ffffff;}
.bg-red{ background-color: #B40019; color: #ffffff;}
.bg-red a,.btn.bg-red:hover,a.bg-red:hover{color: #ffffff;}
.bg-blue{ background-color: #2FB8D9; color: #ffffff;}
.bg-blue a,.btn.bg-blue:hover,a.bg-blue:hover{color: #ffffff;}
.bg-skyblue{ background-color: #2BA7FF; color: #ffffff;}
.bg-skyblue a,.btn.bg-skyblue:hover,a.bg-skyblue:hover{color: #ffffff;}
.bg-gray{ background-color: #666666; color: #ffffff;}
.bg-gray a,.btn.bg-gray:hover,a.bg-gray:hover{color: #ffffff;}
.bg-green{ background-color: #50AD94; color: #ffffff;}
.bg-green a,.btn.bg-green:hover,a.bg-green:hover{color: #ffffff;}
.bg-purple{ background-color: #5D0F80; color: #ffffff;}

/* ------------表單相關樣式------------ */
textarea:focus,
textarea.form-control:focus,
input:focus,
input.form-control:focus,
select:focus,
select.form-control:focus,
button:focus,
.btn:focus{
  box-shadow: none;
  outline: none;
}
.form-control{
	border-radius: 0px;
	border-color: #B1B1B1;
}
.form-control:focus{
	border-color: #B1B1B1;
}
/* input select */
.wrap-input {
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
.wrap-input input,
.wrap-input select{
	line-height: 1.5;
	color: #4d4d4d;
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 15px 0 50px;
	font-size: 18px;
	border-radius: 0px;
	border: 1px solid #B1B1B1;
}
.wrap-input .symbol-input {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	pointer-events: none;
	color: #666666;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.wrap-input.icon-back input{
	padding: 0 45px 0 10px;
	height: 38px;
}
.wrap-input.icon-back .symbol-input{
	width: 24px;
	left: calc(100% - 36px);
	padding: 0px;
	font-size: 24px;
	color: #B40019;
}
.login-panel .symbol-input i{
	position: absolute;
	color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	background: #B1B1B1;
	z-index: 2;
}
.overlay-content .symbol-input i{ font-size: 26px; color: #B1B1B1;}
.overlay-content .wrap-input input{ color: #3DB15C;}
.overlay-content .wrap-input select,
.overlay-content .wrap-input option{color: #4d4d4d;}
.wrap-input option:nth-child(odd){
	background: rgba(0,167,255,0.1);
}
.input-search input{
	border-radius: 30px;
	border-width: 0px;
}
.input-search .input-group-text{
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-width: 0px;
    background: #ffffff;
    color: #B1B1B1;
}
/* checkbox */
.checkbox label{
	cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 34px; /* 10 px padding right + 15px input type*/
    margin-right: 10px; /* margin between inputs types */
    margin-bottom: 0px;
}
.checkbox label:before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
}
.checkbox input[type=checkbox]{
	display: none;
}
.checkbox label:before {
	background: url("../images/icon-noselect.png") left center no-repeat;
    margin-top: 2px;
}
.checkbox input[type=checkbox]:checked + label:before{
	background: url("../images/icon-select.png") left center no-repeat;
}
/* radio */
.radio input[type="radio"]:checked,
.radio input[type="radio"]:not(:checked){
    position: absolute;
    left: -9999px;
}
.radio input[type="radio"]:checked + label,
.radio input[type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #4d4d4d;
    font-size: 20px;
}
.callmeeting .radio input[type="radio"]:checked + label,
.callmeeting .radio input[type="radio"]:not(:checked) + label{
	font-size: 20px;
	color: #4d4d4d;
}
.radio input[type="radio"]:checked + label:before,
.radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #B1B1B1;
    border-radius: 100%;
    background: #fff;
}
.radio input[type="radio"]:checked + label:after,
.radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #D9642F;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* upload file */
.uploadfile input[type="file"] { display: none;}
.uploadfile .js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.uploadfile .inputfile + label {
	max-width: calc(100% - 112px);
	width: calc(100% - 112px);
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 0px;
}
.uploadfile .no-js .inputfile + label { display: none;}
.uploadfile .inputfile + label {
	background-color: rgba(255,255,255,0);
	padding: 0;
}
.uploadfile .inputfile + label .archive-name,
.uploadfile .inputfile + label .btn-inputfile {
	padding: 0px 20px 0px 20px;
	height: 40px;
	font-style: normal;
	line-height: 40px;
}
.uploadfile .inputfile + label .archive-name{
	width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    color: #919298;
    border: 1px solid #B1B1B1;
    background-color: #ffffff;
}

.uploadfile .btn-inputfile {
	color: #fff;
	font-size: 18px;
	background-color: #00A7FF;
	display: inline-block;
	border-radius: 5px;
	margin-left: 12px;
	padding: 5.5px 12px;
}


.uploadphoto{
	width: 60px;
	height: 60px;
	position: relative;
	margin: 0px 0px 0px auto;
}
#uploadphoto {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
#uploadphoto + label {
	width: 60px;
	height: 60px;
	border: 2px solid #D9642F;
	border-radius: 50%;
	background: #ffffff;
	font-size: 60px;
	color: #D9642F;
	margin: 0px;
	display: inline-block;
	overflow: hidden;
}
#uploadphoto + label .btn-inputimage{
	position: absolute;
    top: -18px;
    left: 0px;
}
#photo-preview{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #D9642F;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.uploadphoto{
		margin: 0px auto 0px 0px;
	}
}
@media screen and (max-width:575px){
	.wrap-input input,
	.wrap-input select{
		height: 42px;
		padding: 0 20px 0 45px;
		font-size: 16px;
	}
	.overlay-content .symbol-input i{font-size: 20px;}
	.checkbox label{ font-size: 15px;}
	.checkbox label{
	    padding-left: 34px;
	    margin-right: 10px;
	}
	.checkbox label:before {
	    width: 18px;
	    height: 18px;
	}
	.checkbox label:before {
		background: url("../images/icon-noselect@1x.png") left center no-repeat;
	}
	.checkbox input[type=checkbox]:checked + label:before {
		background: url("../images/icon-select@1x.png") left center no-repeat;
	}


	.uploadfile .inputfile + label{
	   margin-bottom: 0px;
	}
}


/* ------------Header Footer------------ */
.header{
	border-top: 9px solid #0099DB;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
	padding: 6px 30px;
	background: #ffffff;
}
.header .navbar-nav .nav-item{margin: 0px 15px;}
.header .navbar-nav a{
	color: #707070;
	font-size: 18px;
	font-weight: bold;
}
.nav-mobile-login{display: none;}
.nav-login i{ font-size: 40px;}
.nav-login .btn{
	font-size: 18px;
	padding: 0px 12px;
	border-radius: 5px;
}
/* dropdown menu */
.nav-logged .login-name{
	color: #4A76EC;
	font-size: 18px;
}
.nav-logged .dropdown-toggle{
	color: #4A76EC;
	background: #ffffff;
	border-width: 0px;
}
.nav-logged .dropdown-toggle:hover,
.nav-logged .dropdown-toggle:focus{
	background: #ffffff;
	color: #4A76EC;
	box-shadow: none;
}
.nav-logged .dropdown-item:focus,
.nav-logged .dropdown-item:hover {
    color: #707070;
    background-color: #ffffff;
}
.nav-logged .dropdown-menu{
    top: 40px;
    min-width: 300px;
    max-width: 300px;
}
.nav-logged .dropdown-menu h4{
	color: #707070;
	font-weight: bold;
}
.nav-logged .dropdown-item{
	color: #707070;
	font-size: 18px;
}
.logged-photo{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	background: url("../images/photo.jpg");
	background-size: cover;
	background-position: center;
	margin-right: 10px;
}
.logged-item{ display: none;}
.footer{
	background: #3C3C3C;
	color: #ffffff;
	padding: 23px 20px;
	border-bottom: 6px solid #B40019;
}
@media screen and (max-width:991px){
	#navmenu{
		position: absolute;
		top: 82px;
		right: 0;
		z-index: 99;
		width: 100%;
	}
	.navbar-nav{
	    max-height: 80vh;
	    overflow-y: auto;
	    overflow-x: hidden;
	    background: #ffffff;
	    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	}
	.nav-login{display: none;}
	.nav-mobile-login{display: block;}
	ul.navbar-nav li.nav-item{
		border-bottom: 1px solid #eceff4;
	}
	ul.navbar-nav li.nav-item a.nav-link{
		line-height: 25px;
		padding: 15px 30px;
	}
}
@media screen and (max-width:575px){
	.footer{ font-size: 14px;}
	.header{ padding: 6px 15px;}
	.nav-logged{ display: none!important;}
	#navmenu ul.navbar-nav li.nav-item a.nav-link{
		font-size: 16px;
		padding: 10px 15px;
	}
	.logged-item{ display: block;}
}
/* ------------Modal------------ */
.modal-content{
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}
.modal-header{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 10px 30px;
}
.modal-title{
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
}
.modal-content .close {
	opacity: 1;
	padding: 0px;
    margin: 0px;
}
.modal-content .close i{
	font-size: 30px;
	line-height: 30px;
	border: 2px solid #ffffff;
	color: #ffffff;
	padding: 1px 8px;
}
.modal-body p{ font-size: 20px;}
.modal-body a{ font-size: 16px;}
.modal-footer{
	border-width: 0px;
	padding: 1rem;
}
@media screen and (max-width: 1199px){
	.member-modal .modal-xl,
	.edit-meeting .modal-xl{
	    max-width: 95%;
	}
}
@media screen and (max-width:575px){
	.member-modal .modal-xl,
	.edit-meeting .modal-xl{
	    max-width: 100%;
	}
}
/* download modal */
.downlist-list{
	width: 85%;
	margin: 20px auto 10px auto;
	border: 1px solid #707070;
}
.list-header{
	background: #666666;
	color: #ffffff;
	padding: 5px 20px;
	font-size: 20px;
}
.list-item{ padding: 5px 10px 8px 10px;}
.list-item:nth-child(odd){
	background: rgba(39,153,219,0.1);
}
@media screen and (max-width:991px){
	.modal-title{ font-size: 20px;}
	.modal-content .close i{ font-size: 20px; line-height: 20px;}
	.modal-body p{ font-size: 16px;}
	.key-modal .modal-xl{
	    max-width: 95%;
	}
}
@media screen and (max-width:575px){
	.downlist-list{ width: 100%;}
	.filedownload .container-fluid { padding: 0px;}
	.filedownload .modal-footer { padding: 20px 15px 30px 15px;}
	.key-modal .modal-xl{
	    max-width: 100%;
	}
}
@media screen and (max-width:376px){
	.downlist-list .list-header{ font-size: 16px;}
	.downlist-list .list-header>.row>.pr-1{
		padding-right: 0px!important;
	}
}

/* ------------LOGIN PAGE------------ */
.login-title{
	background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 48%,rgba(255,255,255,0) 100%);
	padding: 15px 15px 15px 70px;
	margin-left: -15px;
	margin-top: 80px;
}
.login-title h1{
	color: #4d4d4d;
	font-size: 36px;
	font-weight: bold;
}
.login-title h2{ font-size: 26px; font-weight: bold;}
.login-panel{
	margin: 70px 8%;
	background: rgba(248,248,248,0.6);
	border: 1px solid #B1B1B1;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.login-panel .card-header{
	background: rgba(248,248,248,0);
	padding: 20px 20px 10px 20px;
	border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
}
.login-panel .card-header div:first-child{
	font-size: 24px;
	font-weight: bold;
}
.login-panel .card-header a{ font-size: 18px; color: #B40019;}
.btn-login{
	font-size: 18px;
	padding: 10px 20px;
	border-radius: 0px;
	font-weight: bold;
}
.login-privacy{	text-align: right;}
.login-privacy a,
.login-panel .card-footer a{
	color: #4A76EC;
}
.login-panel .card-footer{
	background: rgba(248,248,248,0);
	border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    position: relative;
}
.login-panel .card-footer p{
	position: absolute;
	top: -10px;
	left: calc(50% - 15px);
	width: 30px;
	text-align: center;
	background: rgba(248,248,248,0);
	font-size: 16px;
	font-weight: bold;
}
.exclamation{
	overflow: visible;
	position: absolute;
	width: 108.572px;
	height: 95.91px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}

@media screen and (max-width:1199px){
	.login-title h1{font-size: 26px;}
	.login-title h2{font-size: 18px;}
}
@media screen and (max-width:575px){
	.login-title{
		padding: 15px 30px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.login-title h1{font-size: 22px;}
	.login-title h2{font-size: 16px;}
	.login-panel{
		margin: 15px 10px 40px 10px;
	}
	.login-panel .card-header div:first-child{font-size: 20px;}
	.login-panel .card-header a{font-size: 16px;}
	.login-panel .card-body i{
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.btn-login{ font-size: 16px; padding: 8px 10px;}
	.login-privacy{ margin-top:10px; text-align: center;}
}
@media screen and (max-width:376px){
	.login-title{ padding: 10px 20px;}
	.login-title h1{ font-size: 20px;}
	.login-title h2{ font-size: 14px;}
	.login-panel{ margin: 5px 10px 20px 10px;}
	.login-panel .card-header>.row>.col-auto:first-child{width: 100%;}
}

/* ------------會議通知樣式------------ */
.notice-ad{
	margin: 70px 0px 50px 8%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.notice-ad .ad-header{
	padding: 20px 30px;
	background: rgba(255,255,255,0.8);
}
.notice-ad h4{ font-size: 35px; font-weight: bold;}
.notice-ad h5{ font-size: 24px; font-weight: bold;}
.notice-ad .ad-body{
	background: rgba(25,124,96,0.8);
	padding: 30px;
}
.notice-ad .ad-body p{
	font-size: 20px;
	line-height: 38px;
	color: #ffffff;
}
.notice-ad .ad-body .row .col-auto:nth-child(2){width: 170px;}
.notice-ad .ad-body .row .col-auto:first-child{width: calc(100% - 170px);}
.notice-ad .ad-body hr{ background: #ffffff;}
.carousel-control-next, .carousel-control-prev{ width: 10%;}
.notice-ad .ad-body ol.carousel-indicators{ margin-bottom: 5px;}
.notice-ad .ad-body .carousel-indicators li {
    border-top: 5px solid transparent!important;
    border-bottom: 5px solid transparent!important;
}
.notice-content{
	margin: 50px 8% 50px 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	border: 1px solid #B1B1B1;
	background: #ffffff;
	position: relative;
}
.notice-content .notice-header{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 30px;
    border-bottom: 1px solid #B1B1B1;
}
.notice-content h1{
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
}
.notice-content .notice-body{ padding: 30px 30px 0px 30px;}
.notice-content .notice-body{ min-height: 46vh;}
.notice-content .notice-footer{
	padding: 0px 30px 20px 30px;
}
.notice-content .notice-footer .border-top{
	padding-top: 20px;
}
.notice-content .notice-body p,
.notice-content .notice-body span,
.notice-content .notice-body h3{
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 10px;
}
.notice-content .notice-body .btn-download{
	font-size: 18px;
	border-radius: 0px;
}
.notice-content .notice-footer p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}
.notice-content .notice-footer .btn-enter{
	font-size: 20px;
	border-radius: 40px;
	padding: 5px 25px;
	font-weight: bold;
}
/* 輸密碼overlay */
.notice-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
}
.overlay-content{
	position: relative;
    top:50%;
    transform:translateY(-50%);
    padding: 20px 10%;
}
.overlay-content p,.overlay-content span{
	color: #ffffff;
	font-size: 20px;
	line-height: 35px;
}

/* 回覆參加欄位與顯示結果 */
.reply-header{
	background: #FF7F00;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 30px;
}
.reply-body{
	background: #ffffff;
	padding: 20px 30px;
}
.replay-ans{
	background: #FF7F00;
	color: #ffffff;
	padding: 15px 10px;
	font-size: 24px;
}
.replay-ans p{
	color: #ffffff;
	text-align: left;
	margin-bottom: 0px!important;
	font-weight: bold;
}
.replay-ans i{
	font-size: 55px;
	float: left;
	padding: 7px 0px;
}
@media screen and (max-width:1199px){
	.notice-ad{ margin: 20px 8% 50px 8%;}
	.notice-content{ margin: 50px 8% 20px 8%;}
	.notice-content .notice-body{ min-height: 40vh;}
}
@media screen and (max-width:767px){
	.notice-ad h4{ font-size: 26px;}
	.notice-ad h5{ font-size: 18px;}
	.notice-content h1{ font-size: 20px;}
	.notice-ad .ad-body,
	.notice-content .notice-body p,
	.notice-content .notice-body span,
	.notice-content .notice-body h3,
	.overlay-content p,
	.overlay-content span{
		font-size: 18px;
		line-height: 28px;
	}
}
@media screen and (max-width:575px){
	.notice-ad{ margin: 20px 0px 50px 0px;}
	.notice-content{ margin:50px 0px 20px 0px;}
	.notice-ad h4{ font-size: 22px;}
	.notice-ad h5{ font-size: 16px;}
	.notice-content h1{
		font-size: 18px;
		line-height: 28px;
	}
	.notice-content .notice-header{ padding: 15px 30px;}
	.notice-ad .ad-body p,
	.notice-content .notice-body p,
	.notice-content .notice-body span,
	.notice-content .notice-body h3{
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 8px;
	}
	.overlay-content{ padding: 20px 8%;}
	.notice-content .notice-body{ min-height: 250px;}
	.notice-content .notice-footer p,
	.notice-content .notice-footer .btn-enter,
	.overlay-content p,
	.overlay-content span{
		font-size: 16px;
	}
	.replay-ans i{
		font-size: 50px;
		padding: 3px 0px;
	}
}
@media screen and (max-width:376px){
	.notice-ad .ad-body p,
	.notice-content .notice-body p,
	.notice-content .notice-body span,
	.notice-content .notice-body h3{
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	.overlay-content p,
	.overlay-content span{
		font-size: 15px;
		line-height: 25px;
	}
	.notice-ad .ad-header,
	.notice-ad .ad-body,
	.notice-content .notice-header,
	.notice-content .notice-body,
	.notice-content .notice-footer{
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* ------------ INDEX ------------ */
.topbar{
	background: #F5FBFF;
	padding: 25px 30px;
}
.topbar h3{
	font-size: 24px;
	font-weight: 900;
}
.topbar h4{
	font-size: 18px;
	line-height: 25px;
    margin-bottom: 0px;
    color: #707070;
}
.topbar h4 a{
	text-decoration: underline;
	color: #2799DB;
}
.btn-new{
	padding: 5px 15px 5px 5px;
	background: #2799DB;
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	border-radius: 20px;
	border: 2px solid #2799DB;
}
.btn-new:hover{
	background: rgba(255,255,255,0);
	color: #2799DB;
}

/* 左側menu 按鈕 */
.btn-item{
	margin: 0px auto 15px auto;
	padding: 15px 3px;
	background: #D9642F;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	line-height: 15px;
	opacity: 0.6;
	font-size: 15px;
	min-width: 85px;
}
.btn-item:hover{ opacity: 1;}
.btn-item.active{ opacity: 1;}
.btn-item a{ color: #ffffff;}
.btn-item img{
	max-width: 55px;
	max-width: 55px;
	margin-bottom: 5px;
}
.btn-item.bg-mint{ background: #50AD94;}

/* 中間公告 */
.news-card{
	border-radius: 10px;
	border: 1px solid #B1B1B1;
}
.news-card .news-header{
	font-weight: bold;
	font-size: 24px;
	padding: 10px 25px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #B1B1B1;
}
.news-card .news-body{
	padding: 25px;
	background: #ffffff;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 20px;
    line-height: 35px;
    color: #666666;
    text-align: justify;
}
.tutorial ul li{
	border-bottom: 1px solid #E0E0E0;
	padding: 10px 25px;
	font-size: 20px;
	color: #666666;
	text-align: justify;
}
.tutorial ul li i{ color: #D9642F;}
.tutorial .tutorial-item{ display: inline-flex;}
.tutorial .tutorial-item a{
	font-size: 16px;
	padding: 2px 5px;
	background: #00A7FF;
	border-radius: 3px;
	color: #ffffff;
    min-width: 76px;
    max-height: 28px;
}
.tutorial ul li a:hover{text-decoration: underline;}
/* 右側行程列表 */
.schedule-card{
	border-radius: 10px;
	border: 1px solid #B1B1B1;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.schedule-card .schedule-header{
	font-weight: bold;
	padding: 15px 5px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #3DB15C;
    color: #ffffff;
    text-align: center;
    position: relative;
}
.schedule-card .schedule-header .date{
	font-size: 20px;
	color: #ffffff;
}
.schedule-card .schedule-header .time{
	font-size: 60px;
	line-height: 1;
	color: #ffffff;
}
.schedule-card .schedule-header .time span{
	font-size: 18px;
	color: #ffffff;
}
.schedule-card .schedule-body{
	padding: 5px;
	background: #F8F8F8;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #666666;
}
.schedule-card .schedule-body .remind{
	padding: 10px;
	font-size: 20px;
}
.schedule-card .schedule-body .remind p{
	font-size: 22px;
}
.schedule-card .schedule-body .remind-ing{
	padding: 15px 10px;
	font-size: 20px;
	background: #D50000;
	color: #ffffff;
}
.schedule-card .schedule-body .schedule-item{
	background: #ffffff;
	padding: 10px
}
.border-orange{
	border-left: 9px solid #D9642F;
}
.border-blue{
	border-left: 9px solid #2FB8D9;
}
.border-green{
	border-left: 9px solid #3DB15C;
}


.schedule-content{
	max-height: 35vh;
	overflow: scroll;
	overflow-x:hidden;
}
.schedule-item{
	margin: 10px auto;
	min-height: 95px;
}
.schedule-item .schedule-date{
	font-size: 1.8rem;
	font-weight: bold;
}
.schedule-item .schedule-week{
	font-size: 12px;
}
.schedule-item .schedule-prompt{ font-size: 13px;}
.schedule-item .schedule-title{
	font-size: 16px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	width : 100%;
}
.schedule-item .schedule-start{
	padding: 0px 5px;
	color: #ffffff;
}
.schedule-all-content>.row {
    margin-right: 0px;
    margin-left: 0px;
}
.schedule-all-content .schedule-item{ margin: 5px -10px;}

@media (max-width:1199px) and (min-width: 991px){
	.schedule-item .schedule-time,
	.schedule-item .schedule-start{ font-size: 13px;}
	.schedule-content{ max-height: 40vh;}
}

@media screen and (max-width:767px){
	.topbar{ padding: 20px 0px;}
	.topbar h4{ font-size: 16px;}
	.btn-new{ font-size: 18px; line-height: 18px;}
	.news-card .news-header{ font-size: 18px;}
	.news-card .news-body{ font-size: 16px;}
	.tutorial ul li{ font-size: 16px; padding: 8px 5px;}
}
@media screen and (max-width:575px){
	.schedule-card .schedule-header .time{ font-size: 35px;}
	.schedule-card .schedule-header .time span{ font-size: 17px;}
	.schedule-card .schedule-header .date{ font-size: 17px;}
	.schedule-card .schedule-body .remind p{font-size: 17px;}
	.schedule-card .schedule-body .remind,
	.schedule-card .schedule-body .reminding{
		font-size: 16px;
		padding: 5px 10px;
	}
	.tutorial .tutorial-item a{
		font-size: 14px;
	    min-width: 68px;
	    max-height: 26px;
	}
	.schedule-item .schedule-title{
		font-size: 15px;
	}
}
@media screen and (max-width:376px){
	.btn-item{ font-size: 13px; padding: 15px 2px; min-width: 100%;}
	.menu-item .pr-2{ padding-right: 5px!important;}
	.btn-item img{ max-width: 45px; max-width: 45px;}
	.schedule-item .schedule-time,
	.schedule-item .schedule-start{ font-size: 13px;}
	.news-card .news-body{
		padding: 15px;
	    font-size: 15px;
	    line-height: 28px;
	}
	.tutorial ul li{
		padding: 8px 0px;
		font-size: 15px;
	}
}
/* ----------------- 20220816 add 我的方案----------------- */
.myOrders .modal-header p{ font-size: 20px;}
.myOrders .dropdown-item{ color: #777777;}
.myOrders .dropdown-item:hover{
	background-color: #ffffff;
}
.myOrders .btn-group .dropdown-toggle{
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 0px;
	line-height: 20px;
	font-size: 12px;
}
.myOrders .btn-group .dropdown-toggle::after{
	display: none;
}
.myOrders .serial-number .btn{
	flex: 0 0 58px;
}
.table-plan{
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
.table-plan thead tr{
	color: #ffffff;
	background: #777777;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.table-plan tbody tr{
	border: 1px solid #dddddd;
}
.table-plan tbody tr.active td{
	color: #D9642F;
}
.table-plan tbody tr td{
	color: #aaaaaa;
}
.table-plan th,
.table-plan td {
	padding: 0.625em;
}
@media screen and (max-width: 991px) {
	.myOrders .modal-header p{ font-size: 18px;}
	.table-plan{ border-width: 0px;}
	.table-plan .fas{ line-height: 1.5;}
	.table-bordered td, .table-bordered th {
	    border: 0px solid #dee2e6;
	    border-bottom: 1px solid #dee2e6;
	}
	.table-plan thead{
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.table-plan tbody tr{
		display: block;
		margin-bottom: 15px;
	}
	.table-plan tbody td{
		display: flex;
		flex-wrap: nowrap;
		font-size: 15px;
		word-break: break-all;
	}
	.table-plan td:before{
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		flex: 0 0 100px;
		color: #666666;
	}
	.table-plan td:last-child {
		border-bottom: 0;
	}
}

/* ----------------- 完整的會議時程表----------------- */
.month-divider{
	font-size: 22px;
	padding: 10px 5px;
	font-weight: bold;
}
.month-divider>div:last-child{ width: calc(100% - 160px);}





/* ----------------- 立即召開會議 ----------------- */
.callmeeting{
	border-radius: 10px;
	border: 1px solid #B1B1B1;
	background: #F8F8F8;
	padding: 30px 25px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	min-height: calc(35vh + 193px);
}
.time-limit a{
	color: #00A7FF;
	border-radius: 8px;
	border: 1px solid #00A7FF;
	padding: 0px 5px;
}
.time-limit a:hover{
	background: #00A7FF;
	color: #ffffff;
}
.btn-call{
	border-radius: 0px;
	padding: 8px 25px;
}
.btn-copy{
	border: 2px solid #D9642F;
	color: #D9642F;
}
.btn-copy:hover{
	color: #ffffff;
	background: #D9642F;
}
.info-content{
	background: #ffffff;
	border: 1px solid #B1B1B1;
	padding: 15px;
}
.notice-modal{
	background: #F8F8F8;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.info-content,
.info-content p,
.info-content span{
	font-size: 18px;
	color: #707070;
	word-wrap: break-word;
	word-break: break-all;
}
.info-content p{ margin-bottom: 20px;}
a.modal-btn-enter{
	border-radius: 30px;
	padding: 5px 20px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.social-share button,.btn-line{
	border: 2px solid #B1B1B1;
	background: #ffffff;
	font-size: 17px;
	color: #707070;
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
.social-share .btn-line{
	border: 2px solid #3DB15C;
	background: #40B903;
	color: #ffffff;
}
.callmeeting label{
	font-size: 16px;
	color: #4d4d4d;
}

@media (max-width:1199px) and (min-width: 991px){
	.callmeeting{
		min-height: calc(40vh + 193px);
	}
}
@media screen and (max-width:991px){
	.callmeeting{
		min-height: 100%;
	}
}

@media screen and (max-width:575px){
	.callmeeting{ padding: 25px 15px;}
	.info-content,
	.info-content p,
	.info-content span{
		font-size: 16px;
	}
	.btn-call{width: 100%;}
}
/* ----------------- 排程會議 ----------------- */
.arrange-container{
	border-radius: 10px;
	border: 1px solid #B1B1B1;
	background: #F8F8F8;
	padding: 30px 25px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	color: #4d4d4d;
}
.edit-meeting .modal-body{
	color: #4d4d4d;
}
.arrange-time label{ margin-bottom: 0px;}
.arrange-time .input-group-text{
	border-color: #b1b1b1;
	background: #707070;
	padding: 6px;
	border-radius: 0px;
}
.custom-select{ background: none;}
select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #707070, #707070);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    37px 38px;
  background-repeat: no-repeat;
}
.add-member { padding-left: 55px;}
.add-member .list-item{ background: rgba(248,248,248,0);}
.add-member .btn img{ width: 24px; margin-top: -4px;}
.member-list{
	background: #ffffff;
	border: 1px solid #B1B1B1;
	height: 200px;
	overflow: auto;
	overflow-x:hidden;
	padding: 20px;
}
.member-list ul li,
.member-key ul li{
	display:inline-block;
	padding: 2px 8px;
	border: 1px solid #707070;
	border-radius: 30px;
	margin: 5px 3px;
}
.member-key ul li.active{
	background: #D9642F;
	border-color: #D9642F;
}
.member-key ul li.active span,
.member-key ul li.active i{
	color: #ffffff;
}
.arrange-upload ul li>div:first-child{
	display:inline-block;
	padding: 2px 30px 2px 8px;
	border: 1px solid #707070;
	border-radius: 30px;
	margin: 5px 3px;
	position: relative;
}
/*
.arrange-upload ul li>div:last-child{
	display:inline-block;
	padding: 2px 8px;
	border: 1px solid #707070;
	border-radius: 30px;
	margin: 0px 3px 5px 3px;
}
*/
.arrange-upload .file-name{
	width: auto;
	max-width: 170px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.arrange-upload ul li{ display:inline-block;}
.member-list li button,
.arrange-upload li button,
.member-key li button{
	border-width: 0px;
	background: rgba(255,255,255,0);
	padding: 0px;
	color: #707070;
}
.arrange-upload li button{
	position: absolute;
	top: 3px;
	right: 8px;
}
.member-list button:hover,
.arrange-upload button:hover,
.member-key button:hover{
	color: #000000;
}
@media screen and (max-width:991px){
	.member-container{ padding-left: 55px; margin-top: 30px;}
	.btn-directory{ text-align: right;}
	.add-member { padding-left: 27px;}
	.member-container{ padding-left: 27px;}
}
@media screen and (max-width:575px){
	.arrange-container{ padding: 25px 15px;}
	.add-member { padding-left: 8px;}
	.member-container{ padding-left: 8px;}
	.member-list{ padding: 10px; height: 250px;}
	.member-list ul li{ font-size: 15px;}

}
/* ----------------- 聯絡人 ----------------- */
.directory-card{
	border: 1px solid #B1B1B1;
	background: #F8F8F8;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.directory-headr img{ width: 35px; margin-top: -7px;}
.directory-headr{ padding: 10px 25px;}
.directory-headr h1{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 0px;
}
.directory-body{ padding: 25px;}
.directory-body .department{
	background: #EFEFEF;
	border: 1px solid #707070;
	border-right-width: 0px;
}
.directory-body .department h3{
	font-size: 18px;
	padding: 10px 15px;
	border-bottom: 1px solid #50AD94;
}
.department .list-body,
.contact-person .list-body,
.contact-person .person-info{
	max-height: 45vh;
	overflow: auto;
	overflow-x: hidden;
}
.department .list-item{
	background: #EFEFEF;
}
.department .list-item.active,
.contact-person .list-item.active{
	background: #50AD94;
	color: #ffffff;
}
.directory-body .contact-person{
	background: #ffffff;
	border: 1px solid #707070;
}
.directory-body .contact-title{
	background: rgba(80,173,148,0.2);
	font-size: 18px;
	padding: 7px 15px;
	color: #707070;
	border-bottom: 1px solid #707070;
}
.directory-body .person-info{
	padding: 25px;
	word-break: break-all;
	border: 0px solid #707070;
	border-left-width: 1px;
}
.directory-body .person-info .photo{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #D9642F;
	padding: 2px;
	overflow: hidden;
	background: url("../images/photo.jpg");
	background-size: cover;
	background-position: center;
	margin-left: auto;
}
.directory-body .person-info .name{
	font-size: 20px;
	color: #4D4D4D;
}
.directory-body .person-info .company{
	font-size: 18px;
	color: #4D4D4D;
}
.directory-body .person-info .row>div:first-child{
	text-align: right;
	padding-right: 15px;
	color: #707070;
}
.directory-body .person-info .row>div:first-child{
	text-align: right;
	padding-right: 15px;
	color: #707070;
}

/*編輯或新增欄位*/
.person-info .info-edit{
	display: none;
}
.person-info .info-edit .row>div:first-child{
	color: #2799DB;
}
.person-info input.form-control{
	font-size: 16px;
	line-height: 1;
	padding: 0px;
	height: auto;
	border-width: 0px;
}
.person-info textarea.form-control{
	font-size: 16px;
	border-width: 0px;
}
.person-info .info-edit>.row{
	border-bottom: 1px solid #dfdfdf;
}
.person-info .info-edit>.row:first-child{
	border-width: 0px;
}
.remark{
	border-top: 2px solid #dfdfdf;
	padding: 15px;
}
@media screen and (max-width:991px){
	.directory-body .department{
		border-right-width: 1px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width:767px){
	.directory-body{ padding: 15px;}
	.directory-body .person-info .photo,
	.directory-body .person-info .name,
	.directory-body .person-info .company{
		margin: 0 auto;
		text-align: center;
	}
	.directory-body .person-info{
		padding: 20px 10px;
		font-size: 15px;
	}
	.info-bottom-btn{
		right: 10px;
		bottom: 15px;
	}
	.directory-body .person-info .name{ font-size: 17px;}
	.directory-body .person-info .company{ font-size: 16px;}
	.person-info input.form-control{
		font-size: 15px;
		padding: 3px 0px;
		line-height: 1.5;
	}

}
@media screen and (max-width:575px){
	.directory-body .person-info .row>div:first-child{
		text-align: left;
		padding-right: 0px;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contact-person .list-body{
		max-height: 35vh;
	}
	.contact-person .person-info{
		max-height: 100%;
	}
	.directory-body .person-info{
		border-left-width: 0px;
		border-top-width: 1px;
	}

}

/* ----------------- 會議管理 ----------------- */

.manage-card{border: 1px solid #B1B1B1;}
.manage-header{
	border-bottom: 1px solid #B1B1B1;
	padding: 10px 15px;
	background: #DBF0FC;
}
.btn-manage{
	background: #ffffff;
	border: 1px solid #b1b1b1;
	border-radius: 5px;
	padding: 6px 10px;
	color: #707070;
}
.btn-manage:hover,.btn-manage.active{
	color: #2799DB;
	border-color: #2799DB;
}
/*左*/
.manage-menu{border-right: 1px solid #B1B1B1;}
.items-header{
	background: #F0FAFF;
	border-bottom: 1px solid #B1B1B1;
}
#inputorder{
	width: 130px;
	border-width: 0px;
	background:  rgba(255,255,255,0);
}
.items-body{
	background: #ffffff;
	overflow:auto;
	overflow-x:hidden;
}
.manage-item{
	background: #ffffff;
	padding: 12px 8px;
	margin: 0px 0px 1px 0px;
	color: #707070;
}
.manage-item:nth-child(even){
	background: #F7F7F7;
}
.manage-item h4{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	width : 100%;
}
.manage-item .manage-date{
	font-size: 14px;
}
.manage-item .manage-convener,
.manage-item .manage-title{
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	width : 100%;
}
.manage-item.active,
.manage-item:hover{
	background: #00A7FF;
	color: #ffffff;
}
.openitems{ display: none; color: #707070;}
.closebtn{ display: none; color: #707070;}
/*右*/
.manage-container{
	background: #ffffff;
}
.manage-content-h{
	background: #F5FBFF;
	padding: 10px 20px;
}
.manage-icon ul{
	color: #707070;
}
.manage-icon ul li{
	margin: 0px 2px;
	font-size: 14px;
	text-align: center;
}
.manage-icon ul li:nth-child(4){
	border-right:1px solid #B1B1B1;
	padding-right: 10px;
}
.btn-manage-icon{
	width: 58px;
	padding: 0px;
	font-size: 14px;
	text-align: center;
}
.manage-icon .btn-manage-icon div{
	background: #ffffff;
	border: 1px solid #b1b1b1;
	border-radius: 5px;
	padding: 6px 10px;
	width: 46px;
	display: block;
	margin: 0 auto;
}
.manage-content{
	background: #ffffff;
	padding: 30px;
}
.manage-content .manage-notice{
	padding: 5px 20px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}
.manage-content .info-content{
	border: 1px solid #D9642F;
}
/* key-modal*/
@media screen and (max-width:991px){
	.manage-icon{
		position: absolute;
		top: 49px;
		right: 0px;
		z-index: 98;
		width: 100%;
	}
	.manage-icon .navbar-nav{
	    max-height: 400px;
	    overflow-y: auto;
	    overflow-x: hidden;
	    background: #ffffff;
	    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	}
	.manage-icon .btn-manage-icon{
		width: 100%;
		text-align: left;
		font-size: 16px;
	}
	.manage-icon .btn-manage-icon div{
		border-width: 0px;
		border-radius: 0px;
		padding: 0px;
		width: 30px;
		display: inline-block;
		margin-right: 10px;
	}
	.manage-icon ul li{
		padding: 6px 15px;
	}
	.manage-icon ul li:nth-child(4){
		border-right:0px solid #B1B1B1;
		padding-right: 0px;
	}

	/*行動裝置版議程項目隱藏與顯示*/
	.openitems{ display: inline-block;}
	.closebtn{ display: block;}
	.manage-menu{
		height: 100vh;
		width: 0;
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
	}
}
@media screen and (max-width:575px){
	.manage-content{ padding: 30px 15px;}
	.btn-manage{
		font-size: 14px;
	}
	.manage-content .manage-notice{
		padding: 5px 10px;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.manage-icon .btn-manage-icon div{
		width: 20px;
	}
	.manage-icon ul li{
		font-size: 15px;
		padding: 4px 15px;
	}
}

/*  key modal */
.table-key{
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.th-member{ width: 150px;}
.th-key{ width: 130px;}
.th-select{ min-width: 300px;}
.table-key thead tr{
	color: #ffffff;
	background: #5D0F80;
	font-weight: bold;
	font-size: 16px;
}
.table-key tbody tr{
  border: 1px solid #ddd;
}
.table-key tbody tr:nth-child(even){
	background-color: #f4fafd;
}
.table-key th,
.table-key td {
  padding: .625em;
}

@media screen and (max-width: 767px) {
	.table-key{ border-width: 0px;}
	.table-bordered td, .table-bordered th {
	    border: 0px solid #dee2e6;
	    border-bottom: 1px solid #dee2e6;
	}
	.table-key thead{
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.table-key tbody tr{
		display: block;
		margin-bottom: 15px;
	}
	.table-key tbody td{
		display: block;
		font-size: 15px;
	}
	.table-key td:before{
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		width: 60px;
		color: #5D0F80;
	}

	.table-key tbody tr td:last-child,
	.table-key td:last-child:before {
		width: 100%;
	}
	.table-key td:last-child {
		border-bottom: 0;
	}
}

/* 服務條款和隱私權政策 */
.term{
	margin: 80px 0px 60px 0px;
}
.term h1{
	text-align: center;
	color: #B40019;
	margin-bottom: 55px;
}
.term h3{
	margin: 45px auto 25px auto;
	color: #0099DB;
	text-align: justify;
}
.term p{
	margin-bottom: 15px;
	line-height: 28px;
	text-align: justify;
}
.term a{ color: #B40019;}
.term a:hover{ color: #0099DB;}
.term ol{ margin-bottom: 35px;}
.term ol li{
	margin-bottom: 7px;
	line-height: 25px;
	text-align: justify;
}
@media screen and (max-width:575px){
	.term h1{
		font-size: 30px;
		margin-bottom: 35px;
	}
	.term p{
		font-size: 15px;
		line-height: 25px;
	}
	.term h3{
		font-size: 22px;
		line-height: 32px;
		margin: 35px auto 15px auto;
	}
	.term ol li{
		line-height: 25px;
		font-size: 15px;
	}
}

/* 逐字稿 */
.words-items{
	margin-bottom: 32px;
}
.words-items .item-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 8px;
}
.words-items .item-user{
	color: #D9642F;
	font-weight: bold;
}
.words-items .item-num{
	font-size: 14px;
	color: #cccccc;
}
.words-items .item-time{
	font-size: 15px;
	color: rgba(217,100,47,0.7);
	margin-right: 12px;
}
.words-items p,
.words-items span,
.words-items li{
	font-size: 17px;
}
@media screen and (max-width:575.9px){
	.words-items p,
	.words-items span,
	.words-items li{
		font-size: 15px;
	}
}
.my-camera{
    display: block;
    margin-left: auto;
    margin-right: auto;
}