@import url("reset.css");
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,form,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body{
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
}
a{
	padding: 0px;
	text-decoration: none;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

a:hover{
	text-decoration: none;
}
a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}
a {
    color: #fdcf30;
}
a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}
p {
    font-size: 16px;
	font-family:Arial,Helvetica,"微軟正黑體","Microsoft JhengHei",simhei,sans-serif;
    line-height: 28px;
	padding-top: 10px;
}

p.large {
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #424242;
	text-transform: uppercase;
	font-family:Arial,Helvetica,"微軟正黑體","Microsoft JhengHei",simhei,sans-serif;
}

b {
	font-weight: bold;
}

div > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
::-moz-selection {
    text-shadow: none;
    background: #ececec;
}

::selection {
    text-shadow: none;
    background: #ececec;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

.text-muted {
	color: #777;
	text-align: center;
}

.text-muted.left {
	text-align: left;
}

.text-muted.right {
	text-align: right;
}

.text-muted.dplay {
	display: inline-block;
	margin: 5px;
}

.text-primary {
    color: #fdcf30;
}

.text-red {
    color: #e8503f;
}


.text-lightpink {
    color: #ffbbbb;
}

.text-pink {
    color: #ff8997;
}

.text-darkpink {
    color: #ff6c7e;
}

.text-big {
  font-size: 18px;
  font-weight: bold;
}

.text-big-1 {
  font-size: 58px;
  font-weight: bold;
  line-height: 68px;
}
@media(min-width: 768px) and (max-width: 1199.98px) {
	.text-big-1  {
		font-size: 48px;
		font-weight: bold;
		line-height: 56px;
	}
}
@media (min-width: 480px) and (max-width: 767.98px) {
    .text-big-1 {
        font-size: 38px; line-height: 42px; } }
@media (min-width: 320px) and (max-width: 479.98px) {
    .text-big-1 {
        font-size: 30px; line-height: 40px; } }

@media (max-width: 319.98px) {
    .text-big-1 {
        font-size: 30px; line-height: 40px; } } }


.text-big-2 {
  font-size: 40px;
  font-weight: bold;
  line-height: 42px;
}
@media(min-width: 480px) {
	.text-big-2  {
		font-size: 58px;
		font-weight: bold;
	}
}

.small {
  font-size: 15px;
  font-weight: normal;
}

.img-centered {
    margin: 0 auto;
}

.img-thumbnail {
  display: inline-block;
  padding: 0px;
  background-color: #fff;
  border: 0px solid #ffbbbb;
}

span.glyphicon {
    padding-right: 3px;
	top: 3px;
}

.bg-lightgray {
    background-color: #f2f2f2;
}

.bg-darkgray {
    background-color: #222;
}

.bg-gray {
    background-color: #e1ddde;
}

.bg-lighyellow {
    background-color: #fff3b5;
}

.bg-yellow {
    background-color: #fdcf30;
}

.bg-blue {
    background-color: #a6d8f2;
}

.bg-white {
    background-color: #fff;
}

.bg-purple {
    background-color: #5c3e81;
}

.bg-orange {
    background-color: #f8a942;
}

.bg-red {
    background-color: #ca3d58;
}

.bg-whitepink {
    background-color: #f7f3f4;
}

.bg-lightpink {
    background-color: #ffbbbb;
}

.bg-pink {
    background-color: #ff8997;
}

.bg-darkpink {
    background-color: #ff6c7e;
}

.bg-dot {
    background: #eee url("../img/team/bg_dot.jpg") center top repeat;
}

.mt-1,
.my-1 {
  margin-top: 10px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 10px !important;
}

.mt-2,
.my-2 {
  margin-top: 15px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 15px !important;
}

.mt-3,
.my-3 {
  margin-top: 20px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 20px !important;
}

.ml-more,
.mx-more {
  margin-left: 20% !important;
}

.pl-1,
.px-1 {
  padding-left: 10px !important;
}

.roundline-25 {
	border-radius: 25px;
}
.roundline-25-3 {
	border-radius: 25px;
}

.roundline-25-w3 {
	border: #fff solid 3px;
	border-radius: 25px;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.btn {
  font-family:Arial,Helvetica,"微軟正黑體","Microsoft JhengHei",simhei,sans-serif;
}

.btn-primary .badge {
    color: #fdcf30;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #fdcf30;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #fdcf30;
}

.btn-xl .badge {
    color: #fdcf30;
    background-color: #fff;
}
.btn.btn-pink {
  cursor: default;
}
.btn-pink {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  background-color: #ff6c7e;
  border-color: #ff6c7e;
  border-radius: 35px;
  padding: 3px 4px 3px 12px;
  box-shadow: 3px 5px 0 3px rgba(216, 216, 216, 1.0);
  margin-left: -6%;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  color: #fff;
  background-color: #ff6c7e;
  border-color: #ff6c7e;
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #ff6c7e;
  border-color: #ff6c7e;
}
.btn-pink .badge {
  color: #ff6c7e;
  background-color: #fff;
}

.btn-pink span {
  display: inline-block;	
}
.btn-line {
  color: #7b7b7b;
  font-size: 22px;
  font-weight: normal;
  line-height: 2;
  background-color: #f7f3f4;
  border: #f7f3f4 solid 0px;
  border-radius: 30px;
  padding: 6px 6px 0px 6px;
}
@media(min-width: 480px) {
	.btn-pink {
		font-size: 42px;
		border-radius: 35px;
		padding: 3px 6px 3px 18px;
	}
    .btn-line {
		font-size: 30px;
		border-radius: 30px;
		padding: 6px 12px 0px 8px;
	}
}
@media (min-width: 320px) and (max-width: 991.98px) {
    .btn-pink {
        margin-left: auto; } }

@media (max-width: 319.98px) {
    .btn-pink {
        margin-left: auto; } } }

