@charset "utf-8";

/* CSS Document */







/*----- 關於我們 -----*/

.aboutTitle {

	font-size: 45px;

	color: #000;

	font-weight: 600;

	margin-bottom: 60px;

	position: relative;

	line-height: 1.5;

}



.aboutTitle:after{

	content: " ";

	display: block;

	width: 94px;

	height: 3px;

	background: #3151c8;

	position: absolute;

	bottom: -15px;

	left: 50%;

	margin-left: -47px;

}



.keyPoints {

	font-size: 24px;

	color: #111;

	font-weight: 400;

	margin-bottom: 35px;

	line-height: 1.6;

}



.aboutSubtitle {

	font-size: 38px;

	color: #183190;

	font-weight: 600;

	margin: 70px 0;

}



.aboutTxt {

	width: 70%;

	margin: 0 auto;

	margin-bottom: 70px;

}



.bg-gray {

	background: #dfdfdf;

}





/* 企業夥伴 */

ul.partner {

	padding: 20px 0 30px;

}



ul.partner li {

	margin-bottom: 80px;

}



/*ul.partner:first-of-type {

	padding-top: 20px;

}*/



ul.partner li .partnerImg {

	display: inline-block;

	width: 250px;

	height: 250px;

	border-radius: 99em;

	border: 1px solid #c8c8c8;

	background-color: #fff;

	text-align: center;

	line-height: 250px;

	vertical-align: middle;

}



ul.partner li .partnerInfo {

	display: inline-block;

	width: -webkit-calc(100% - 255px);

	width: -moz-calc(100% - 255px);

	width: calc(100% - 255px);

	padding-left: 7%;

	vertical-align: middle;

	line-height: 1.8;

}



ul.partner li .partnerInfo h3 {

	font-size: 30px;

	color: #183190;

	font-weight: 600;

	margin-bottom: 7px;

	line-height: 1.6;

}



ul.partner li .partnerInfo h4 {

	font-size: 20px;

	color: #000;

	font-weight: 500;

	margin-bottom: 8px;

}





/* 360環景 */

ul.vrList {

	margin-bottom: -35px;

	padding-top: 25px;

}



ul.vrList.row {

    margin-left: -10px;

    margin-right: -10px;

}



ul.vrList li.col-lg-3 {

	padding-left: 10px;

	padding-right: 10px;

}



ul.vrList li {

	margin-bottom: 65px;

}



ul.vrList li .vrBox {

	position: relative;

	overflow: hidden;

	padding: 15px 15px 4px;

	vertical-align: top;

	cursor: pointer;

	background: #fff;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



ul.vrList li:hover .vrBox {

	transform: translateY(-8px);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}







/*----- 檔案下載 -----*/

.grayBg {

	background: #eee;

}



.listWrap {

	padding: 0 10%;

}



ul.downloadList {

	margin: 15px 0 -20px;

}



ul.downloadList li {

	padding: 16px 35px;

	margin-bottom: 27px;

	background: #fff;

	box-shadow: 0 1px 6px rgba(195, 195, 195, 0.6);  /* 往右偏移0往下偏移1px ，5px的模糊半徑 */

	transition: all 0.3s ease;

}



ul.downloadList li:hover {

	box-shadow: none;

	transform: translate(5px, 5px)

}



ul.downloadList li .leftBox {

	display: inline-block;

	width: -webkit-calc(100% - 165px);

	width: -moz-calc(100% - 165px);

	width: calc(100% - 165px);

	padding-right: 10px;

	vertical-align: middle;

}



.fileName {

	width: auto;

	display: inline-block;

	font-size: 18px;

	font-weight: 500;

	line-height: 1.8;

}



ul.downloadList li .rightBox {

	display: inline-block;

	width: 160px;

}



a.downloadBtn {

	display: block;

	font-size: 14px;

	color: #fff;

	padding: 6px 0;

	border-radius: 99em;

	background: #3151c8;

	text-align: center;

}



a.downloadBtn:hover {

	background: #333;

}



a.downloadBtn::after {

	content: '\f0ed';

    font-family: FontAwesome;

    font-size: 15px;

    display: inline-block;

    margin-left: 10px;

}







/*----- 聯絡我們 -----*/

.contact-iconBox {

	margin: 90px 0 85px;

}



.contact-iconBox > .row > .col-md-3 {

	padding-left: 6px;

	padding-right: 6px;

}



.contactIcon .iconImg {

	width: 130px;

	height: 130px;

	font-size: 38px;

    color: #183190;

	margin: 0 auto;

    line-height: 128px;

    border: 1px solid #183190;

	border-radius: 99em;

	text-align: center;

}



.contactIcon h4 {

    font-size: 20px;

    color: #183190;

	font-weight: 500;

    margin: 17px 0 7px;

}



.contactIcon p {

	color: #4d4d4d;

	line-height: 1.8;

}



.contactIcon p a {

	color: #4d4d4d;

}



.contactIcon p a:hover {

	color: #183190;

}





.contactBox {

	width: 1200px;

	margin: 0 auto;

}



.contactForm {

	padding: 70px 0 95px;

	background-color: #e2e2e2;

}



.contactTitle {

	font-size: 36px;

    color: #000;

	font-weight: 500;

	margin-bottom: 25px;

	text-align: center;

} 



.contactTxt {

	margin-bottom: 40px;

	text-align: center;

	line-height: 1.8;

}



.contactTxt span {

	color: #ec060b;

	margin: 0 2px;

}



.contactMap iframe {

	display: block;

}





/* 表單樣式 */



.form-group {

	margin-bottom: 20px;

	position: relative;

}



.form-column {

	padding: 16px 20px;

	border: 1px solid #bdbdbd;

	background-color: #fff;

}



.form-left,

.form-right {

	width: 48.5%;

	padding: 2px 0 2px 20px;

	border: 1px solid #bdbdbd;

	background-color: #fff;

}



.form-left {

	float: left;

}



.form-right {

	float: right;

}



.form-group label {

	width: 90px;
	font-size: 16px;
	vertical-align: middle;

}



.form-group label.textLabel {

	width: 100%;

	margin-bottom: 10px;

}



.form-field {

	width: -webkit-calc(100% - 95px);

	width: -moz-calc(100% - 95px);

	width: calc(100% - 95px);

	display: inline-block;

	vertical-align: middle;

}



.required {

	font-size: 14px;

	color: #fa0a0a;

	margin-left: 4px;

}



.sex-field {

	padding: 14px 15px;

}



label.radio-inline {

	width: auto;

	margin: 0 20px 0 5px;

	vertical-align:bottom;

}



.input {

	padding: 15px 12px 15px 0;

	border: none;

	background-color: #fff;

}



.input:focus,

.textarea:focus {

	outline: 0;

}



.textarea {

	min-height: 100px;

	padding: 0;

	border: none;

	background-color: #fff;

}



.codeInput {

	width: 70%;

	float: left;

}



.submit {

	width: 25%;

	float: right;

	position: relative;

    z-index: 1;

	margin-top: 18px;

	font-size: 18px; 

	color: #fff;

	display: block;

	padding: 12px 0 10px;

	text-align: center;

	border: none;

	cursor: pointer;

	background-color: #183190;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.submit:hover {

	background-color: #555;

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

    transition: top .3s ease-out, background-color .2s ease-out, box-shadow .5s ease-out, color .3s ease-out .2s;

}



.submit::before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  width: 100%;

  height: 0;

  background-color: #555;

  transition-duration: .3s;

}



