@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-size: 16px;
    font-family: Arial, Helvetica,"微軟正黑體","Microsoft JhengHei", simhei, sans-serif;
}
a {
    color: #fdcf30;
    text-decoration: none;
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
a:hover,
a:focus {
	color: #fec503;
    text-decoration: none; }
a,
a:visited,
a:focus,
a:hover,
a.active {
    outline: 0; }

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


::-moz-selection {
    text-shadow: none;
    background: #e8e8e8;
}

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

img::selection {
    background: 0 0;
}

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

p {
    font-size: 16px;
    line-height: 28px;
	padding-top: 10px;
}
p.large {
    font-size: 18px;
}
@media(min-width: 768px) {
p.large {
    font-size: 18px; }}
@media(min-width: 480px) {
p.large {
    font-size: 16px; }}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
}

b, strong {
	font-weight: bold;
}

div > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
button {
    outline: 0;
}

.text-sm {
	font-size: 15px;
}

.text-muted {
	color: #555;
	font-size: 18px;
	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: #362c86; }

.text-white {
  color: #fff; }
table tr th.text-white {
  color: #fff; }

.text-red {
    color: #df0e2a; }
	
.text-deepred {
    color: #711a15; }

.text-yellow {
  color: #fdd331; }

.text-org {
    color: #ff6d3b; }

.text-blu {
    color: #35b0cb; }
	
.text-deepblu {
    color: #344154; }
	
.text-blue {
    color: #1f4fa2; }

.text-main {
  color: #3a2e26; }

.img-centered {
    margin: 0 auto;
}

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

.bg-light-gray {
    background-color: #f2f2f2; }
.bg-darkest-gray {
    background-color: #222; }
.bg-gray {
    background-color: #e1ddde; }
.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: #e60238; }
.bg-green {
    background-color: #229e0a; }
.bg-light-green {
    background-color: #b2d1c5; }
.bg-col-ring {
    background-color: #fdf9f3; }
.bg-col-1 {
    background-color: #bcd61f; }
.bg-col-2 {
    background-color: #f4de20; }
.bg-col-3 {
    background-color: #e5e2e3; }


.bg-prizeA {
	background: #b2d1c5 url("../img/team/border-Abg.jpg") center bottom no-repeat; background-size:100%; }
.bg-prizeB {
    background: #eae1d0 url("../img/team/border-Bbg.jpg") center center no-repeat; background-size:100%; }
.bg-prizeC {
    background: #b2d1c5 url("../img/team/border-Cbg.jpg") center center no-repeat; background-size:100%; }
.bg-prizeD {
    background: #eae1d0 url("../img/team/border-Dbg.jpg") center center no-repeat; background-size:100%; }
.bg-prizeE {
    background: #eae1d0 url("../img/team/border-Ebg.gif") center top no-repeat; background-size:100%; }
.bg-prizeL {
	overflow-x: hidden;
    background: #eae1d0 url("../img/team/border-Linksbg.jpg") center top no-repeat; background-size:100%; margin: 0%; }

@media(min-width:480px) and (max-width: 1199.98px) {
.bg-prizeA {
	background: #b2d1c5 url("../img/team/border-Abg_s.jpg") center bottom no-repeat; background-size:100%; }
.bg-prizeB {
    background: #eae1d0 url("../img/team/border-Bbg_s.jpg") center bottom no-repeat; background-size:100%; }
.bg-prizeC {
    background: #b2d1c5 url("../img/team/border-Cbg_s.jpg") center bottom no-repeat; background-size:100%; }
.bg-prizeD {
    background: #eae1d0 url("../img/team/border-Dbg_s.jpg") center bottom no-repeat; background-size:100%; }
.bg-prizeE {
    background: #eae1d0 url("../img/team/border-Ebg_s.gif") center top no-repeat; background-size:100%; }
}
@media screen and (max-width: 479.98px) {
.bg-prizeA {
	background: #b2d1c5 url("../img/team/border-Abg_s.jpg") center bottom no-repeat; background-size:125%; }
.bg-prizeB {
    background: #eae1d0 url("../img/team/border-Bbg_s.jpg") center bottom no-repeat; background-size:125%; }
.bg-prizeC {
    background: #b2d1c5 url("../img/team/border-Cbg_s.jpg") center bottom no-repeat; background-size:125%; }
.bg-prizeD {
    background: #eae1d0 url("../img/team/border-Dbg_s.jpg") center bottom no-repeat; background-size:125%; }
.bg-prizeE {
    background: #eae1d0 url("../img/team/border-Ebg_s.gif") center top no-repeat; background-size:125%; }
}
@media(min-width:1700px) {
.bg-prizeL {
    background: #eae1d0 url("../img/team/border-Linksbg.jpg") center top no-repeat; background-size:100% !important; }
}
@media(min-width:992px) and (max-width: 1699.98px) {
.bg-prizeL {
    background: #eae1d0 url("../img/team/border-Linksbg_m.jpg") center top no-repeat; background-size:100%; margin: 0%; }
}
@media(min-width:768px) and (max-width: 991.98px) {
.bg-prizeL {
    background: #eae1d0 url("../img/team/border-Linksbg_s.jpg") center top no-repeat; background-size:106% !important; }
}
@media screen and (max-width: 767.98px) {
.bg-prizeL {
    background: #eae1d0 url("../img/team/border-Linksbg_s.jpg") center top no-repeat; background-size:116% !important; }
}

.bor-ring {
	border-radius: 8px;
}

.mt-1 {
	margin-top: 2%;
}
.mt-2 {
	margin-top: 4%;
}
.mb-1 {
	margin-bottom: 2%;
}
.mb-2 {
	margin-bottom: 4%;
}

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

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

.btn-xl .badge {
    color: #fdcf30;
    background-color: #fff;
}
.btn-play {
	margin: 7% auto 4.5%; /*margin: 0px auto;*/
	padding: 0px;
	width: auto;
	height: auto;
	cursor: pointer;
	position: relative;
	text-align: center;
	display: block;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out; }

.btn-play img.picyou {
	margin: 0px auto;
	width: auto;
	height: auto;
    max-width: 100%;
	max-height: 100%; }
@media (min-width: 1200px) {
.btn-play img.picyou-col-md-8 {
	width: 760px; 
	height: 550px; }
.btn-play img.picyou-col-lg-6 {
	width: 580px; 
	height: 420px; }
.btn-play img.picyou {
	width: 420px; 
	height: 304px; } }


.btn-play span {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 33px;
	color: #fdd331;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }

.btn-play span:hover {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }
.btn-play:hover span {
	font-size: 42px;
	color: #000;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out; }
.btn-play .glyphicon {
	padding-left: 10px;
}
.btn-play .line_80w {
	margin: 0px auto 0px;
	width: 90px;
	height: 90px;
	border-radius: 90px;
	background-color: #ffffff;
	border: #ddd solid 1px;
}
.btn-play .line_80w:hover, .btn-play:hover .line_80w {
	width: 108px;
	height: 108px;
	border-radius: 108px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);  }

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

.navbar-default .navbar-brand {
	margin: 0px 0px 0px;
	padding: 0px;
    color: #fdcf30;
	z-index: 100;
}

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

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

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.00);
}

.navbar-default .navbar-toggle {
    border-color: #2f2d34;
    background: #344154;
}

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

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

.navbar-default .nav {
	margin-top: -10px;
}
.navbar-default .nav li a {
    text-transform: uppercase;
	font-size: 18px;
    font-weight: normal;
	text-align: center;
    letter-spacing: 1px;
    color: #2f2d34;
	background: rgba(242,244,246,.95);
	border-radius: 8px;
	margin-left: 4px;
	padding: 15px 10px; /*padding: 15px 15px;*/
	border: #e5e2e3 solid 1px;
}

.navbar-default .nav li a:hover {
    outline: 0;
    color: #1c1c1f;
	background: rgba(242,242,242,1.0);
}
.navbar-default .nav li a:focus {
    outline: 0;
    color: #1c1c1f;
	background: rgba(234,238,238,.85);
}

.navbar-default .navbar-nav>.active>a {
    outline: 0;
    color: #f3f4f6;
    background: #344154;
	border: #344154 solid 1px;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    outline: 0;
    color: #f3f4f6;
    background: #344154;
}


@media(min-width: 768px) {
    .navbar-default {
        padding: 20px 0 0px;
        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: -20px 0px 0px;
        font-size: 15px;
		width: 100px;
		height: 100px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 8px;
    }

    .navbar-default.navbar-shrink .navbar-brand {
		margin: -15px 0px 0px;
        font-size: 24px;
		width: 90px;
		height: 90px;
    }
}
@media (max-width: 767.98px) {
    .navbar-default {
		background: rgba(52,65,84,.00);
		border-bottom: 0px solid #f2f2f2;
    }
    .navbar-default .nav {
		margin-top: -1px;
    }
    .navbar-default .nav li a {
		background: rgba(52,65,84,.95);
		border-radius: 0px;
		margin-left: 0px;
		padding: 15px 15px;
		height: 46px;
		color: #fff;
		border: #e5e2e3 solid 0px;
    }
    .navbar-default .nav li a:hover {
		background: rgba(250,250,250,1.00);
    }
    .navbar-default .navbar-brand {
		margin: 0px 0px 0px 13px;
		width: 75px;
		height: 75px;
		position: absolute;
    }
    .navbar-default .navbar-toggle {
		  margin-bottom: 6px;
    }
/* TOP navbar-toggle */
	.navbar-default .navbar-toggle {
        border: #344154;
    }
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
        /*background: #35b0cb;*/
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
}

/* intro */
#intro {
	background: #e5e2e3;
	background-size: cover;
	color: #510f0b;
	text-align: center;
	overflow: hidden;
    width: 100%;
}
#intro .intro-text {
	margin: -20px auto 0%;/*margin: -100px auto 0%;*/
	padding: 0px;
}
#intro .intro-text img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	/*border: #03F solid 1px;*/
}
#intro .main-title {
    margin: 0% auto 0%;
    padding: 0px;
    text-align: center;
	position: relative;
}
#intro .intro-text .intro-bg, #intro .intro-text .intro-bg-lg {
    margin: 0px;
	padding: 0px;
	bottom: 0px;
}
#intro .intro-text .intro-bg {
	display: none;
}
#intro .intro-text .intro-bg-lg {
	display: block;
}
#intro .intro-text .intro-bg img, #intro .intro-text .intro-bg-lg img {
	width: 100%;
	height: 100%;
}
#intro .intro-text h1, #intro .intro-text h2 {
	display: block;
	position: absolute;
	margin-top: calc(-100%/4 - 110px);
	margin-left: calc(100%/2 - 280px);
}
#intro .intro-text h1 {
	color: rgba(255,255,255,0.95);
	font-size: 61px;
	font-weight: bold;
	text-shadow: 0px -1px 0 rgba(255,255,255,0.42),
                 0px -1px 0 rgba(255,255,255,0.42),
                 0px  1px 0 #212121,
                 0px  1px 0 #212121,
	             -1px 3px 5px rgba(0,0,0,0.68);
	padding: 0%;
	border-radius: 30px;
}
#intro .intro-text h1 strong {
	color: rgba(229,16,111,0.95);
	font-size: 80px;
	font-weight: bold;
	text-shadow: 0px -1px 0 rgba(255,255,255,0.35),
                 0px -1px 0 rgba(255,255,255,0.35),
                 0px  1px 0 #212121,
                 0px  1px 0 #212121,
	             -1px 3px 6px rgba(0,0,0,0.30);
}
#intro .intro-text h1 strong.AMC {
	color: rgba(255,255,255,1.0);/*color: rgba(255,172,50,1.0);*/
	font-size: 88px;
	font-weight: bold;
	line-height: 142%;
	text-shadow: 0px -2px 0 #fff,  
                 0px -2px 0 #fff,
                 0px  2px 0 rgba(42,123,150,0.68),
                 0px  2px 0 rgba(42,123,150,0.68),
	             -1px 3px 8px rgba(0,0,0,0.68);
	display: block;
}
#intro .intro-text h2 {
	color: #344154;
	font-size: 32px;
	margin-top: calc(-100%/4 + 142px);
	margin-left: calc(100%/2 - 222px);
	padding: 10px 15px 8px;
	border-radius: 15px;
	font-weight: bold;
	text-transform: inherit;
	text-shadow: 0px -1px 0 rgba(255,255,255,0.25),
                 0px -1px 0 rgba(255,255,255,0.25),
                 0px  1px 0 #d7e6e0,
                 0px  1px 0 #d7e6e0,
	              -1px 3px 8px rgba(255,255,255,0.88);
	background-color: rgba(255,255,255,0.50);
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
}
#intro .intro-text h3 {
	display: inline-block;
	color: #711a15;
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	margin-left: 0px 6px 8px;
	padding-left: 28px;
	background: transparent url("../img/team/star.png") 1% 1% no-repeat;
}
#intro .intro-text h3 span {
	display: block;
}
@media(min-width: 480px) {
#intro .intro-text h3 {
	text-align: center; }
#intro .intro-text h3 span {
	display: inline-block; } }


/* LG */
@media (max-width: 1199.98px) {
#intro .intro-text {
	margin: 0% auto 0%;
	padding: 0px;
}
#intro .intro-text h1 {
	font-size: 52px;
	border-radius: 26px;
	margin-top: calc(-100%/4 - 68px);
}
#intro .intro-text h1 strong {
	font-size: 68px;
}
#intro .intro-text h2 {
	font-size: 26px;
	margin-top: calc(-100%/10 - 0px);
}
}
/* MD */
@media (max-width: 991.98px) {
#intro .intro-text {
	margin: 0% auto 0%;
	padding: 0px;
}
#intro .intro-text .intro-bg-lg {
	display: none;
}
#intro .intro-text .intro-bg {
	display: block;
	margin: -2% -3% 0%;
}
#intro .main-title {
    margin: 0% auto 0%;
    padding: 0px;
    text-align: center;
	position: relative;
}
#intro .intro-text h1 {
	font-size: 42px;
	border-radius: 15px;
	margin-top: calc(-100%/3 - 18px);
	margin-left: calc(100%/6 + 30px);
	text-shadow: 0px -1px 0 rgba(255,255,255,0.42),
                 0px -1px 0 rgba(255,255,255,0.42),
                 0px  1px 0 #212121,
                 0px  1px 0 #212121,
	             -1px 2px 4px rgba(0,0,0,0.75);
}
#intro .intro-text h1 strong {
	font-size: 56px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 80px;
	line-height: 130%;
	text-shadow: 0px -1px 0 #fff,
                 0px -1px 0 #fff,
                 0px  1px 0 rgba(42,123,150,0.68),
                 0px  1px 0 rgba(42,123,150,0.68),
	             -1px 3px 5px rgba(0,0,0,0.68);
}
#intro .intro-text h2 {
	font-size: 25px;
	font-weight: bold;
	border-radius: 10px;
	margin-top: calc(-100%/6 + 58px);
	margin-left: calc(100%/6 + 25px);
	text-shadow: 0px 1px 5px rgba(255,255,255,0.95);
}
}
@media (max-width : 767.98px) {
#intro .intro-text {
	margin: 0px auto 0%;
	padding: 0px;
}
#intro .intro-text .intro-bg-lg {
	display: none;
}
#intro .intro-text .intro-bg {
	display: block;
	margin: -2% -8% 0%;
}
#intro .intro-text h1 {
	font-size: 40px;
	border-radius: 12px;
	padding: 0%;
	margin-top: calc(-100%/2 + 42px);
	margin-left: calc(100%/5 - 20px);
	text-shadow: 0px -0px 0 #fff,  
                 0px -0px 0 #fff,
                 0px  0px 0 #f2f2f2,
                 0px  0px 0 #f2f2f2,
	             -1px 3px 5px rgba(0,0,0,0.68);
	width: 80%;
}
#intro .intro-text h1 strong {
	font-size: 50px;
	line-height: 58px;
	display: block;
}
#intro .intro-text h1 strong.AMC {
	font-size: 68px;
	line-height: 130%;
}
#intro .intro-text h2 {
	font-size: 22px;
	font-weight: bold;
	border-radius: 10px;
	margin-top: calc(-100%/6 + 25px);
	margin-left: calc(100%/6 + 8px);
}
}
@media (max-width : 689.98px) {
#intro .intro-text h1 {
	font-size: 35px;
	border-radius: 12px;
	padding: 0%;
	margin-top: calc(-100%/2 + 22px);
	margin-left: calc(100%/5 - 10px);
	text-shadow: 0px -0px 0 #fff,  
                 0px -0px 0 #fff,
                 0px  0px 0 #f2f2f2,
                 0px  0px 0 #f2f2f2,
	             -1px 3px 5px rgba(0,0,0,0.68);
	width: 80%;
}
#intro .intro-text h1 strong {
	font-size: 42px;
	line-height: 52px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 68px;
	line-height: 130%;
}
#intro .intro-text h2 {
	font-size: 19px;
	font-weight: bold;
	border-radius: 10px;
	margin-top: calc(-100%/5 + 42px);
	margin-left: calc(100%/3 - 68px);
}
}
@media (max-width : 589.98px) {
#intro .intro-text h1 {
	font-size: 28px;
	border-radius: 12px;
	padding: 0%;
	margin-top: calc(-100%/2 + 20px);
	margin-left: calc(100%/5 - 0px);
	text-shadow: 0px -0px 0 #fff,  
                 0px -0px 0 #fff,
                 0px  0px 0 #f2f2f2,
                 0px  0px 0 #f2f2f2,
	             -1px 3px 5px rgba(0,0,0,0.68);
	width: 80%;
}
#intro .intro-text h1 strong {
	font-size: 33px;
	line-height: 42px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 58px;
	line-height: 130%;
}
#intro .intro-text h2 {
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	margin-top: calc(-100%/5 + 42px);
	margin-left: calc(100%/3 - 68px);
}
}
@media (max-width : 479.98px) {
#intro .intro-text {
	margin: 0px auto 0%;
	padding: 0px;
}
#intro .intro-text .intro-bg-lg {
	display: none;
}
#intro .intro-text .intro-bg {
	display: block;
	margin: -2% -8% 0%;
}
#intro .intro-text h1 {
	font-size: 24px;
	padding: 0%;
	border-radius: 8px;
	letter-spacing: -1px;
	margin-top: calc(-100%/2 + 8px);
	margin-left: calc(100%/3 - 58px);
	text-shadow: 0px -0px 0 #fff,  
                 0px -0px 0 #fff,
                 0px  0px 0 #f2f2f2,
                 0px  0px 0 #f2f2f2,
	             -1px 3px 5px rgba(0,0,0,0.68);
	width: 80%;
}
#intro .intro-text h1 strong {
	font-size: 28px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 48px;
	line-height: 158%;
	/*margin-left: calc(100%/5 - 0px);*/
	text-shadow: 0px -0px 0 #fff,
                 0px -0px 0 #fff,
                 0px  1px 0 rgba(42,123,150,0.68),
                 0px  1px 0 rgba(42,123,150,0.68),
	             -1px 3px 5px rgba(0,0,0,0.68);
}
#intro .intro-text h2 {
	font-size: 16px;
	padding: 8px 10px 6px;
	border-radius: 6px;
	margin-top: calc(-100%/3 + 88px);
	margin-left: calc(100%/3 - 68px);
	width: 80%;
}
}
@media (max-width : 399.98px) {
#intro {
	background-size: cover;
	background: #e5e2e3 url("../img/team/header-bg-sm.jpg") center top no-repeat; background-size:100%;
}
#intro .intro-text {
	margin: 42px auto 0%;
	padding: 0px;
}
#intro .intro-text h1 {
	font-size: 24px;
	padding: 0%;
	border-radius: 8px;
	letter-spacing: -1px;
	margin-top: calc(-100%/3 - 68px);
	margin-left: calc(100%/4 + 20px);
	text-shadow: 0px -0px 0 #fff,  
                 0px -0px 0 #fff,
                 0px  0px 0 #f2f2f2,
                 0px  0px 0 #f2f2f2,
	             -1px 3px 5px rgba(0,0,0,0.68);
	width: 65%;
}
#intro .intro-text h1 strong {
	font-size: 28px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 40px;
	line-height: 138%;
	/*margin-left: calc(100%/3 - 62px);*/
}
#intro .intro-text h2 {
	font-size: 13px;
	padding: 8px 5px 6px;
	border-radius: 6px;
	margin-top: calc(-100%/4 + 35px);
	margin-left: 2%;
	width: 96%;
}
}
@media (max-width : 319.98px) {
#intro .intro-text {
	margin: 42px auto 0%;
	padding: 0px;
}
#intro .intro-text h1 strong.AMC {
	font-size: 35px;
	line-height: 138%;
	/*margin-left: calc(100%/3 - 42px);*/
}
}