/*=== Navbar ===*/
.navbar-default {
    border-color: transparent;
    background-color: rgba(232,232,232,.00);
}

.navbar-default .navbar-brand {
	margin: 0px 0px 0px;
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #585858;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #424242;
}

.navbar-default .navbar-brand img {
	margin: 0px;
	padding: 0px;
    max-width: 100%;
	max-height: 100%;
	display: inline;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.00);
	border: 0;
	background-color: #960;
	display: inline-block !important;
}

.navbar-default .navbar-toggle {
    border-color: #fdcf30;
    background-color: #fdcf30;
	margin-top: 14px;
	display: none !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fdcf30;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .nav {
	/*margin-top: -5px;*/
	width: 58px;
	height: 100px;
	position: absolute;
	margin: calc(100%/5) 0% 0% calc(100% - 58px);
	padding: 10px 0px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ff6c7e;
	border-radius: 20px 0px 0px 20px;
}
@media (max-width: 1199.98px) {
    .navbar-default .nav {
        margin: calc(100%/5 + 48px) 0% 0% calc(100% - 58px); } }
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-default .nav {
        margin: calc(100%/4 + 68px) 0% 0% calc(100% - 58px); } }
@media (min-width: 480px) and (max-width: 767.98px) {
    .navbar-default .nav {
        margin: calc(100%/2) 0% 0% calc(100% - 58px); } }
@media (min-width: 320px) and (max-width: 479.98px) {
    .navbar-default .nav {
        margin: calc(100%/2) 0% 0% calc(100% - 58px); } }
@media (max-width: 319.98px) {
    .navbar-default .nav {
        margin: calc(100%/2) 0% 0% calc(100% - 58px); } }

.navbar-default .nav ul {
	padding: 0px 4px;
	text-align: center;
}
.navbar-default .nav li {
	padding: 10px 22px;
	background-color: rgba(253,108,126,1.00);
}
.navbar-default .nav li.hidden-top {
	border-radius: 20px 0px 0px 0px;
}
.navbar-default .nav li.hidden-f {
	border-radius: 0px 0px 0px 20px;
}
.navbar-default .nav li.hidden-foot {
	padding-bottom: 20px;
	border-radius: 0px 0px 0px 20px;
	border-top: #ff6c7e solid 1px;
}

