.SideMenu ul{padding:0;list-style-type: none;margin-top: 1px;}
.SideMenu ul li a{display: block;font-size: 1rem;padding: 8px 10px;}
.SideMenu ul li li a{font-size: 14px;}
.SideMenu ul .submenu{display:none;}
.SideMenu ul .submenu ul {padding-left: 15px;}
.SideMenu header p{line-height: 37px;padding-right: 10px;padding-left: 10px;font-size: 16px;}
#login dl,#login_forget dl {margin:0 auto;}
#login dl:after,#login_forget dl:after {content: '';display: block;clear: both;height: 0;}
#login dl dt ,#login_forget dl dt{text-align: right;line-height: 32px;margin-bottom: 10px;padding-right: 15px;position: relative;color: #333;}
#login dl dt:after,#login_forget dl dt:after{border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #666;top: 12px;right: 5px;}
#login dl dd,#login_forget dl dd{margin-bottom: 10px;}
#login dl dd input,#login_forget dl input{padding-top: 2px;padding-left: 3px;width: 200px;}
#login dl{margin-top: 30px;}
#login dl dt{width:45%;}
#login dl dd{width:55%;}
#login dl dd font{color: #666;}
#login dl dd a {height: 33px;width: 71px;clear: both;display: block;margin-left: 4px;}
#login dl dd a img {height: 33px;width: 71px;background-repeat: no-repeat;background-position: -577px -120px;}
#login dl dd a:hover img {background-position: -648px -120px;}
#login .inputbn,#login_forget .inputbn{text-align:center;}
#login .inputbn input{line-height: 33px;height: 35px;}
#login ul {margin-top: 15px;padding: 10px 0;background-color: rgba(204,204,204,0.5);position: relative;}
#login ul:after {border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #CCC transparent;top: -8px;right: calc((100% - 16px) / 2);opacity:0.5;}
#login ul li{width: 130px;margin: 0 10px;font-size: 1rem;}
#login ul li a{width: auto;color: #FFF;background-color: #999;display: block;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;line-height: 30px;padding:0 10px;text-align: center;}
#login ul li:nth-child(2) a{background-color: #FF9900;}
#login ul.msg li{width: 100%;margin:0 10px;padding: 10px 0;border-bottom: 1px dotted #CCC;border-top: 1px dotted #FFF;}
#login ul.msg li:first-of-type{border-top:none;}
#login ul.msg li:last-of-type{border-bottom:none;}
#login ul.msg li ol {padding: 10px 10px 10px 30px;}
#login ul.msg li ol li {list-style-type:decimal;border:none;font-weight: normal;}
#login ul.msg li ol li font{color: #F60;}
#login i,#login_forget i{margin-right: 10px;}

#login_forget{padding: 10px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#login_forget header{font-size:22px;font-weight:400;line-height:31px;border-bottom: 1px solid #CCC;margin-bottom: 10px;padding-bottom: 10px;}
#login_forget .inputbn input{font-size:1.25rem;line-height: 33px;height: 35px;}
#login_forget .msg{padding: 10px 0;}
#login_forget .radiobnt label{border: 1px solid #CCC;padding: 5px 10px;margin-right:5px;display: inline-block;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(239,239,239,1) 49%, rgba(239,239,239,1) 49%, rgba(226,226,226,1) 49%, rgba(232,232,232,1) 49%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(239,239,239,1) 49%,rgba(239,239,239,1) 49%,rgba(226,226,226,1) 49%,rgba(232,232,232,1) 49%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(239,239,239,1) 49%,rgba(239,239,239,1) 49%,rgba(226,226,226,1) 49%,rgba(232,232,232,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
#login_forget .radiobnt input[type="radio"]:checked + label {
background: rgb(165,165,165); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(165,165,165,1) 49%, rgba(153,153,153,1) 49%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(165,165,165,1) 49%,rgba(153,153,153,1) 49%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(165,165,165,1) 49%,rgba(153,153,153,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #FFF;
}
#login_forget .radiobnt label i{margin-right: 5px;}
#login_forget .radiobnt label span{display: none;}