section {
	margin: 0px auto;
    padding: 0px;
	position: relative;
}
section .container {
	padding-top: 120px;
	padding-bottom: 22%;
	overflow-x: hidden;
	overflow-y: auto;
}
section .container p {
	font-size: 21px;
    line-height: 32px;
	color: #3b4042;
}
section .container p strong {
	color: #344154;
}
section#IconLinks .container .bg-girl {
	position: absolute;
	margin: 0px auto;
	left: calc(100%/2 - 175px);
	bottom: 0%;
	display: none;
}
@media(min-width:1500px) {
	section#IconLinks .container {
      padding-top: 5%;
      padding-bottom: 12%;}
	section#course .container, section#online .container {
      padding-top: 120px;
      padding-bottom: 15%;}
}
@media(min-width:1200px) and (max-width: 1499.98px) {
	section .container {
      padding-top: 120px;/*padding-top: 100px;*/
      padding-bottom: 22%;/*padding-bottom: 30px;*/}
	section#IconLinks .container {
      padding-top: 5%;
      padding-bottom: 4%;}
	section#course .container {
      padding-top: 120px;
      padding-bottom: 18%;}
	section#online .container {
      padding-top: 120px;
      padding-bottom: 12%;}
}
@media(min-width:992px) and (max-width: 1199.98px) {
	section .container {
      padding-top: 120px;
      padding-bottom: 35%;}
	section#IconLinks .container {
      padding-top: 2%;
      padding-bottom: 14%;}
}
@media(min-width:768px) and (max-width: 991.98px) {
	section .container {
      padding-top: 120px;
      padding-bottom: 35%;}
	section#IconLinks .container {
      padding-top: 2%;
      padding-bottom: 22%;}
	section#IconLinks .container .bg-girl {
	  display: inline-block;}
}
@media (min-width: 480px) and (max-width: 767.98px) {
	section .container {
      padding-top: 120px;
      padding-bottom: 35%;}
	section#IconLinks .container {
      padding-top: 2%;
      padding-bottom: 180px;
	  padding-left: 10%;
	  padding-right: 10%;}
	section#IconLinks .container .bg-girl {
	  display: inline-block;}
	section#course .container, section#online .container {
      padding-top: 120px;
      padding-bottom: 38%;}
	section .container p {
      font-size: 20px;
      line-height: 28px;}
	section .container p strong {
      font-size: 21px;}
}
@media screen and (max-width: 479.98px) {
	section .container {
      padding-top: 120px;
      padding-bottom: 180px;}
	section#IconLinks .container {
      padding-top: 2%;
      padding-bottom: 180px;
	  padding-left: 10%;
	  padding-right: 10%;}
	section#IconLinks .container .bg-girl {
	  display: inline-block;}
	section .container p {
      font-size: 18px;
      line-height: 25px;}
	section .container p strong {
      font-size: 19px;}
}