.submit:hover::before {

  height: 100%;

  top: auto;

  bottom: 0;

}







@media (max-width: 1399px){



/*----- 關於我們 -----*/



}







@media (max-width: 1199px){



/*----- 檔案下載 -----*/

.listWrap {

	padding: 0 6.5%;

}







/*----- 聯絡我們 -----*/

.contactBox {

	width: 100%;

	padding: 0 7%;

}



}







@media (max-width: 991px){



.wrap {

	padding: 0 7%;

}





/*----- 關於我們 -----*/

.aboutTxt {

	width: 100%;

}







/*----- 聯絡我們 -----*/

.contactIcon .iconImg {

	width: 100px;

	height: 100px;

	font-size: 32px;

    line-height: 98px;

}



.contactTitle {

	font-size: 32px;

} 

	

}





@media (max-width: 767px){



/*----- 關於我們 -----*/

ul.partner li .partnerImg {

	display: block;

	margin: 0 auto;

}



ul.partner li .partnerInfo {

	display: block;

	width: 100%;

	padding-left: 0;

	margin-top: 30px;

}



ul.partner li .partnerInfo h3 {

	font-size: 26px;

}







/*----- 檔案下載 -----*/	

ul.downloadList li {

	padding-left: 20px;

	padding-right: 20px;

}







/*----- 聯絡我們 -----*/

.contact-iconBox {

	margin: 70px 0 30px;

}



.contact-iconBox > .row > .col-6 {

	margin-bottom: 40px;

}





}





@media (max-width: 575px){



/*----- 關於我們 -----*/

.aboutTitle {

	font-size: 32px;

}



.keyPoints {

	font-size: 20px;

	margin-bottom: 30px;

}



.aboutSubtitle {

	font-size: 28px;

	margin: 50px 0;

}



.aboutTxt {

	margin-bottom: 50px;

}



ul.partner {

	padding: 5px 0 1px;

}



ul.partner li {

	margin-bottom: 60px;

}



ul.vrList {

	padding-top: 0;

}



ul.vrList li {

	margin-bottom: 40px;

}







/*----- 檔案下載 -----*/	

ul.downloadList li .leftBox,

ul.downloadList li .rightBox {

	display: block;

	width: 100%;

}



ul.downloadList li .leftBox {

	padding-right: 0;

}



ul.downloadList li .rightBox {

	margin-top: 5px;

}



.fileName {

	font-size: 16px;

	display: block;

}



a.downloadBtn {

	margin-top: 12px !important;

}







/*----- 聯絡我們 -----*/

.contact-iconBox {

	margin: 50px 0 15px;

}



.contactIcon h4 {

    font-size: 18px;

    margin: 15px 0 10px;

}



.contactIcon p {

	font-size: 15px;

}



.contactForm {

	padding: 50px 0 70px;

}



.form-column {

	padding-left: 13px;

	padding-right: 13px;

}



.form-left,

.form-right {

	width: 100%;

	float: none;

	padding-left: 13px;

}



.form-right {

	margin-top: 20px;

}



.codeInput {

	width: 100%;

	float: none;

}



.submit {

	width: 100%;

	float: none;

	margin-top: 20px;

	font-size: 16px; 

}





}