.navbar-default .nav li a {
	font-size: 0px;
    color: #ff6c7e;
	background-color: rgba(255,255,255,1.00);
	border-radius: 100%;
	margin: 2px 2px;
	padding: 0px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.navbar-default .nav li a:hover {
    outline: 0;
    color: #32322e;
	background-color: rgba(50,50,46,1.00);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ff6c7e;
	background-color: rgba(255,255,255,1.00);
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #282828;
    background-color: #ff6c7e;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #282828;
    background-color: #fff;
}


@media(min-width:768px) {
    .navbar-default {
        padding: 20px 0;
        border: 0;
        background-color: transparent;
		border-bottom: #f2f2f2 solid 0px;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
		margin: -5px 0px 0px;
        font-size: 18px;
		width: 288px;
		height: 46px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
	
    .navbar-default .navbar-nav>.active>a {
		text-transform: uppercase;
		font-family: Arial, Helvetica,"微軟正黑體","Microsoft JhengHei", simhei, sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0px;
		outline: 0;
		color: #32322e;
		background-color: rgba(255,255,255,1.00);
		border-radius: 100%;
		border: #ff6c7e solid 2px;
		margin-left: -16px;
		padding: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
    }

    .navbar-default.navbar-shrink {
        padding: 15px 0px 0px;
        background-color: rgba(255,255,255,.90);
		border-bottom: 0px solid #3CF;
		height: 76px;
		box-shadow: 1px 2px 8px -2px rgba(0,0,0,0.3);
    }

    .navbar-default.navbar-shrink .navbar-brand {
		margin: -0px 0px 0px;
        font-size: 20px;
		width: 288px;
		height: 40px;
    }
}
@media (max-width: 767px) {
    .navbar-default {
		background-color: rgba(238,238,238,.00);
		border-bottom: 0px solid #f2f2f2;
		margin-top: 5px;
    }
    .navbar-default .navbar-nav>.active>a {
		text-transform: uppercase;
		font-family: Arial, Helvetica,"微軟正黑體","Microsoft JhengHei", simhei, sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0px;
		outline: 0;
		color: #32322e;
		background-color: rgba(255,255,255,1.00);
		border-radius: 100%;
		margin-left: -16px;
		padding: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		border: #ffda2f solid 0px;
    }
    .navbar-default .navbar-brand {
		margin: 0px 0px 0px 13px;
		width: 288px;
		height: 40px;
    }
}

header {
    text-align: center;
	background-attachment: scroll;
    background-image: none;
	background-color: #f6f6fb;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	position: relative;
}

header .container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

/*=== Blocks-cover ===*/
.blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .blocks-cover .container {
	margin: 0px auto;
    padding: 0px 0px;
	max-width: 85%; }
  .blocks-cover.overlay {
    position: relative;
	padding-top: 0%;
	padding-left: 7.5%;
	padding-right: 7.5%; }
    .blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0; }
  .blocks-cover, .site-blocks-cover .row {
    min-height: 600px;
    height: calc(100vh - 0px); }
.blocks-cover .intro-main {
  top: 0%;
  margin-left: 1%;
  position: absolute;
  width: 95%; }
 
@media (max-width: 1199.98px) {
  .blocks-cover .container {
	max-width: 100%; }
  .blocks-cover.overlay {
	padding-left: 0%;
	padding-right: 0%; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .blocks-cover .container {
	max-width: 100%; }
  .blocks-cover.overlay {
	padding-left: 0%;
	padding-right: 0%; } }
@media (min-width: 480px) and (max-width: 767.98px) {
  .blocks-cover {
	background-position: top left; }
  .blocks-cover .container {
	max-width: 100%; }
  .blocks-cover.overlay {
	padding-left: 0%;
	padding-right: 0%; }
  .blocks-cover, .blocks-cover .row {
    min-height: 600px;
    height: calc(100%); }
  .blocks-cover .intro-main {
    top: 0%;
    position: absolute;
    width: 95%; } }
@media (min-width: 320px) and (max-width: 479.98px) {
  .blocks-cover {
	background-position: top left; }
  .blocks-cover .container {
	max-width: 100%; }
  .blocks-cover.overlay {
	padding-left: 0%;
	padding-right: 0%; }
  .blocks-cover, .blocks-cover .row {
    min-height: 400px;
    height: calc(100%); }
  .blocks-cover .intro-main {
    top: 0%;
    position: absolute;
    width: 95%; } }
@media (max-width: 319.98px) {
  .blocks-cover {
	background-position: top left; }
  .blocks-cover .container {
	max-width: 100%; }
  .blocks-cover.overlay {
	padding-left: 0%;
	padding-right: 0%; }
  .blocks-cover, .blocks-cover .row {
    min-height: 400px;
    height: calc(100%); }
  .blocks-cover .intro-main {
    top: 0%;
    position: absolute;
    width: 95%; } }

header .intro-bg, header .intro-bg-lg {
    margin: 0px auto 0px;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

header .intro-bg {
	display: none;
}

header .intro-bg-lg {
	display: inline-block;
}
header .intro-bg-lg img {
	width: 100%;
	height: 100%;
}

header .intro-text {
	margin: 68px 0% 0% 15px;
    padding: 0px;
	position: absolute;
	width: 100%;
    min-height: 600px;
    height: calc(100%/2 - 420px);
}
header .intro-head-bg {
	margin: 0px auto;
    padding: 0px;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	min-height: auto;
	left: inherit;
	bottom: 0;
	display: inline;
}

@media(min-width: 768px) {
	header .intro-head-bg {
		position: absolute;
		margin: 0px auto;
		min-height: 600px;
		display: none;
	}
}

@media(min-width: 768px) {
	header .intro-text {
		margin: 68px 0% 0% 2%;
		position: absolute;
		width: calc(100% - 2%);
		min-height: 600px;
		height: calc(100%/2 - 420px);
	}
}

header .intro-text .intro-lead-in {
    margin-top: 25px;
    font-family: Arial, Helvetica, simhei, sans-serif;
    font-size: 25px;
	font-weight: normal;
    line-height: 40px;
    color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, simhei, sans-serif;
    font-size: 75px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.85);
}
header .intro-text h1 {
	margin: 0% calc(100%/4 + 168px) 0% 0%;
	padding: 0px;
	position: relative;
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
header .intro-text h1 img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
@media(min-width:992px) and (max-width: 1199px) {
    header .intro-text h1 {
		margin: 1% calc(100%/3 + 50px) 0% 0%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    header .intro-text h1 {
		margin: 5% calc(100%/3 + 0px) 0% 0%;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
    header .intro-text h1 {
		margin: 5% calc(100%/3 + 42px) 0% 0%;
    }
}
@media (min-width: 320px) and (max-width: 479.98px) {
    header .intro-text h1 {
		margin: 2% calc(100%/2 - 20px) 0% 0%;
    }
}
@media (max-width: 319.98px) {
    header .intro-text h1 {
		margin: 0% calc(100%/2 - 20px) 0% 0%;
    }
}



/*=== Form ===*/
.form{
	max-width:100%;
	margin: 4% 2% 0% 2%;
	position: 0px;
	position: relative;
	bottom: 30px;
}
.form:after {
    position:absolute;
    content: ' ';
    width:0;
    height:0;
    border-width:0px;
    border-style:solid;
    border-color:transparent transparent #fe0365  transparent;
	margin-top: 0;
	margin-left: calc(100%/2 - 24px);
	top:-65px;
	bottom:0;
	left:0;
    right:0;
}
.form_title{
	position:relative;
	width:90vw;
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:5px 0px 5px;
	z-index:10;
	display:block;
	font-size:42px;
	font-weight:bold;
	color:#fe0365;
	text-align:center;
	letter-spacing: -0.5px;
	background-color:rgba(3, 110, 184, 0.00);
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
	animation-delay: 1.2s;
	-webkit-animation-delay: 0.6s;
}
.form_title span{
	font-size:22px;
	font-weight:normal;
	color:#424242;
	margin-left: 15px;
	margin-bottom:3px;
	padding:3px 0px;
	display:block;
	text-align: left;
}
.form_title span b{
	font-size:22px;
	font-weight:bold;
	color:#fff;
	margin-right: 3px;
	padding:4px 6px 3px;
	display: inline-block;
	border-radius: 15px;
	background-color: #fe0365;
}
.form_title span{
	font-size:22px;
	font-weight:normal;
	color:#424242;
	margin-left: 15px;
	margin-bottom:3px;
	padding:3px 0px;
	display:block;
	text-align:left;
}
.form_title img.double{
	display:block;
	margin-top:3px;
	margin-left:calc(100%/2 - 86px);
}
.form .form_iframe{
	height: auto;
	display: block;
	margin:-208px auto 0% auto;
	padding:208px 14px 0px 14px;
	max-width:100%;
	min-height:420px;
	background:rgba(255,255,255,0.95);
	border:#fd697f solid 2px;
	border-radius:30px;
	box-shadow: 0 0 0.5em rgba(0,0,0,.0), 0 0 0.5em rgba(0,0,0,.0);
	position: relative;
}

.form_foot{
	max-width:100%;
	margin: 0% auto;
	position: 0px;
	position: relative;
}
.form_foot .form_iframe{
	height: auto;
	display: block;
	margin: 0% auto 4%;
	padding: 20px 5px 15px;
	min-height:220px;
	background:rgba(255,255,255,0.00);
	border-radius:30px;
	border: #ececec solid 1px;
	box-shadow: 0.5em 0.5em 0 rgba(0,0,0,.0);
	position: relative;
}

@media(min-width: 1200px) {
	.form{
		max-width:480px;
		margin: 0% 0% 0% calc(100%/3 - 368px);
		position: 0px;
		position: absolute;
		bottom: 6%;
	}
	.form_title{
		width:70vw;
		max-width:480px;
		height:auto;
		margin:0 auto;
		padding:5px 0px 5px;
		z-index:10;
		display:block;
		font-size:42px;
	}
	.form_title span{
		font-size:22px;
		margin-bottom:3px;
		padding:3px 0px;
	}
	.form_title img.double{
		display:inline;
		margin-top:0px;
		margin-left:auto;
	}
	.form .form_iframe{
		margin:-35% auto 0% auto;
		padding:35% 14px 0px 14px;
		max-width:480px;
		min-height:390px;
	}
}
@media(min-width: 992px) and (max-width: 1199.98px) {
	.form{
		max-width:480px;
		margin: 0% 0% 0% calc(100%/8 - 80px);
		position: 0px;
		position: absolute;
		bottom: 6%;
	}
	.form_title img.double{
		display:inline;
		margin-top:0px;
		margin-left:auto;
	}
	.form .form_iframe{
		margin:-35% auto 0% auto;
		padding:35% 14px 0px 14px;
		max-width:480px;
		min-height:390px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.form{
		max-width:480px;
		margin: 0% 0% 0% calc(100%/8 - 80px);
		position: 0px;
		position: absolute;
		bottom: 6%;
	}
	.form_title img.double{
		display:inline;
		margin-top:0px;
		margin-left:auto;
	}
	.form .form_iframe{
		margin:-35% auto 0% auto;
		padding:35% 14px 0px 14px;
		max-width:480px;
		min-height:390px;
	}
}
@media (min-width: 420px) and (max-width: 479.98px) {
	.form{
		max-width:100%;
		margin: 6% 2% 0% 2%;
		position: 0px;
		position: relative;
		bottom: 30px;
	}
	.form_title{
		width:100vw;
		max-width:100%;
		height:auto;
		margin:0 auto;
		padding:5px 0px 5px;
		z-index:10;
		display:block;
		font-size:32px;
	}
	.form_title span, .form_title span b{
		font-size:18px;
		margin-bottom:3px;
		padding:3px 0px;
	}
	.form_title span b{
		padding:4px 6px 3px;
	}

	.form .form_iframe{
		margin:-190px auto 0% auto;
		padding:190px 14px 0px 14px;
		max-width:100%;
		min-height:498px;
	}
	.form.wbox {
		box-shadow: 0.0em 0.8em 0 rgba(160, 160, 160, 0.5);
	}
	.form_foot .form_iframe {
		min-height:330px;
	}
}
@media (min-width: 320px) and (max-width: 419.98px) {
	.form{
		max-width:100%;
		margin: 10% 2% 0% 2%;
		position: 0px;
		position: relative;
		bottom: 30px;
	}
	.form_title{
		width:100vw;
		max-width:100%;
		height:auto;
		margin:0 auto;
		padding:5px 0px 5px;
		z-index:10;
		display:block;
		font-size:30px;
	}
	.form_title span{
		font-size:15px;
		margin-bottom:3px;
		padding:3px 0px;
	}
	.form_title span b{
		font-size:16px;
		padding:4px 6px 3px;
	}
	.form .form_iframe{
		margin:-190px auto 0% auto;
		padding:190px 14px 0px 14px;
		max-width:100%;
		min-height:498px;
	}
	.form.wbox {
		box-shadow: 0.0em 0.8em 0 rgba(160, 160, 160, 0.5);
	}
	.form_foot .form_iframe {
		min-height:330px;
	}
}
@media (max-width: 319.98px) {
	.form{
		max-width:100%;
		margin: 10% 2% 0% 2%;
		position: 0px;
		position: relative;
		bottom: 30px;
	}
	.form_title{
		width:90vw;
		max-width:100%;
		height:auto;
		margin:0 auto;
		padding:5px 0px 5px;
		z-index:10;
		display:block;
		font-size:25px;
	}
	.form_title span{
		font-size:15px;
		margin-bottom:3px;
		padding:3px 0px;
	}
	.form_title span b{
		font-size:16px;
		padding:4px 6px 3px;
	}
	.form .form_iframe{
		margin:-208px auto 0% auto;
		padding:208px 14px 0px 14px;
		max-width:100%;
		min-height:510px;
	}
	.form.wbox {
		box-shadow: 0.0em 0.8em 0 rgba(160, 160, 160, 0.5);
	}
	.form_foot .form_iframe {
		min-height:330px;
	}
}

/*===END Form ===*/

section {
	overflow-x: hidden;
	overflow-y: auto;
    padding: 110px 0px 25px;
}

section .topbox {
	margin: 0px auto;
    padding: 0px;
	width: 100%;
	height: 0px;
}

section img.bg-page {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline;
}

section .container {
	position: relative;
	margin: 0px 5px;
	border: #ff6c7e solid 3px;
	border-radius: 30px;
}
@media(min-width: 768px) {
	section .container {
		border: #ff6c7e solid 3px;
		border-radius: 30px;
		position: relative;
		margin: 0px auto;
	}
}

section .container.wbox, .wbox {
	border: #fff solid 3px;
	border-radius: 30px;
	box-shadow: 0.7em 0.8em 0 rgba(160, 160, 160, 0.5);
}

section .wbox-l, section .wbox-r {
	border: #fff solid 3px;
	border-radius: 30px;
	box-shadow: 0.7em 0.8em 0 rgba(160, 160, 160, 0.5);
	margin: 6% 0px;
	padding: 15px 20px;
	position: relative;
}
section .wbox-l:after, section .wbox-r:after {
    position:absolute;
    content: ' ';
    width:0;
    height:0;
    border-width:21px;
    border-style:solid;
	border-color:transparent transparent #ff6c7e transparent;
    margin-top: calc(0% - 45px);
	margin-left: calc(100%/2 - 21px);
	margin-right: inherit;
	top:0;
	bottom:0;
	left:0;
    right:0;
}
@media(min-width: 992px) {
	section .wbox-l:after {
		border-color:transparent #ff6c7e transparent transparent;
		margin-top: calc(100%/8);
		margin-left: -45px;
	}
    section .wbox-r:after {
		border-color:transparent transparent transparent #ff6c7e;
		margin-top: calc(100%/8);
		left: calc(100%/2 + 24px);
	}
}

section .container .linebox {
	display: inline-table;
	padding: 5px 12px 3px;
	border: #d8d8d8 solid 1px;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 25px;
}
@media (min-width: 320px) and (max-width: 479.98px) {
    section .container h4.linebox {
        font-size: 18px; } }
@media (max-width: 319.98px) {
    section .container h4.linebox {
        font-size: 100%; line-height: 100%; } }

section h2.section-heading {
    margin-top: -42px;
    margin-bottom: 20px;
	margin-left: 0px;
	padding: 20px 30px;
    font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	color: #fff;
	background-color: #ff6c7e;
	display: inline-block;
	border: #ff6c7e solid 3px;
	border-radius: 25px;
}
section h2.section-heading.big {
	margin-left: -30px;
    font-size: 58px;
	font-weight: bold;
	line-height: 58px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    section h2.section-heading {
		margin-top: -42px;
		margin-bottom: 20px;
		padding: 20px 30px;
		font-size: 39px;
		line-height: 39px;
		border-radius: 25px;
    }
    section h2.section-heading.big {
		margin-left: -30px;
		font-size: 50px;
		line-height: 50px;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
    section h2.section-heading {
		margin-top: -42px;
		margin-bottom: 20px;
		padding: 15px 20px;
		font-size: 32px;
		line-height: 32px;
		border-radius: 20px;
    }
    section h2.section-heading.big {
		margin-left: -10px;
		font-size: 45px;
		line-height: 45px;
    }
}
@media (min-width: 320px) and (max-width: 479.98px) {
    section h2.section-heading {
		margin-top: -42px;
		margin-bottom: 20px;
		padding: 10px 15px;
		font-size: 29px;
		line-height: 29px;
		border-radius: 18px;
    }
    section h2.section-heading.big {
		margin-left: -10px;
		font-size: 38px;
		line-height: 38px;
    }
}
@media (max-width: 319.98px) {
    section h2.section-heading {
		margin-top: -42px;
		margin-bottom: 20px;
		padding: 10px 15px;
		font-size: 26px;
		line-height: 26px;
		border-radius: 16px;
    }
    section h2.section-heading.big {
		margin-left: 0px;
		font-size: 35px;
		line-height: 35px;
    }
}
section h3.section-subheading {
    margin-top: 15px;
    margin-bottom: 35px;
	margin-left: 10px;
    font-size: 32px;
    font-weight: normal;
	line-height: 36px;
    text-transform: none;
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
section h3.section-subheading.pl-1 {
    margin-left: calc(100%/3 - 0px);
    font-size: 32px;
}
@media (min-width: 480px) and (max-width: 767.98px) {
    section h3.section-subheading.pl-1 {
        margin-left: calc(100%/3 - 0px); font-size: 30px; } }
@media (min-width: 320px) and (max-width: 479.98px) {
    section h3.section-subheading.pl-1 {
        margin-left: calc(100%/3 - 20px); font-size: 25px; } }
@media (max-width: 319.98px) {
    section h3.section-subheading.pl-1 {
        margin-left: calc(100%/3 - 20px); font-size: 100%; } }

section h3.section-subheading .small {
	padding: 0px 5px 0px 15px;
	display: inline-block;
}
section h3.section-subheading .small:after, section h3.section-subheading .small:before {
    position: absolute;
    font-size: 23px;
    font-weight: normal;
	line-height: 21px;
	margin: 0px 3px 0px;
	display: inline-block;
}
section h3.section-subheading .small:before {
    content: '(';
	margin-left: -10px;
}
section h3.section-subheading .small:after {
    content: ')';
}
@media(min-width: 992px) {
	section h3.section-subheading {
		margin-top: 0px;
		margin-left: calc(100%/4 - 0px);
		font-size: 38px;
		font-weight: normal;
		line-height: 42px;
	}
}
@media (max-width: 319.98px) {
    section h3.section-subheading {
		margin-bottom: 35px;
		text-transform: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 20px;
		letter-spacing: -0.2px;
    }
}

section .team-member h3 {
	margin-top: 35px;
	margin-bottom: 10px;
	font-size: 24px;
    font-weight: normal;
	line-height: 30px;
	text-transform: none;
	letter-spacing: 0em;
}
@media(min-width: 480px) {
	section .team-member h3  {
		font-size: 29px;
		font-weight: normal;
		line-height: 35px;
		letter-spacing: 0.02em;
	}
}
@media (max-width: 319.98px) {
    section .team-member h3 {
        font-size: 100%; line-height: 100%; } }


section .team-member h3.un-line {
	margin-bottom: 20px;
	position: relative;
}
section .team-member h3.un-line:after {
    position: absolute;
    content: ' ';
    width: auto;
	border-bottom: #d8d8d8 solid 2px;
	top: 0;
    bottom: 0;
	left: 0;
    right: 0;
	margin-bottom: -12px;
}
section .team-member h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 23px;
    font-weight: normal;
	line-height: 30px;
	text-transform: none;
	letter-spacing: 0.01em;
}

section .contain_bg {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 58px;
	height: 0;
	text-align: center;
	border: transparent solid 1px;
	position: relative;
}
section .contain_bg:after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-width: 58px;
    border-style: solid;
    border-color: #e1ddde transparent transparent transparent ;
    position: absolute;
	margin-left: -58px;
    top: -1px;
}

@media(min-width:992px) and (max-width: 1199px) {
    section {
        padding: 110px 0px 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    section {
        padding: 110px 0px 25px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    section {
        padding: 110px 0px 25px;
    }
}

.service-heading {
    margin: 15px 0px;
    text-transform: none;
}


/* guide_down */
.guide_down {
  position: absolute;
  width: 92px;
  height: 92px;
  margin: auto;
  display: block;
  /*cursor: pointer;*/
  padding-top: 22px;
  bottom: 1.5%;
  left: calc(100%/2 - 46px);
  right: calc(100%/2);
  font-size: 16px;
  line-height: 18px;
  color: #32322e;
  font-weight: bold;
  font-family: Arial, Helvetica,"微軟正黑體","Microsoft JhengHei", simhei, sans-serif;
  text-align: center;
  text-transform: uppercase;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0.42em 0.42em 0 rgba(123, 123, 123, 0.75); }
  .guide_down .chevron-g {
    margin: -60px auto 0px;
	padding: 42px;
    display: block;
	width: 52px;
	height: 52px;
	background: transparent url("../img/team/pic_down.png") center 88% no-repeat;
	animation: 1s fadeIn 1 alternate backwards, 0.5s transform 0.1s infinite alternate backwards; }
  .guide_down .chevron-g:hover {
    animation-play-state: paused; }
            @keyframes fadeIn {
				from {
				  opacity: 0;
				}
				to {
				  opacity: 1;
				}
            }
            @keyframes transform {
				from {
				  transform: translateY(0%);
				}
				to {
				  transform: translateY(10%);
				}
            }

@media (min-width: 480px) and (max-width: 767px) {
    .guide_down {
        bottom: 450px;
    }
}
@media (min-width: 420px) and (max-width: 479.98px) {
    .guide_down {
        bottom: 530px;
    }
}
@media (min-width: 320px) and (max-width: 419.98px) {
    .guide_down {
        bottom: 520px;
    }
}
@media (max-width: 319.98px) {
    .guide_down {
        bottom: 520px;
    }
}


.team-member {
    margin: 0px auto 10px;
}

.team-member img {
    margin: 0px auto;
}

.team-member .line_g {
	margin: 0px 0px 40px;
    border: 7px solid #f2f2f2;
	width: 180px;
	height: 180px;
	border-radius: 180px;
	background-color: #f2f2f2;
}

.team-member .line_w {
	margin: 0px auto 40px;
    border: 7px solid #ffffff;
	width: 180px;
	height: 180px;
	border-radius: 180px;
	background-color: #ffffff;
}

.team-member .line_pic {
	margin: 0px 0px 8px;
	padding: 0px;
	position: relative;
	background-color: transparent;
	display: inline-block;
}
.team-member .line_pic img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.team-member img.area01 {
	margin: calc(100%/2) 0% 0% 0%;
	padding: 0px;
	border-radius: 0px;
	border-top: #ff6c7e solid 3px;
}

@media (min-width: 400px) and (max-width: 767.98px) {
	.team-member img.area01 { margin: 60% 0% 0% 0%; }
}
@media (min-width: 360px) and (max-width: 399.98px) {
	.team-member img.area01 { margin: 45% 0% 0% 0%; }
}
@media (min-width: 320px) and (max-width: 359.98px) {
	.team-member img.area01 { margin: 30% 0% 0% 0%; }
}
@media (max-width: 319.98px) {
	.team-member img.area01 { margin: 50% 0% 0% 0%; }
}

.team-member img.area02 {
	margin: 0% auto;
	padding: 0px;
	position: relative;
	max-width: 100%;
	max-height: 100%;
}
@media(min-width: 1200px) {
	.team-member img.area02 { margin: 300% 0% 0% -240%; 	max-width: 265px; max-height: 275px; }
}
@media(min-width: 992px) and (max-width: 1199.98px) {
	.team-member img.area02 { margin: 420% 0% 0% -260%; 	max-width: 222px; max-height: 230px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.team-member img.area02 { margin: -10% 0% 0% calc(-100%/8 - 25px); max-width: 265px; max-height: 275px; }
}


.team-member img.area03 {
	margin: 0% 0% 0% 0%;
	padding: 0px;
}
.team-member img.areaMag {
	margin: 0% -2% 0% -8%;
	padding: 0px;
	max-width: 110%;
}
@media(min-width: 992px) {
	.team-member img.area01 { margin: 0% 0% 0% 0%; border-radius: 25px; border-top: #ff6c7e solid 0px; }
	.team-member img.area03 { margin: 32% 0% 0% 5%; }
	.team-member img.areaMag { margin: 0%; max-width: 100%; }
}

.team-member .line_pic.card-eg, .team-member .line_pic.card-play-lg, .team-member .line_pic.card-play-sm {
    margin: 0px auto;
	padding: 0px 10px;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.team-member .line_pic.card-eg {
	display: inline-block;
	margin-right: inherit;
}
.team-member .line_pic.card-play-lg {
	display: none;
	margin-left: inherit;
}
.team-member .line_pic.card-play-sm {
	display: inline-block;
}
@media(min-width: 992px) {
	.team-member .line_pic.card-eg { margin-right: -13%; }
    .team-member .line_pic.card-play-lg { display: inline-block; margin-left: -13%; }
	.team-member .line_pic.card-play-sm { display: none; }
}

.team-member img.areaAR {
	margin: 0% 0% 0% -3%;
	padding: 0px;
	max-width: 105%;
	border-radius: 25px;
	border: #fff solid 3px;
	box-shadow: 0.7em 0.8em 0 rgba(160, 160, 160, 0.5);
}
.team-member.w315 {
    margin: 0px auto;
	padding: 3px;
	max-width: 315px;
	min-height: 426px;
}
@media(min-width:992px) and (max-width: 1199.98px) {
    .team-member.w315 { min-height: 406px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .team-member.w315 { min-height: 304px; margin-right: 10%; }
	.team-member.w315 p { margin-top: -10px; }
}
@media (min-width: 480px) and (max-width: 767.98px) {
    .team-member.w315 { max-height: 420px; margin-bottom: 20px; margin-left: -2%; }
	.team-member img.areaAR { margin: 0% 0% 0% 0%; }
}
@media (min-width: 320px) and (max-width: 479.98px) {
    .team-member.w315 { min-height: inherit; margin-bottom: 0px;}
	.team-member.w315 p { font-size: 18px; line-height: 24px; }
	.team-member img.areaAR { margin: 0% 0% 0% 0%; }
    section#method .col-xs-6 {
		width: 100%;
		margin: 0px auto;
    }
}
@media (max-width: 319.98px) {
    .team-member.w315 { min-height: inherit; }
	.team-member.w315 p { font-size: 18px; line-height: 22px; }
    section#method .col-xs-6 {
		width: 100%;
		margin: 0px auto;
    }
}

.team-member > .team-content {
    margin: 0px auto 0px;
	padding: 0px 0px;
    text-align: center;
}
.team-member > .team-content .img-circle {
    box-shadow: 0.3em 0.4em 0 rgba(160, 160, 160, 0.5);
	margin-top: 20px;
}
@media(min-width: 992px) {
	.team-member > .team-content { padding: 0px 20px 10px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.team-member > .team-content { padding: 0px 5px; margin-top: -25px; }
}
@media (min-width: 320px) and (max-width: 767px) {
    .team-member > .team-content {
		margin: 0px 8% 50px;
    }
}

.team-member p {
    margin: 10px 0px 0px;
	font-size: 20px;
	color: #282828;
	text-align: justify;
}


.cont_pic {
	margin: 0px auto;
	padding: 0px;
}
@media (min-width: 768px) {
  .cont_pic {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .cont_pic {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .cont_pic {
    max-width: 1170px;
  }
}
.cont_pic img.areabg1 {
	margin: -3% 0% 0% -30px;
	padding: 0px;
	display: inline;
	position: absolute;
}



section#award {
    padding: 110px 0px 115px;
}
section#e-card .dplay-sm {
	display: inline-block;
}
section#e-card .dplay-lg {
	display: none;
}
@media (min-width: 992px) {
  section#e-card .dplay-sm {
    display: none;
  }
  section#e-card .dplay-lg {
    display: inline-block;
  }
}


/*=== Footer ===*/
footer {
	margin: 0px;
    padding: 0px;
    text-align: center;
}

footer #subfooter {
    margin: 0px;
    padding: 6px;
    background: transparent url("../img/logo_footbg.png") center top repeat-x;
}
footer #subfooter .logo_AMC_foot {
    margin: 0px 0px 0px;
    padding: 0px;
	font-size: 15px;
}
footer #subfooter .logo_AMC_foot img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
footer #subfooter img#AMC_foot_web {
    padding-top: 18px;
	line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
	footer #subfooter img#AMC_foot {
        width: 430;
        height: 58px;
        max-width: 100%;
        max-height: 100%;
    }
	footer #subfooter img#AMC_foot_web {
        width: 308px;
        height: 58px;
        max-width: 100%;
        max-height: 100%;
		padding: 26px 0px 7px;
		line-height: 25px;
    }
}
@media (min-width: 320px) and (max-width: 767.98px) {
	footer #subfooter img#AMC_foot {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
	footer #subfooter img#AMC_foot_web {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        padding: 2px 47px 0px;
        line-height: 28px;
    }
}


/* go-top */
.back-go-top {
    display: none;
    position: fixed;
    bottom: 42px;
	left: calc(100%/2 - 46px);
    right: 0;
	z-index: 1030;
}

.back-go-top i {
    display: block;
    width: 92px;
    height: 92px;
    line-height: 30px;
    color: #32322e;
	font-family: Arial, Helvetica, sans-serif;
    border-radius: 100%;
	box-shadow: 0.42em 0.42em 0 rgba(123, 123, 123, 0.75);
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.back-go-top i.glyphicon {
    width: 92px;
    height: 92px;
    border-radius: 100%;
}
.glyphicon-menu-up:before {
  content: " "; /*"\e260"*/
}
.back-go-top i img.chevron-up {
    display: block;
	margin: 0px auto;
	padding-top: 24px;
    text-align: center;
}