section .topbox {
	margin: 0px calc(100%/2 - 64px) 0px;
    padding: 0px;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	clear: both;
}
section .topbox:before {
    position: absolute;
    content: ' ';
    width: 128px;
    height: 128px;
	background-color: #fbf9f6;
	border-radius: 100%;
	display: inline;
	top: -28px;
}
section .topbox img {
    position: absolute;
	display: inline;
	margin-top: -17px;
	padding: 15px;
}


section .topboxline {
	margin: 0px auto 0px;
    padding: 0px;
	width: 100%;
	height: 0px;
}
section .topboxline:after, section .topboxline-y:after, section .topboxline-g:after, section .topboxline-w:after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-width: 35px;
    border-style: solid;
    border-color: #e5e2e3 transparent transparent transparent; /* #b62d24*/
	margin: 0px auto 0px;
    padding: 0px;
    top: 0%;
    right: 0%;
	bottom: 0%;
	left: 0%;
}
section .topboxline-y:after {
    border-color: #faec58 transparent transparent transparent;
}
section .topboxline-g:after {
    border-color: #b2d1c5 transparent transparent transparent;
}
section .topboxline-w:after {
    border-color: #fff transparent transparent transparent;
}


section h2.section-heading {
    margin-top: 0px;
    margin-bottom: 42px;
    font-size: 42px;
	font-family: Arial, Helvetica,"Microsoft JhengHei", simhei, sans-serif;
	font-weight: bold;
	line-height: 35px;
	color: #344154;
}
section h2.section-heading span.redline, section h2.section-heading span.orgline, section h2.section-heading span.bluline {
    margin: 0px;
	padding: 0px;
	position: relative;
}
section h2.section-heading span.redline:after, section h2.section-heading span.orgline:after, section h2.section-heading span.bluline:after {
    position: absolute;
    content: ' ';
    width: auto;
	border-bottom: #c82a2a solid 3px;
	top: 0;
    bottom: 0;
	left: 0;
    right: 0;
	margin-bottom: -5px;
}
section h2.section-heading span.orgline:after {
	border-bottom: #ff6d3b solid 3px;
}
section h2.section-heading span.bluline:after {
	border-bottom: #35b0cb solid 3px;
}