.match_box dl{border: 1px solid #CCCCCC;overflow: hidden;background-color: #FFF;}
.match_box dt{background-color: #FFF1C6;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;padding: 10px;}
.match_box dt:first-of-type{border-top:none;}
.match_box dt span{color: #F00;margin-left: 10px;}
.match_box dd .TableBox .t-th{width: 125px;position: relative;}
.match_box dd .TableBox .t-th,.match_box dd .TableBox .t-td{border-bottom: 1px solid #CCC;padding: 5px 10px;vertical-align: top;}
.match_box dd .TableBox:last-of-type .t-tr:last-of-type .t-th,.match_box dd .TableBox:last-of-type .t-tr:last-of-type .t-td{border-bottom: none;}

.match_box dd .TableBox:nth-child(1) .t-td { width: auto;}
.match_box dd .TableBox:nth-child(2) .t-tr:nth-child(7) .t-th:nth-child(3) p,
.match_box dd .TableBox:nth-child(2) .t-tr:nth-child(8) .t-th:nth-child(3) p{line-height: 20px;}
.match_box dd .TableBox .t-tr:nth-child(8),.match_box dd .TableBox .t-tr:nth-child(9){background-color: #FFFFE3;}
.match_box dd .TableBox .t-tr:nth-child(8) input[type="text"],.match_box dd .TableBox .t-tr:nth-child(9) input[type="text"],
.match_box dd:nth-child(6) .TableBox .t-tr:last-of-type  input[type="text"]{background-color: #F8F8F8;color: #000;}
.match_box dd .TableBox .t-th:after,.match_box dd .TableBox .t-td .title:after{width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #026793;display: inline-block;top: 20px;right: 0px;}
.match_box dd .TableBox .t-td font{display: inline-block;margin:0 20px 5px 0;}
.match_box dd .TableBox .t-td font:last-of-type{margin:0 0px 5px 0;}
.match_box dd textarea{height: 50px;width: 100%;margin-left:0px;}
.match_box dd.t-wrapper{padding: 10px;}
.match_box .ImageEdit li{margin:22px 4px;}
.match_box .ImageEdit li h3{position: absolute;left: 0px;top: -30px;}
.match_box .ImageEdit li h3 span{width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #026793;display: inline-block;	margin-right: 10px;}
.match_box .ImageEdit li:last-of-type:after {content: "格局圖";font-size: 1rem;text-align: center;width: 100%; padding: 10px 0;left: 0px;bottom: 0px;color: #FFF;height: 30px;    background-color: rgba(0,0,0,0.5);}
#match_result{padding: 10px;text-align: center;}
#match_result img{background: url(../../images/match_result.png) left top no-repeat ;height: 143px;width: 142px;display: block;margin:0 auto;}
#match_result li.fail img{background-position: right top;}
#match_result h3{color: #88C35F;font-size: 25px;line-height: 40px;}
#match_result li.fail h3{color: #6E6C6C;}
#match_result span{margin:0 10px;}
#match_result .bnt{margin-top: 10px;border-top: 1px solid #EFEFEF;}
#match_result .bnt a{
	border-radius: 8px;font-size: 20px;line-height: 40px;color: #FFF;display: inline-block;padding:0 20px;margin:20px 0px;
background: rgb(70,144,181); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(70,144,181,1) 0%, rgba(0,102,153,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(70,144,181,1) 0%,rgba(0,102,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(70,144,181,1) 0%,rgba(0,102,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4690b5', endColorstr='#006699',GradientType=0 ); /* IE6-9 */
}
.match_photo.desktop{padding: 10px;}
.match_photo.mobile{padding-bottom: 10px;}
.match_photo img{overflow: hidden;}
@media screen and (min-width: 769px){
.match_box dd .TableBox {word-wrap: break-word;table-layout: fixed;}
.match_box dd .TableBox .t-th p,.match_box dd .TableBox .t-td p{padding-left: 0px;padding-right: 10px;line-height: 20px;display: flex; flex-wrap: wrap; justify-content: flex-end;align-content: center;min-height: 40px;}
.match_box dd .TableBox .t-td p{justify-content: flex-start;}
.match_box dd .TableBox .t-th p span{position: absolute;top :15px;left: 5px;}
.match_box dd .TableBox .t-td p{line-height: 30px;}
.match_box dd:nth-child(4) .TableBox .t-td{width: auto;}
.match_box .ImageEdit li {height: 120px;width: 162px;padding: 5px;}
}
@media screen and (max-width: 768px){
#login dl dt {width: 35%;line-height: 35px;}
#login dl dd {width: 65%;}
#login dl dd font{display: block;}
#login_forget dl dt{width:70px;}
#login_forget dl dd{width:calc(100% - 70px);}
.match_box dd .TableBox .t-td .title{text-align: right;position: relative;width: 70px;}
.match_box .TableBox .t-td .title,.match_box .TableBox .t-td p,.match_box .TableBox .t-td .t-text{border-bottom: 1px solid #CCC;padding:10px;}
.match_box dd .TableBox .t-td font{display: block;margin:0 0px 5px 0;}
.match_box dd .TableBox .t-td.desktop {display:none;}
.match_box dd .TableBox .t-td label {display: inline-block;}
.match_box .BntBox input[type="text"]{width: calc(100% - 135px);}
}
.questionbox{background-color: #FFFFFFCC;border: 1px solid #CCC;padding: 10px;}
.questionbox dl{padding: 10px;border-bottom:1px dotted #CCCCCC;}
.questionbox dt{margin: 0 0 10px 0;color: #333;}
.questionbox dt span{background-color: #999;color: #FFF;width: 25px;height: 25px;margin-right: 10px;line-height: 25px;}
.questionbox dt font{background-color: #FFE57F80;padding: 0 10px;color: #000;margin-left: 10px;}
.questionbox dt font.checkbox{background-color: #D6AD3380;}
.questionbox dt p{width: calc(100% - 40px);}
.questionbox dl.answer dd:before{width: 100%;height: 100%;top:0;left: 0;z-index: 10;}
.questionbox dd{margin: 0 0 5px 30px;}
.questionbox dd.select{color: #C14B27;}
.questionbox dd.select:after{content: "";display: inline-block;width: 23px;height: 25px;margin-left: 10px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWcluWxpF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIxLjg3NXB4IiBoZWlnaHQ9IjIxLjg3NXB4IiB2aWV3Qm94PSIwIDAgMjEuODc1IDIxLjg3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEuODc1IDIxLjg3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjQjk0QTI4IiBwb2ludHM9IjQuNTYzLDkuNzA5IDAuNjQ2LDEzLjg3NSA3LjM5NiwxOCAyMS4yMjksNy42MjUgMTUuNDc5LDMuODc1IDcuNzI5LDEzLjc1ICIvPg0KPC9zdmc+DQo=");
	}
.questionbox dl.answer input[type=checkbox] + label span,.questionbox dl.answer input[type=radio] + label span{opacity: .5;}
.questionbox .score{padding: 10px;background-color:#F9F0E8;border: 1px solid #E08469;}
.questionbox .score font{font-size: 1.15rem;color: #C14B27;}
.questionbox .score font:nth-child(2){color: #339FA6;}
.questionbox .score img{background-image: url("../../images/score.png");width: 120px;height: 53px;margin: 0 20px 0 0;}
.questionbox .score p{font-weight: bold;color: #333;}
.questionbox .score img.failed{background-position: top right;}
.questionbox .bnt{height: 51px;width:100px;margin:20px auto 0 auto;text-align: center;}
#news .questionbox .bnt a,#news .questionbox .bnt a:hover{color: #FFF;}
.questionbox .bnt a{line-height: 50px;font-size: 22px;font-weight: bold;text-decoration: none;background-color: #069;padding-right: 20px;padding-left: 20px;border-radius: 25px;display: block; transition: all .2s cubic-bezier(.02,.01,.47,1);}
.questionbox .bnt a:before {
  top: 0;left: 0;width: 100%;height: 100%;border-radius: 50px;background: currentColor;z-index: -1;opacity: 0;
		-webkit-transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.questionbox .bnt a:hover,.questionbox .bnt a:focus {
  box-shadow: 0 1px 8px rgba(58,51,53,0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.questionbox .bnt a:hover:before,.questionbox .bnt a:focus:before {
  opacity: 0.15;
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 768px){
	.questionbox dt span{width: 30px;height: 30px;}
}

#appoint_row .TableBox.style06 {margin-top:10px;}
@media screen and (min-width: 769px){
#appoint_row .TableBox.style06 p{display: flex;justify-content: space-between;align-items: center;}
}
@media screen and (max-width: 768px){
#appoint_row .TableBox.style06 p a{display: block;}
}