* {
	margin: 0;
	padding: 0;
}
body ,input ,textarea ,button {
	font-family: arial,"Microsoft JhengHei", "Microsoft YaHei","微軟正黑體","儷黑 Pro", sans-serif;
}
.label_value{
	display: none;
}
.wrapper_question {
	max-width: 960px;
	width: 100%;
	min-height: 100%;
	margin: auto;
	padding: 0 3% 2%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content {
	background-color: #fff;
	/* width: 854px; */
	margin: 1em auto;
	padding: 1em;
	/*min-height: 620px;*/
	border-radius: 1em;
}
.main-title {
	color: #000;
}
.main-txt {
	margin-bottom: 1em;
	color: #000;
	font-weight: bold;
	font-size: 1.05rem;
}
.sort-titie {
	background-color: #e4eed2;
	display: inline-block;
	padding: .3em 1em;
	margin-bottom: 1em;
	font-size: 1em;
}
.qtn-title {
	font-size: 1.3rem;
	color: #008837;
	font-weight: bold;
}
.qtn-title.mark {
	color: #ff441f;
}
.qtn-title img {
    max-width: 100%;
}
.qtn-desc {
	margin: .5em;
	display: block;
}
.qtn-group {
	list-style-type: none;
}
.qtn-group li {
	margin-bottom: 2em;
}
.qtn-group input[type="radio"] ,input[type="checkbox"] {
	display: none;
}
.qtn-group label:not(.question_title_label) {
	display: block;
	font-size: 1.1rem;
	margin: .5rem;
	padding: 8px 20px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.qtn-group label:hover {
	background-color: #ffa;
}
.qtn-group input:checked + label {
	background-color: #ffa;
	font-weight: bold;
	border: 2px solid #f8b62d;
	position: relative;
	padding-right: calc( 30px + 1em );
}
.qtn-group input:checked + label:after {
	content: '';
	position: absolute;
	top: calc( 50% - 0.55rem );
	right: 20px;
	width: 1.1rem;
	height: 1.1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='417' height='417' viewBox='0 -46 417.81333 417'%3E%3Cpath fill='%23008837' d='m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0'/%3E%3C/svg%3E");
	background-size: 100%;
}
.qtn-group .qtn-extra input:checked + label {
	padding-right: calc( 20px + 1em );
}
.qtn-group .qtn-extra input:checked + label:after {
	right: 10px;
}
.qtn-group .qtn-extra {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qtn-group .qtn-extra label {
	width: 32.33%;
	padding: 8px 10px;
	margin: .5%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qtn-group .qtn-extra .qtn-title {
	margin-bottom: 0.18em;
	width: 100%;
}
@media (max-width: 575.98px) {
	.qtn-group .qtn-extra label {
		width: 48%;
		margin: 1%;
	}
}
.qtn-other.hide {
	display: none;
}
/*.qtn-other input {
	font-size: 1.1rem;
	padding: 0.3em 0.3em 0.1em;
	border-radius: 4px;
	border: 1px solid #ccc;
}*/
.qtn-textarea {
	width: calc( 100% - 1em );
	height: 100px;
	border-radius: 4px;
	font-size: 1.2rem;
	margin: .5em;
	padding: .5em 1em;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	font-family: "SegoeLight", "Segoe UI Light", Segoe, Arial, Verdana, "微軟正黑體", "Microsoft JhengHei";
}
.qtn-text {
	width: calc( 100% - 1em );
	border-radius: 4px;
	font-size: 1.2rem;
	margin: .5em;
	padding: .5em 1em;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	font-family: "SegoeLight", "Segoe UI Light", Segoe, Arial, Verdana, "微軟正黑體", "Microsoft JhengHei";
}
.qtn-textarea:hover ,.qtn-textarea:focus ,.qtn-text:hover ,.qtn-text:focus {
	background-color: #ffa;
}
.qtn-other .qtn-textarea:hover ,.qtn-other .qtn-textarea:focus ,.qtn-other .qtn-text:hover ,.qtn-other .qtn-text:focus {
	background-color: #fff;
}
.qtn-other .qtn-textarea ,.qtn-other .qtn-text {
	margin: .2em 0;
	width: 100%;
	font-size: 1.1rem;
}
.btn-group {
 	text-align: center;
}
.btn_question {
	border: none;
	font-size: 1.2em;
	background: #aaa;
	color: #fff;
	padding: .5em 1em;
	border-radius: 4px;
	font-weight: bold;
	opacity: .7;
	transition: opacity .3s ease;
	margin: .5em .5em;
}
.btn_question-next {
	background: #008837;
}
.btn_question:hover ,.btn_question:focus {
	opacity: 1;
	cursor: pointer;
}
.top-div {
	width: 100%;
	margin: 1em 0 0.5em;
	text-align: right;
	font-weight: bold;
}
.show_member {
	display: inline-block;
	padding: 0.3em;
	border-radius: 0.5em;
	background-color: rgba(255, 255, 255, 0.7);
}
.show_member span {
	margin: 0 0.2em;
}
.top-div .logout {
	display: inline-block;
	padding: 0.2em;
	border-radius: 0.5em;
	background-color: #4dac73;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.top-div form {
	display: inline-block;
}
.choose {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 0.5em;
	background-color: rgba(255, 255, 255, 0.7);
}
.choose_btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 15.66%;
	padding: 0.5em;
	margin: 0.5%;
	border: 2px solid #c4c4c4;
	border-radius: 4px;
	font-weight: bold;
	font-size: 1.05rem;
	text-align: center;
	cursor: pointer;
}
.choose_btn:hover {
	background-color: #ffa;
}
.choose_btn.filled ,.choose_btn.filled:hover {
	background-color: #c4c4c4;
	color: #fff;
}
.choose_btn.now ,.choose_btn.now:hover {
	border-color: #f8b62d;
	background-color: #f8b62d;
	color: #fff;
	cursor: default;
}
@media (max-width: 575.98px) {
	.choose_btn {
		width: 31.33%;
		margin: 1%;
	}
}

.load {
	position: fixed;
	z-index: 99999;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.7);
	display: none;
}
.load > h2 {
	margin: 0;
	color: #eee;
}
.load span {
	display: inline-block;
	vertical-align: middle;
	width: .6em;
	height: .6em;
	margin: .19em;
	background: #007DB6;
	border-radius: .6em;
	animation: loading 1s infinite alternate;
}
.load span:nth-of-type(2) {
	background: #008FB2;
	animation-delay: 0.2s;
}
.load span:nth-of-type(3) {
	background: #009B9E;
	animation-delay: 0.4s;
}
.load span:nth-of-type(4) {
	background: #00A77D;
	animation-delay: 0.6s;
}
.load span:nth-of-type(5) {
	background: #00B247;
	animation-delay: 0.8s;
}
.load span:nth-of-type(6) {
	background: #5AB027;
	animation-delay: 1.0s;
}
.load span:nth-of-type(7) {
	background: #A0B61E;
	animation-delay: 1.2s;
}
@keyframes loading { 0% { opacity:0; } 100% { opacity:1; } }

.copyright{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	font-family: "微軟正黑體";
	font-weight: bold;
	margin: 30px 0 10px 0;
	position: relative;
}

.copyright img{
	vertical-align: bottom;
}

.copyright .server_link{
	position: absolute;
	right: 5px;
	top:10px;
	font-size: 1rem;
}
@media screen and (max-width: 550px) { 
	.copyright .server_link{
		position:static;
	}
} 

/* 221122 新增(1) START */
.flexX{
	display:flex;flex-wrap:wrap;
	padding:0;margin:0;
	list-style: none;
}
.flexX>*,
.flexX>li{
	padding:0;margin:0;
	display:flex;flex-wrap:wrap;flex-direction:column;
}

.flexX>li>*{
	box-sizing: border-box;
	width: 100%;
	flex-grow: 1;
}
.spacingL-1{
	margin:0;margin-left:-1rem;
}
.spacingL-1>*,
.spacingL-1>li{
	margin:0;padding-left:1rem;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.flexX[col-countPC="1"]>*{width:100%}
	.flexX[col-countPC="2"]>*{width:calc(100% / 2)}
	.flexX[col-countPC="3"]>*{width:calc(100% / 3)}
	.flexX[col-countPC="4"]>*{width:calc(100% / 4)}
	.flexX[col-countPC="5"]>*{width:calc(100% / 5)}
	.flexX[col-countPC="6"]>*{width:calc(100% / 6)}
	.flexX[col-countPC="7"]>*{width:calc(100% / 7)}
	.flexX[col-countPC="8"]>*{width:calc(100% / 8)}
	.flexX[col-countPC="9"]>*{width:calc(100% / 9)}
	.flexX[col-countPC="10"]>*{width:calc(100% / 10)}
}

@media (max-width: 767.98px) {
	.flexX[col-countMoblie="1"]>*{width:100%}
	.flexX[col-countMoblie="2"]>*{width:calc(100% / 2)}
	.flexX[col-countMoblie="3"]>*{width:calc(100% / 3)}
	.flexX[col-countMoblie="4"]>*{width:calc(100% / 4)}
	.flexX[col-countMoblie="5"]>*{width:calc(100% / 5)}
	.flexX[col-countMoblie="6"]>*{width:calc(100% / 6)}
	.flexX[col-countMoblie="7"]>*{width:calc(100% / 7)}
	.flexX[col-countMoblie="8"]>*{width:calc(100% / 8)}
	.flexX[col-countMoblie="9"]>*{width:calc(100% / 9)}
	.flexX[col-countMoblie="10"]>*{width:calc(100% / 10)}
}

.img-group{
	width: 100%;
	display:flex;flex-direction:column;align-items:center;
	padding: 1rem;
	box-sizing: border-box;
}

.img-group .cover{
	width: 100%;
	position: relative;
}
.img-group .cover img{
	position:absolute;top:0;left:0;right:0;bottom:0;
	width:100%;height:100%;
	object-fit: scale-down;object-position:center;
}

.img-group[scale="6to4"] div{padding-top:calc(4 / 6 * 100%)}
.wrapper_question{max-width:1200px}
.cboxPhoto{max-width:100%}

.grid-box{
	margin:1rem 0;padding-bottom:5px;
}
.grid-box[col-countPC="1"]>dl,.grid-box[col-countPC="2"]>dl,.grid-box[col-countPC="3"]>dl,.grid-box[col-countPC="4"]>dl,.grid-box[col-countPC="5"]>dl,.grid-box[col-countPC="6"]>dl{grid:auto / auto 6em 6em 6em 6em 6em}

.grid-box > dl{
	display: grid;
	border-bottom: 1px solid #EEE;
}

.grid-box > dl:first-child{
	font-weight: bolder;
	background-color: #EEE;
	position:sticky;top:0;z-index:2;
	margin-bottom: calc( (1em + 2rem) );
	pointer-events: none;
}

.grid-box > dl:first-child+dl{
	margin-top: calc( (1em + 2rem) * -1 );
}

.grid-box > dl:first-child ~ dl:hover{
	position:relative;z-index:1;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.grid-box > dl>*{padding:1rem .5rem;}

.grid-box > dl > dd{
	text-align: center;
	display:flex;justify-content:center;align-items:center;
	transition: .25s;
}

.grid-box > dl > dd > label{
	width:calc(100% + 1rem);height:calc(100% + 2rem);
	padding:0;margin:-1rem -.5rem;
	display:flex;justify-content:center;align-items:center;
	border: none;
	cursor: pointer;
	background: transparent;
}

.grid-box > dl > dd > label:hover{background:transparent;}

.grid-box > dl:not(:first-child)>dd:hover{background-color:rgba(0,0,0,.075);}
.grid-box[col-countPC="1"]>dl>dt{grid-column-end:span 6;}
.grid-box[col-countPC="2"]>dl>dt{grid-column-end:span 5;}
.grid-box[col-countPC="3"]>dl>dt{grid-column-end:span 4;}
.grid-box[col-countPC="4"]>dl>dt{grid-column-end:span 3;}
.grid-box[col-countPC="5"]>dl>dt{grid-column-end:span 2;}
.grid-box[col-countPC="6"]>dl>dt{grid-column-end:span 1;}

.qtn-group input[type="radio"]:only-child,input[type="checkbox"]:only-child{display:block}

@media (max-width: 767.98px) {
	.grid-box > dl{
		display:flex;flex-wrap:wrap;
	}
	.grid-box > dl:first-child>dt:empty{display:none;}
	.grid-box>dl>dt{width:100%;}
	.grid-box>dl>dd{width: 100%;box-sizing: border-box;}
	.grid-box[col-countPC="1"]>dl>dd{max-width: calc( 100% / 1);}
	.grid-box[col-countPC="2"]>dl>dd{max-width: calc( 100% / 1);}
	.grid-box[col-countPC="3"]>dl>dd{max-width: calc( 100% / 2);}
	.grid-box[col-countPC="4"]>dl>dd{max-width: calc( 100% / 3);}
	.grid-box[col-countPC="5"]>dl>dd{max-width: calc( 100% / 4);}
	.grid-box[col-countPC="6"]>dl>dd{max-width: calc( 100% / 5);}
}
/* 221122 新增(1) END */