section h3.section-heading, section h3.section-heading-big {
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
	line-height: 42px;
	color: #344154;
    text-transform: none;
}
section h3.section-heading-big {
    margin-bottom: 15px;
    font-size: 30px;
}
section h3 b.arrow {
    font-size: 30px;
	color: #35b0cb;
	padding: 0px 1px;
	text-shadow: 0px -1px 0 #35b0cb,  
                 0px -1px 0 #35b0cb,
                 0px  1px 0 #fff,
                 0px  1px 0 #fff,
	             -1px 2px 3px rgba(0,0,0,0.35);
}

section .pur_box {
	margin: 0px;
	padding: 20px 11px 10px;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.75);
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
	display: inline-block;
}
section .pur_box h3 {
	margin-bottom: 8px;
	font-size: 23px;
    font-weight: bold;
	line-height: 33px;
}
section .pur_box h4 {
	padding-bottom: 10px;
	font-size: 18px;
    font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-transform: none;
	margin-left: 110px;
}
section .pur_box h4 b {
	padding-bottom: 5px;
	margin-left: -110px;
}
section .pur_box h4 b.space {
	letter-spacing: 0.15ex;
}
@media screen and (max-width: 479.98px) {
	section .pur_box h4 {
	  margin-left: 5px;}
	section .pur_box h4 b {
	  margin-left: 5px;}
}


