/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body{
	font-family: "Noto Sans", "Microsoft JhengHei", Arial, sans-serif;
	overflow-x:hidden;
	font-size: 16px;
			letter-spacing: 0.025em;
		line-height: 1.75em;
}

.imgFit img{
	width:100%;
}

.imgFitMax img {
  max-width: 100%;
}

a{
	text-decoration:none;
	color:inherit;
	transition: color 0.2s linear;
}

a:hover {
  color: #ffeb3b;
  text-decoration:none;
}

header{
	width:100%;
}
@media (max-width: 992px) {
header .container{
	width: auto;
	padding:0;
}
}

.sliderCon {
  height: inherit;
  position:relative
}

.swiper-slide img{
	width:100%
}

.logo{
	padding:5px
}

.logo img{
	width:100%
}

.headMsgCon{
  background: rgba(173, 20, 87, 0.78);
  color: white;
  display: inline-block;
  opacity: 1;
  text-align: center;
  position: relative;
  width: 100%;
  height: 280px;
  top: 0;
  z-index: 9999;
  padding: 30px 20px 0;
}
@media (min-width: 992px) {
.headMsgCon{
	position: absolute;
	width: 430px;
	margin:0;
}
}

.headMsgCon h2{
	font-size: 30px;
	font-weight: 900;
	letter-spacing: 0.2em;
	margin: 0;
	padding-left: 0.05em;
	position: relative;
	text-transform: uppercase;
}

.headMsgCon hr{
  top: 1.5em;
  margin:20px 50px;
  border-bottom-color: rgba(255,255,255,0.65);
}

.headMsgCon p{
	letter-spacing: 0.1em;
	margin: 30px 0px;
	font-size: 18px;
}
.headMsgCon .tel{
	background: #9b266c;
	padding: .6em 0;
	letter-spacing: 0.15em;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	font-size:18px
}

.headMsgCon .tel{
	color:#FFFFFF	
}

