@charset "utf-8";
/* CSS Document */
.outerWrap.ins .mainArea {
    padding: 100px 0 40px 0;
}
.mainArea .titleBox{
	position:relative;
	left:0;
	top:0;
	text-shadow:none;
	padding-bottom: 50px;}
.mainArea .titleBox:before{
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    margin-left: -30px;
    height: 3px;
    background: #ff8500;}
.mainArea .titleBox h2 strong{
	 color: #969696;}

.mainArea .titleBox h2 em{
	 letter-spacing:0;
	 color: #5e5b5b;
 }

.mainArea .contentBox{
	padding:75px 0 95px 0;
}
.outerWrap a.close{
	display: none;
}
.outerWrap.ins .bannerArea,
.outerWrap.ins .menuBox,
.outerWrap.ins header .rightBox{
	display: none;
}
.outerWrap.ins header h1 a {
    background: url(../images/logo_m.png) no-repeat;
	background-size:contain;}
.outerWrap.ins footer{
	background: #f5f5f5;
	padding: 55px 0;
	border: none;
}
.outerWrap.ins footer .mapBox,
.outerWrap.ins footer .copyBox{
	display: none;
}
.outerWrap.ins footer .insBox{
	display: block;
}
.outerWrap.ins footer .downLogo{
	display: inline-block;
	padding: 20px 0 0 0;
}
.outerWrap.ins footer .downLogo img{
	width: 219px;
}
.outerWrap.ins h5.copyright_ins{
	display: inline-block;
	font-weight: 500;
	padding: 0;
	color: #595757;
	line-height: 2;
	font-family: 'Raleway', Arial, sans-serif, "微軟正黑體";
}
.outerWrap.ins h5.copyright_ins span{
	padding: 0;
}
.outerWrap.ins h5.copyright_ins span b{
	font-weight: normal;
	padding-left: 20px;
	width: 118px;
	display: inline-block;
}
.outerWrap.ins h5.copyright_ins span.right{
	padding-left: 25px;
}
.outerWrap.ins h5.copyright_ins span.right h6{
	display: inline-block;
	font-weight: normal;
}
.outerWrap.ins header{
	position: absolute;
	padding: 0;
}
.outerWrap.ins header.shrink{
	padding: 0;
	box-shadow: none;
}
.outerWrap.ins a.close{
	position: fixed;
	top: 20px;
	right: 20px;
	display: inline-block;
	border: 1px solid #595656;
}
.outerWrap.ins a.close:before{
	background:#595656;
}

.outerWrap.ins a.close:after{
	background:#595656;
}

.side_contactInfo{
	margin:0;}

.thankInfo{/*感謝資訊*/
	padding: 0 0 20px 0;
	color: #5e5b5b;
	text-align:center;
	font-size: 15px;
	line-height: 1.8;
	margin-bottom:25px;}

.formBox{	
	margin-top:20px;
	color:#2f2f2f; /*字的顏色*/
	font-size:13px;}
form div[class^='g-']{
	position:relative;
	padding: 10px 10px 50px 10px;}
.formBox .left {
    position: absolute;
    left: 25px;
    top: 22px;
	transition:all 0.2s ease;
	z-index:2;
}
.formBox .onfocus .left{
	top:-30px;}
.formBox label{
	display:inline-block;
	margin-right:7px;
	font-size:15px;
	color:#595656;}
.formBox .onfocus .left label{
	font-size:14px;
	color: #ff8500;}
.formBox label em{
	color:#E61F6E; /*星號的顏色*/
	font-style:normal;
	font-weight:normal;
	font-family:"新細明體", Verdana, Geneva, sans-serif;}

.formBox .right{
	position:relative;}
.formBox .right:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:2px;
	background:#eaeaea;
	transition:all 0.2s ease;}
.formBox .onfocus .right:before{
	top:-10px;
	background: #ffae00;}
.formBox .right:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#eaeaea;
	transition:all 0.2s ease;}
.formBox .onfocus .right:after{
	bottom:-10px;
	background: #ffae00;}
.formBox input[type="text"]{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px 15px;
	width:100%;
	height:45px;
	line-height:45px;
	border:none;
	color: #595656;
	font-size:15px;
	background:rgb(247, 247, 247);}

.formBox select{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px;
	height:45px;
	border:1px solid #dcdcdc;
	border-left:none;
	border-right:none;
	width:100%;
	color: #595656;
	font-size:15px;
	font-family: "微軟正黑體";
	background:rgb(247, 247, 247);}

.formBox textarea{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:100px;
	padding:10px 15px;
	border:none;
	color: #595656;
	font-size:15px;
	background:rgb(247, 247, 247);}
.formBox textarea:focus{
	outline:none;}


/*--radio--*/
.sexBox{
	position: absolute;
	right: 0;
	top: 4px;
}

input[type="radio"] + label {
  display: inline-block;
  position: relative;
  transition: all .5s;
  cursor: pointer;
  margin-right: 10px;
  height: 35px;
  line-height: 35px;
}

input[type="radio"] + label span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #c5b8a8;
  box-sizing: border-box;
  transition: all .3s;
  border-radius: 50%;
}

input[type="radio"] + label span:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  background: #ffae00;
  border-radius: 50%;
  transition: all .3s;
}

.radio {
  position: relative;
  width: 1px;
  height: 1px;
  opacity: 0;
  display: none;
}

.radio:checked + label {
  color: #ffae00;
}

.radio:checked + label span {
  border-color: #ffae00;
}

.radio:checked + label span:before {
  -webkit-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}



/*驗證碼*/
.checkArea{
	text-align:center;
	clear:both;
	padding-top:25px;}

.checkArea .sliderBox{
	position:relative;
	display:inline-block;
	margin-right:8px;}

.checkArea p.note{/*向右滑動解鎖*/
	font-size:15px;
	font-family:微軟正黑體;
	color:#999;
	position:absolute;
	left:55px;
	top:7px;}

.checkArea .btn{/*送出按鈕*/
	display:inline-block;
	vertical-align:top;}

.checkArea .btn a{/*送出按鈕*/
	cursor:pointer;
	display:inline-block;
	padding:7px 25px;
	font-size:15px;
	color: #fff;
	border: 1px solid #c1c1c1;
	background:#3c3c3c;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}
.checkArea .btn a:hover{
	background:#ff8500;
	border:1px solid #ff8500;}
.error{
	box-shadow:0 0 10px #F00;}

/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha {/*整個驗證碼區*/
		}
		
.QapTcha .clr{
	clear:both;}
	
.QapTcha .bgSlider{/*滑軌*/
	width:200px;
	height:34px;
	float:left;
	border-radius:6px;
	
	background: #45484d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDU0ODRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(-45deg,  #45484d 0%,#000000 100%);
	background: -o-linear-gradient(-45deg,  #45484d 0%,#000000 100%);
	background: -ms-linear-gradient(-45deg,  #45484d 0%,#000000 100%);
	background: linear-gradient(135deg,  #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
}
	
.QapTcha .Slider{/*按鈕*/
	cursor:pointer;
	width:45px;
	height:30px;
	background:transparent url(../Scripts/Qaptcha/but-arrow.gif) no-repeat;
	position:relative;
	top:2px;
	left:0;
	z-index:99;}

.checkArea p.note{/*向右滑動解鎖*/
	font-size:15px;
	font-family:微軟正黑體;
	color:#999;
	position:absolute;
	left:55px;
	top:7px;}
	
.QapTcha .dropSuccess{/*成功*/
	color:#4e8b37;}
	
.QapTcha .dropError{/*錯誤*/
	display:none;}


@media (max-width: 1023px){
	.mainArea .contentBox{
		padding:0;}
	
}
@media (max-width: 1180px) {
	.outerWrap.ins footer .downLogo {
		display: block;
		width: 100%;
		padding: 0 0 20px 0;
	}
	.outerWrap.ins h5.copyright_ins {
		width: 100%;
	}
}
@media (max-width: 960px) {
	.outerWrap.ins h5.copyright_ins span:first-child{
		border-bottom: 1px solid #fff;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
	.outerWrap.ins h5.copyright_ins span.right{
		padding-left: 0;
	}
}

@media (max-width: 480px) {
	.outerWrap.ins h5.copyright_ins span.right h6 {
		display: block;
		padding-top: 7px;
		margin-top: 7px;
	}
	.outerWrap.ins h5.copyright_ins span.right h6:not(:first-child){
		border-top: 1px solid #fff;
	}
	.outerWrap.ins h5.copyright_ins span:first-child {
		margin-bottom: 0;
	}
	.outerWrap.ins h5.copyright_ins span b {
		padding-left: 5px;
	}
}