section .team-member .well {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  background-color: rgba( 255, 255, 255, 0.95 ); /*#f5f5f5*/
  border: 5px solid #e4d9c5; /*#e3e3e3*/
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .00);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .00);
}
section .team-member iframe {
    position: relative;
	margin: 10px auto 0%;
	padding: 10px 0% 0px 0.5%;
	z-index: 96;
	max-width: 100%;
	min-height: 500px;
	background-color: rgba( 255, 255, 255, 0.00 );
	border-left: #f8f8f8 0px solid;
	border-right: #f8f8f8 0px solid;
	border-top: #f8f8f8 0px solid;
	border-bottom: #f8f8f8 0px solid;
	border-radius: 8px;
}
  @media (min-width: 768px) {
    section .team-member iframe {
      min-height: 500px; } }
@media(min-width:992px) and (max-width: 1199.98px) {
    section {
        padding: 0px 0px 0px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    section {
        padding: 0px 0px 0px;
    }
    section h2.section-heading {
    margin-bottom: 22px;
    font-size: 35px;
	line-height: 39px;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
    section {
        padding: 0px 0px 0px;
    }
    section h2.section-heading {
         margin-bottom: 22px;
        font-size: 32px;
        line-height: 36px;
    }
    section h3.section-heading, section h3.section-heading-big {
        margin-bottom: 15px;
        font-size: 23px;
		line-height: 29px;
    }
    section h3.section-heading-big {
        font-size: 26px;
    }
	section .team-member h4 {
        margin-top: 8px;
        font-size: 19px;
        line-height: 28px;
    }
}
@media screen and (max-width: 479.98px) {
    section {
        padding: 0px 0px 0px;
    }
    section h2.section-heading {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 35px;
    }
}
@media (min-width: 320px) and (max-width: 479.98px) {
    section h3.section-heading, section h3.section-heading-big {
        margin-bottom: 15px;
        font-size: 20px;
		line-height: 25px;
    }
    section h3.section-heading-big {
        font-size: 22px;
    }
}
@media (max-width: 319px) {
    section h3.section-heading, section h3.section-heading-big {
        margin-bottom: 15px;
        font-size: 18px;
		line-height: 24px;
    }
    section h3.section-heading-big {
        font-size: 21px;
    }
	section .team-member h4 {
        margin-top: 20px;
        font-size: 19px;
        line-height: 28px;
    }
}

.team-member {
    margin: 0px 0% 0px;
	padding-bottom: 0px;
    /*text-align: center;*/
	position: relative;
}

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




section#signup .team-content .btn-lg {
	font-size: 26px;
	font-weight: bold;
	margin: 25px auto;
	border-radius: 12px;
}
section#signup .team-content .btn-danger {
  background-color: rgba(200,42,42,0.90);
}
section#signup .container {
	padding-top: 100px;
	padding-bottom: 30px;
}
section#signup .tab-content {
	margin: 0px auto 0px;
	padding: 10px 14px 3px;
	text-align: center;
	border-radius: 0 0 6px 6px;
	background-color: #e8e8e8;
}
@media (min-width: 480px) and (max-width: 767.98px) {
	section#signup .container h3 {
	  font-size: 21px;}
}
@media screen and (max-width: 479.98px) {
	section#signup .container h3 {
	  font-size: 21px;}
}