.navCon {
	position: absolute;
	bottom: 0px;
	z-index: 9998;
	width: 100%;
	height: 70px;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.navCon.alt {
  position: fixed;
  top: 0;
}

.navCon ul.navMenu > li{
	display:inline-block;
	padding: 20px 10px;
	cursor:pointer;
	text-align:center;
	vertical-align:top;
	transition: padding-top 0.2s linear;
	position:relative;
}

@media (min-width: 992px) {
.navCon ul.navMenu > li{
	padding: 20px 0px;
	font-size: 14px;
}
}


.navCon ul.navMenu > li:before{
	content: " ";
	height:0px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#e51937;
	transition: height 0.2s linear;
}

.navCon ul.navMenu > li:hover{
	padding-top: 23px;
}

.navCon ul.navMenu > li:hover:before{
	height:3px;
}

.navCon ul.navMenu > li > a {
  padding: 20px 10px;
}

.navCon ul.navMenu,.navCon ul.lang{
	padding-left:0;
	
}


.navCon ul.lang > li{
	display:inline-block;
	padding: 20px 5px;
	cursor:pointer;
	text-align:center;
	vertical-align:top;
	position:relative;
}

@media (min-width: 992px) {
.navCon ul.lang > li{
	padding: 20px 5px;
	font-size:12px;
}
}

.s1{
	background-image:url(../images/section1_bg.png);
	background-repeat:no-repeat;
	background-size:cover;	
}


.sectionHead{
	  margin: 50px 0 25px;
}
.sectionHead span{
	position: relative;
	border-right: 1px solid #e51937;
	font-size:30px;
	padding-right: 50px;
}
.sectionHead span:after{
  border-bottom: solid 1px #e51937;
  border-top: solid 1px #e51937;
  content: '';
  height: 14px;
  opacity: 0.8;
  right: -301px;
  position: absolute;
  top: 14px;
  width: 300px;
}

h1.titlebottom {
  text-align: right;
  font-weight: 900;
}

.t1 {
	background-image:url(../images/section2.jpg);
	background-size: cover;
  background-position: center;
	padding: 150px 0;
	color:rgba(255,255,255,1);
	text-align:center;
}
.s2{
	background-image: url(../images/section2_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;	
}
.profilepic{
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
}
.personalinfo {
  text-align: left;
  text-indent: 50px;
  padding: 15px 0;
  display:none
}
.personal .name{
	font-weight: 700;
  	font-size: 1.2em;
  	letter-spacing: .15em;
}

.personal{
	text-align:right;
	margin:50px 0;	
}

.showDetail{
	margin-top:15px	
}


.t2 {
	background-image:url(../images/section3.jpg);
	background-attachment:fixed;
	background-size: cover;
  background-position: 20% 50%;
	padding: 150px 0;
}
.serImg{
	width:100%;
	position:relative;
}

.serImg_s{
	position:relative;
  width: 200px;
  height: 125px;
}

.serImg > *,.serImg_s > *{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.serImg > a,.serImg_s > a{
	height:100%;
}

.thumbSwiper .stitle_s{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

.thumbSwiper .swiper-slide{
  width: 200px;
	cursor:pointer
}


.stitle, .stitle_s{
	height:100%;
	text-align:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
	  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.stitle_s{
  font-size: 14px;
}

.thumbSwiper{
	margin:10px 30px 25px;
	position:relative;
}

footer{
  background: #000;
  color: #b7b7b7;
}


.credit{
	color:rgba(255,255,255,1.00);
	font-size:12px;
	text-align:center;
	padding:10px 0;
}




.mobileheader {
  position: fixed;
  top: -5px;
  z-index: 9999;
  width: 100%;
}

.mm-menu > .mm-panel {
  background: #1c2021;
  color: white;
  font-size: 0.8em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.fa:before {
  color: #e51937;
    padding-right: 5px;
}

.mobileheader a.toggle:before {
	/*
  color: white;
  content: "\f0c9";
  */
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.75em;
  height: 30px;
  line-height: 30px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 80px;
  left: 50%;
  margin-left: -40px;
}

.mobileheader a.toggle:after {
	/*
  background: rgba(163, 169, 170, 0.75);
  border-radius: 0 0 4px 4px;
  */
  content: '';
  height: 30px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  top: 0;
  width: 80px;
}

.scrollToTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: none;
  text-indent: -9999px;
  background-image: url(../images/up.png);
  border-radius: 5px;
  background-color: rgba(255,255,255,.65);
  border: none;
}


footer form .row > *{
	margin-bottom:15px	
}





.s3_SwiperOutterCon,.s4_SwiperOutterCon{
	transition: height 0.3s cubic-bezier(.55,0,.1,1);
	-moz-transition: height 0.3s cubic-bezier(.55,0,.1,1);
	-webkit-transition: height 0.3s cubic-bezier(.55,0,.1,1);
	-o-transition: height 0.3s cubic-bezier(.55,0,.1,1);
	
	overflow:hidden;
  	margin: 10px 0 25px;
}


.swiper-button-prev{
	background-image: url(../images/arrowleft2.png);
	background-size: cover;
	background-position: left;
	left: -30px;
	width: 20px;
	height: 130px;
	top: 50%;
	margin-top: -65px;
}
.swiper-button-next{
	background-image: url(../images/arrowright2.png);
	background-size: cover;
	background-position: right;
	right: -30px;
	width: 20px;
	height: 130px;
	top: 50%;
	margin-top: -65px;
}

@media (min-width: 992px) {
	.serCon .date {
	  position: absolute;
	  right: 0;
	  width: 110px;
	  top: 6px;
	}

}


	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: #e51937;
		border: none;
		color: #FFF;
		border-radius: 3pt;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		letter-spacing: 2px;
		min-width: 18em;
		padding: 0 0.75em;
		line-height: 3.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover {
			background: #c41411;
			border-color: inherit;
			color: #fff
		}

		input[type="button"].special,
		input[type="submit"].special,
		input[type="reset"].special,
		.button.special {
			background: #e51937;
			color: white !important;
		}

			input[type="button"].special:hover,
			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			.button.special:hover {
				background: #c41411 !important;
			}

		input[type="button"].fit,
		input[type="submit"].fit,
		input[type="reset"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		.button.small {
			font-size: 0.7em;
			min-width: 14em;
			padding: 0.5em 0;
		}
		
input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(255, 255, 255, 0.75);
		color: rgba(255, 255, 255, 0.75);
		border-radius: 3pt;
		display: block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #fff;
			background: rgba(255,255,255,.15);
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}

	.formerize-placeholder {
		color: rgba(124, 128, 129, 0.5) !important;
	}
	
	
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .1;
}