/* content-main */
.content-main .advBox , #content-wrapper .box { margin: 40px 0; }
.content-main h3.contTitle {margin: 10px 0 15px;border-bottom: 1px #ccc solid;font-size: 25px;font-family: 'Noto Serif TC', serif;color: #0d69c1;}

/* form1 */
#form1 { margin: 40px 0; }
#form1 p { position: relative; overflow: hidden; margin: 10px 0 15px; font-size: 16px; }
#form1 p.bottom { text-align: center; }
#form1 p.bottom .remind { display: block; text-align: center; font-size: 12px; color: #F00A0E; }
#form1 p.red , span.noKB { display: block; font-weight: bold; color: #ff0101; }
#form1 p label , span.noKB { font-size: 16px; }
#form1 p label font { margin-left: 10px; font-size: 14px; color: #ff0101; }
#form1 p input[type="text"] ,
#form1 p input[type="number"] ,
#form1 p select ,
#form1 p textarea { padding: 6px 20px; width: calc(50% - 20px); border: 1px #ccc solid; border-radius: 3px; display: block; }
#form1 p select { padding: 10px 20px; width: auto; }
#form1 p textarea { width: calc(100% - 42px); min-height: 140px; }
#form1 p input#IsMember , #form1 p input#IsAgree, #form1 .appointBox p input { width: 15px; height: 15px; }
#form1 p input#Checknum { margin: 0 10px; width: 50px; display: inline-block; }
#form1 p a#chImages {padding: 5px 0;width: 119px;background: linear-gradient(to bottom,rgb(2, 96, 170) 1%,rgb(1, 69, 144) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43aac6',endColorstr='#3c9abd',GradientType=0);display: block;text-align: center;font-weight: bold;color: #fff;}
#form1 p input[type="file"] { position: absolute; width: 119px; height: 37px; top: 35px; left: 0; opacity: 0; cursor: pointer; }
#form1 p.agree a {color: #0d69c1;}
#form1 p a#OKBtn {position: relative;padding: 15px 30px;background: linear-gradient(to bottom,rgb(2, 96, 170) 1%,rgb(1, 69, 144) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43aac6',endColorstr='#3c9abd',GradientType=0);display: inline-block;font-family: 'Noto Serif TC',serif;font-size: 20px;color: #fff;}
#form1 p a#OKBtn:before { position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); display: block; border: 1px rgba(255, 255, 255, 0.5) solid; top: 2px; left: 2px; content: ""; }

/* appointBox */
#form1 .appointBox p select { display: inline-block; }

/* previewImgs */
#previewImgs p { overflow: inherit; position: relative; margin-right: 10px; width: calc(20% - 15px); background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; border: 1px #ccc solid; display: inline-block; }
#previewImgs p.noPicture { width: calc(20% - 12px); border: 0; }
#previewImgs p a { position: absolute; width: 20px; height: 20px; background: #f50202; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; top: -5px; right: -10px; z-index: 1; }

@media screen and (max-width: 960px) {
	#form1 p input[type="text"] , #form1 p input[type="number"] { width: calc(100% - 42px); }
	#form1 p select { width: 100%; }
}
@media screen and (max-width: 480px) {
	#previewImgs p { width: calc(50% - 12px); }
	#previewImgs p.noPicture { width: calc(50% - 12px); }
}
@media screen and (max-width: 450px) {
}