.team-member > .team-content {
    margin: 0px 16% 0px;
	padding-bottom: 10px;
    text-align: center;
}

.team-member p {
    margin: 10px 0px 0px;
	color: #282828;
}

.team-member .panel {
    margin-top: 20px;
}

.team-member ul {
    margin: 0px auto;
	padding: 0px;
	position: relative;
}
@media (min-width: 1200px) {
section .container .fea-m1 {
	margin-top: calc(100%/4 + 68px);
	margin-left: 0%;
}
section .container .fea-m2 {
	margin-top: -12%;
	margin-left: 0%;
}
section .container .fea-m3 {
	margin-top: -12%;
	margin-left: 0%;
}
section .container .fea-m4 {
	margin-top: calc(100%/4 + 68px);
	margin-left: 0%;
}
}
@media(min-width: 768px) and (max-width: 1199.98px) {
section .container .fea-m1, section .container .fea-m2, section .container .fea-m3, section .container .fea-m4 {
	margin-top: -15px;
	margin-left: 0%;
}
section .container .fea-m2 {
	left: -5%;
}
section .container .fea-m3 {
	right: -5%;
}
}
@media screen and (max-width: 767.98px) {
section .container .fea-m1, section .container .fea-m2, section .container .fea-m3, section .container .fea-m4 {
	margin-top: 0%;
	margin-left: 0%;
}
section .container .fea-m2 {
	left: 0%;
}
section .container .fea-m3 {
	right: 0%;
}
}


section#IconLinks .IconBox {
	margin: 0% auto;
	padding: 0%;
	position: relative;
}
section#IconLinks .IconBox li.col-xs-6 {
	width: 25%;
}
@media (min-width: 480px) and (max-width: 767.98px) {
	section#IconLinks .IconBox {
		width: 100%;
		padding: 0% 5%;
    }
	section#IconLinks .IconBox li.col-xs-6 {
		width: 50%;
		margin-bottom: 3px;
    }
	section#IconLinks .container .fea-m1 {
		margin-top: -2px;
    }
}
@media screen and (max-width: 479.98px) {
	section#IconLinks .IconBox {
		width: 95%;
		padding: 0% 2.5%;
    }
	section#IconLinks .IconBox li.col-xs-6 {
		width: 50%;
    }
	section .features h3 {
		font-size: 21px;
    }
}

section .features {
	margin: 0px;
	padding: 3%;
	text-align: center;
	float: left;
}
@media(min-width:768px) and (max-width: 991.98px) {
    section .features {
		padding: 1%;
    }
}
section .features h3 {
	color: #344154;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}

section .features .fe-box {
	margin: 0px;
	padding: 3px;
	border-radius: 100%;
	position: relative;
}
section .features .fe-box img {
	border-radius: 0px 0px 18px 18px;
	padding: 0px 15px 0px;
}

section .features a {
	font-size: 18px;
	font-weight: bold;
	color: #3a2e26;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.75);
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
}
  section .features .fe-box {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  section .features a:hover, section .features a:hover .fe-box {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  section .features a:hover {
	background-color: rgba(255,255,255,0.25); }

  section .features a:hover h3 {
    -webkit-transition: .3s all ease-in;
    -o-transition: .3s all ease-in;
    transition: .3s all ease-in; 
	font-size:25px;}

@media screen and (max-width: 399.98px) {
    section .features h3 {
		font-size:18px;
		height: 42px; }
    section .features a:hover h3 {
		font-size:18px; }
}

.video_kids {
	margin: 0px auto 25px;
	padding: 0px 15px 0px 15px;
	width: 93vw;
	max-width: 580px;
	background: rgba(221,221,221,0);
	display: inline-block;
}


@media(min-width:1200px) {
}
@media(min-width:992px) and (max-width: 1199.98px) {
    .team-member > .team-content {
		margin: 0px 4% 0px;
    }
}
@media(min-width:768px) and (max-width: 991.98px) {
    .team-member > .team-content {
		margin: 0px 0% 0px -2%;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
	.team-member ul.features li {
		margin: 0px 0px 10px;
		padding: 8px;
		width: 100%;
    }
	.team-member ul.features li p {
		height: auto;
		min-height: inherit;
    }
    .team-member > .team-content {
		margin: 0px 0% 0px;
		padding-bottom: 20px;
    }
    .team-member > .team-content.first {
		margin: 0px 0% 0px;
		padding-bottom: 20px;
    }
}
@media (min-width: 320px) and (max-width: 479.98px) {
    .team-member > .team-content {
		margin: 0px 0% 0px;
		padding-bottom: 20px;
    }
    .team-member > .team-content.first {
		margin: 0px 0% 0px;
		padding-bottom: 20px;
    }
}
@media screen and (max-width: 319.98px) {
}

footer {
	margin: 0px;
    padding: 0px;
    text-align: center;
}

footer #subfooter {
    margin: 0px auto;
	padding: 0px;
}
footer #subfooter .container-fluid.bg {
    background: transparent url("../img/logo_footbg.png") center top repeat-x;
}
footer #subfooter p {
    font-size: 16px;
    line-height: 28px;
	padding: 15px 10px;
}
footer #subfooter .logo_AMC_foot {
    margin: 15px auto 5px;
    padding: 0px;
	max-width: 991px;
	position: relative;
}
footer #subfooter .tel_div {
    margin: 0px auto;
    padding: 0px;
	font-size: 17px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #fff;
	float: left;
}
footer #subfooter .tel_div img {
    margin: 0px auto;
    padding: 0px;
	text-align: center;
	display: block;
}
footer #subfooter .tel_div span {
    margin: 0px 5px 0px 0px;
	font-size: 16px;
	line-height: 16px;
}
footer #subfooter .tel_div a {
    margin: 10px 0px 0px;
    padding: 0px 12px 0px 8px;
	color: #fff;
	border-right: #601986 solid 1px;
}
footer #subfooter .tel_div a:focus,
footer #subfooter .tel_div a:hover,
footer #subfooter .tel_div a:active,
footer #subfooter .tel_div a.active {
	color: #fff;
	text-decoration: none;
}
footer #subfooter .tel_div a.noline {
	border-right: #601986 solid 0px;
}
footer #subfooter .web_div {
    margin: 0px auto;
    padding: 0px;
	float: right;
}
footer #subfooter .web_div img {
	border-left:#FFF solid 4px;
	margin: 3px -14px 10px -25px;
	display: inline-block;
}
@media (min-width: 768px) and (max-width: 991.98px) {
	footer #subfooter p {
        font-size: 15px;
        line-height: 26px;
        padding: 15px 10px;
    }
    footer #subfooter .logo_AMC_foot {
        max-width: none;
    }
	footer #subfooter .tel_div {
		float: none;
    }
	footer #subfooter .web_div {
		margin: 10px auto 0px;
		float: none;
    }
	footer #subfooter .web_div img {
		border-left:#FFF solid 4px;
		margin: 3px -38px 10px -10px;
    }
}
@media (min-width: 480px) and (max-width: 767.98px) {
	footer #subfooter p {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 10px;
    }
    footer #subfooter .logo_AMC_foot {
        max-width: none;
    }
	footer #subfooter .tel_div {
		font-size: 15px;
		float: none;
    }
	footer #subfooter .tel_div span {
		font-size: 15px;
		line-height: 15px;
    }
	footer #subfooter .web_div {
		margin: 10px auto 0px;
		float: none;
    }
	footer #subfooter .web_div img {
		border-left:#FFF solid 3px;
		margin: 3px -38px 10px -10px;
    }
}
@media (min-width: 320px) and (max-width: 479.98px) {
	footer #subfooter p {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 10px;
    }
    footer #subfooter .logo_AMC_foot {
        max-width: none;
    }
	footer #subfooter .tel_div {
		font-size: 13px;
		float: none;

    }
	footer #subfooter .tel_div span {
		margin: 0px 0px 0px 0px;
		font-size: 13px;
		line-height: 13px;
    }
	footer #subfooter .tel_div a {
		padding: 0px 3px 0px 1px;
    }
	footer #subfooter .web_div img {
		border-left:#FFF solid 3px;
		margin: 3px -25px 10px -10px;
		width: 55%;
		height: 55%;
    }
}


.back-go-top {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 15px;
	z-index: 1030;
}

.back-go-top i {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    border-radius: 48px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #fdcc29;
    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: 48px;
    height: 48px;
    border-radius: 48px;
}