@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{
	background: #efefef url(../img/bg.jpg) repeat center top;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	padding: 0px;
	text-decoration: underline;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

a:hover{
	text-decoration: none;
}
div > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* top-header */
.top-header {
	margin: 0px auto;
	padding: 0px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: rgba( 255, 255,255, 0.90 );
	
    -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
	z-index: 100;
}
.top-header .container {
	position: relative;
	max-width: 960px;
	height: auto;
	margin: 0px auto;
}
.logo_div {
	width: 230px;
	height: 46px;
	padding-top: 6px;
	padding-left: 6px;
	display: inline-block;
}
.tel_div {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	position: relative;
	float: right;
}
.tel_div p {
	width:250px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #686868;
	line-height: 60px;
}
.tel_div p span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #20b0ed;
	margin-top: 0px;
	float: right;
}
.tel_div ul {
	margin: 9px 0px;
	float: right;
	display: none;
}
.tel_div ul li {
	padding: 0px 1px;
	float: left;
}
.tel_div a {
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.tel_div a:link, .k-functional-navig a:visited {
	color: #20b0ed;
}
.tel_div a:hover {
	color: #183b87;
}
.tel_div .round {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	background-color: #20b0ed;
}
.tel_div .round:hover {
	background-color: #183b87;
}
#logo {
	margin-top: 0px;
	margin-left: 0px;
	padding: 1px 5px 3px 7px;
	border-radius: 5px;
	background-color: rgba( 255, 255, 255, 0.00 );
	/*position: absolute;*/
}
/* END top-header */


/* footer */
.logo_AMC_foot {
	position: absolute;
	text-align: center;
	margin: -10px auto 0px auto;
	padding: 0px;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: transparent url(../img/logo_footbg.png) center 0px repeat-x;
}
#AMC_foot {
	width: 445px;
	height: 60px;
	margin-left: 0px;
	margin-top: -5px;
	margin-bottom: 8px;
}
#AMC_foot_web {
	width: 255px;
	height: 20px;
	margin-bottom: -5px;
}
/* END footer */

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

h1{
	font-size:48px;
	font-weight:bold;
	line-height:68px;
	color:#fff;
	/*text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;*/
	text-shadow: 0px -2px 0 #212121,  
                 0px -2px 0 #212121,
                 0px  2px 0 #212121,
                 0px  2px 0 #212121,
                -2px  0px 0 #212121,  
                 2px  0px 0 #212121,
                -2px  0px 0 #212121,
                 2px  0px 0 #212121,
                -2px -2px 0 #212121,  
                 2px -2px 0 #212121,
                -2px  2px 0 #212121,
                 2px  2px 0 #212121,
                -2px  3px 0 #212121,
                 0px  3px 0 #212121,
                 2px  3px 0 #212121,
                 0 5px 1px rgba(0,0,0,.2),
                 0 0 3px rgba(0,0,0,.2),
                 0 3px 1px rgba(0,0,0,.6),
                 0 6px 3px rgba(0,0,0,.4),
                 0 9px 9px rgba(0,0,0,.5),
                 0 12px 12px rgba(0,0,0,.4),
                 0 18px 18px rgba(0,0,0,.3);
}
h1 span{
	font-size:68px;
	line-height:68px;
	color:#ffdd29;
}
h1 span.mean-block{
	font-size:42px;
	line-height:68px;
	letter-spacing: 2px;
	color:#fff;
	display:block;
}
h2{
	font-size:32px;
	color:#2e5c90;
}
h3{
	font-size:21px;
	color:#586d80;
}

.banner{
	background:url(../img/banner_bg_1200.gif) center top no-repeat;
	background-size:100%;
	padding-bottom:0px;
}
.KV-content{
	margin:0% auto 12%;
	padding:50px 0px 0px;
	max-width:1200px;
	text-align:center;
	position: relative;
}
.form{
	max-width:368px;
	margin:0% auto;
	position: 0px;
	position: relative;
}
.form:after {
    position:absolute;
    content: ' ';
    width:0;
    height:0;
    border-width:24px;
    border-style:solid;
    border-color:transparent #fff transparent  transparent;
	margin-top: calc(100%/2 - 24px);
	margin-left: -48px;
	top:0;
	bottom:0;
	left:0;
    right:100%;
}
.power_bg{
	margin:0%;
	padding:0px;
	position:absolute;
	top:32%;
	bottom:0;
	left:0;
    right:0;
}
.power_bg img{
	margin:0%;
	padding:0px;
	position: absolute;
	width: auto;
	height: auto;
	max-width:100%;
	max-height:100%;
}
.banner_01{
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	width:60vw;
	height:auto;
	display:block;
	margin-top:18%;
	margin-left:3%;
	max-width:280px;
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
.banner_02{
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	width: auto;
	height: auto;
	display: block;
	margin-top:3%;
	/*max-width:660px;*/
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.banner_02pw{
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	width: auto;
	height: auto;
	position: relative;
	display: block;
	margin:0;
	padding:0;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.banner_03{
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	width: auto;
	height: auto;
	position: relative;
	display: block;
	margin:0;
	padding:0;
	background:#fff;
	padding:6px 12px 5px;
	border-radius:24px;
	border:rgba(50,50,50,.5) solid 1px;
	box-shadow: 0 0 0.2em rgba(0,0,0,.2), 0 0 0.2em rgba(0,0,0,.2);
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.banner_03.area01{
	position:absolute;
	margin-top:3%;
	margin-left:40%;
}
.banner_03.area02{
	position: absolute;
	margin-top:12.5%;
	margin-left:12%;
}
.banner_03.area03{
	position:absolute;
	margin-top:19%;
	margin-left:15%;
}
.banner_03.area04{
	position:absolute;
	margin-top:40%;
	margin-left:42%;
}
.banner_03.area05{
	position:absolute;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	background:#e10d0d;
	border:rgba(225,13,13,1) solid 1px;
	margin-top:26.5%;
	margin-left:13.5%;
}
/*===Form 1===*/
.form_title{
	position:relative;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
	width:70vw;
	max-width:368px;
	height:auto;
	margin:0 auto;
	padding:18px 0px 0px;
	z-index:10;
	display:block;
	font-size:48px;
	font-weight:bold;
	color:#e10d0d;
	text-align:center;
	/*border-radius: 15px 15px 0px 0px;*/
	background-color:rgba(3, 110, 184, 0.00);
	/*background: linear-gradient(0deg, #59b9f6 0%, #036eb8 100%);*/
	animation-delay: 1.2s;
}
.form_title span{
	font-size:21px;
	font-weight:normal;
	color:#fff;
	background-color:#004a97;
	margin-top:5px;
	padding:5px 0px;
	display:block;
}
.form_title span.big{
	font-size:48px;
	font-weight:bold;
	color:#e10d0d;
	background-color:#e10d0d;
	margin-top: 0px;
	padding:5px 7px;
	display:inline-block;
	border-radius:100%;
}
.form_title span.big img{
	position:absolute;


	display:inline;
}
.form .form_iframe{
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
	height: auto;
	display: block;
	margin:-32% auto 0% auto;
	padding:32% 14px 0px 14px;
	max-width:368px;
	min-height:420px;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	background:rgba(255,255,255,0.88);
	border:#fff solid 12px;
	border-radius:0px;
	box-shadow: 0 0 0.5em rgba(0,0,0,.5), 0 0 0.5em rgba(0,0,0,.5);
	position: relative;
}
/*===END Form 1===*/


@media (max-width:600px) {
.text_left, .text_right{
	width:70%;
	margin:1% auto;
}
.pic_left, .pic_right{
	max-width:160px;
	border-radius:100%;
	border:#fff solid 5px;
}
.point_box{
	text-align:center;
}
/* footer */
.tel_div p { display: none; }
.tel_div ul { display: block; list-style-type:none; }
/* END footer */
}

@media (max-width: 767px){
/* footer */
#AMC_foot{ width: auto; height: auto; max-width: 100%; max-height: 100%; margin-top: -5px; padding-left: 7px; }
#AMC_foot_web { width: 300px; height: 24px; margin-top: -6px; margin-bottom: 10px; }
/* END footer */
}
@media (min-width: 601px){
.text_left{
	float:right;
	width:55%;
	margin-right:15px;
	margin-top:5%;
}
.text_right{
	float:left;
	width:55%;
	margin-left:15px;
	margin-top:5%;
}
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1182px; /*1170px*/
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
section.container{
	margin:0% auto;
	padding:0px;
	background:url(../img/banner_bg.jpg) center top no-repeat;
}
.form{
	margin:6% 0% 0% calc(100% - 430px);
}
.banner{
	background:url(../img/banner_bg.gif) center top no-repeat;
	padding-bottom:0px;
}
.power_bg{
	margin:0%;
	padding:0px;
	position:absolute;
	height:550px;
	top:35.5%;
	bottom:0;
	left:0;
    right:0;
}
.power_bg img{
	margin:0%;
	padding:0px;
	position: absolute;
	width:1200px;
	height:550px;
	max-width:100%;
	max-height:100%;
}
}
@media screen and (min-width: 960px) {
h1{
	font-size:58px;
	line-height:88px;
	color:#fff;
}
h1 span{
	font-size:96px;
	line-height:88px;
	color:#ffdd29;
}
h1 span.mean-block{
	font-size:52px;
	line-height:88px;
}
h2{
	font-size:21px;
	color:#2e5c90;
}
h3{
	font-size:24px;
	color:#586d80;
}
}
@media (min-width: 960px) and (max-width: 1199.98px) {
.form{ margin:6% 0% 0% calc(100% - 388px); }
.banner{ margin-top:60px; }
.KV-content{ margin:0% auto 10%; padding:0px 0px 0px; }
.power_bg{ top:32%; left:0%; height:550px !important; }
}
@media (min-width: 768px) and (max-width: 959.98px) {
h3{ font-size:20px; }
.banner{ margin-top:60px; }
.KV-content{ margin:0% auto 7%; padding:0px 0px 0px; }
.power_bg{ top:27.5%; left:0%; height:480px !important; }
.banner_03.area04{margin-top:40%;margin-left:39%; }
.banner_03.area05{font-size:24px;margin-top:26.5%;margin-left:13.5%;}
.form{ margin:0% 0% 0% calc(100% - 318px); max-width:318px; }
.form_title{ max-width:318px; }
.form_title span{ font-size:19px; }
.form .form_iframe{ margin:-32% auto 0% auto; padding:32% 14px 0px 14px; max-width:318px; }
}
@media (min-width: 601px) and (max-width: 767.98px) {
h1, h1 span.mean-block{ font-size:34px; line-height:58px; }
h1 span{ font-size:58px; line-height:58px; }
h3{ font-size:19px; }

.power_bg{ margin:1% auto 0%; width:100%; height:auto; !important; min-height:350px !important; }
.power_bg img{ width:auto; height:auto; }
.banner_03.area01{margin-top:4%;margin-left:35%;}
.banner_03.area02{margin-top:18%;margin-left:60%;}
.banner_03.area03{margin-top:24%;margin-left:11%;}
.banner_03.area04{margin-top:13%;margin-left:7%;}
.banner_03.area05{font-size:30px;margin-top:40%;margin-left:37.5%;}
}
@media (min-width: 320px) and (max-width: 767.98px) {
.banner{ margin-top:60px; }
.KV-content{ margin:0% auto 6%; padding:0px 0px 0px; }
.power_bg{
	margin:1% auto 0%;
	padding:0px;
	position:relative;
	top:0;
	bottom:0;
	left:0;
    right:0;
	display:block;
}
.form:after {
    border-color:transparent transparent #fff  transparent;
	margin-top: 0;
	margin-left: calc(100%/2 - 24px);
	border-width:32px;
	top:-62px;
	bottom:0;
	left:0;
    right:0;
}
.form{ margin:6% auto 0%; max-width:none; width:94vw; }
.form_title{ max-width:none; width:94vw; height:110px; }
.form_title span{ font-size:21px; }
.form .form_iframe{ margin:-110px auto 0% auto; padding:110px 14px 0px 14px;max-width:none; width:94vw; }
}
@media (min-width: 480px) and (max-width: 600.98px) {
h1, h1 span.mean-block{ font-size:30px; line-height:48px; }
h1 span{ font-size:45px; line-height:48px; letter-spacing: -2px; }
h3{ font-size:16px; }

.power_bg{ margin:0% auto 5%; width:100%; height:auto; !important; min-height:280px !important; }
.power_bg img{ width:auto; height:auto; }
.banner_03.area01{margin-top:4%;margin-left:35%;}
.banner_03.area02{margin-top:18%;margin-left:60%;}
.banner_03.area03{margin-top:24%;margin-left:9%;}
.banner_03.area04{margin-top:13%;margin-left:5%;}
.banner_03.area05{font-size:30px;margin-top:40%;margin-left:37.5%;}
}
@media (max-width: 479.98px) {
h1, h1 span.mean-block{ font-size:21px; line-height:32px; }
h1 span{ font-size:32px; line-height:32px; letter-spacing: -2px; }
h3{ font-size:15px; }
.form{ margin:-5% auto 0%; }
.power_bg{ margin:5% auto 5%; width:100%; height:auto; !important; min-height:260px !important; }
.power_bg img{ margin-top: -0px; width:auto; height:auto; }
.banner_03{padding:6px 6px 5px;}
.banner_03.area01{margin-top:1%;margin-left:35%;}
.banner_03.area02{margin-top:18%;margin-left:60%;}
.banner_03.area03{margin-top:24%;margin-left:9%;}
.banner_03.area04{margin-top:13%;margin-left:5%;}
.banner_03.area05{font-size:18px;margin-top:40%;margin-left:37.5%;}
.form_title span{ font-size:18px; }
}
@media (max-width: 399.98px) {
.power_bg{ margin:1% auto 6%; width:100%; height:auto; !important; min-height:225px !important; }
.power_bg img{ margin-top: -0px; width:auto; height:auto; }
.banner_03{padding:6px 6px 5px;}
.banner_03.area01{margin-top:1%;margin-left:35%;}
.banner_03.area02{margin-top:18%;margin-left:60%;}
.banner_03.area03{margin-top:24%;margin-left:9%;}
.banner_03.area04{margin-top:13%;margin-left:5%;}
.banner_03.area05{font-size:18px;margin-top:40%;margin-left:37.5%;}
.form_title span{ font-size:18px; }
}
@media (min-width: 320px) and (max-width: 399.98px) {
.power_bg{ margin:1% auto 12%;width:100%; height:auto; !important; min-height:190px !important; }
.power_bg img{ margin-top: 0px; width:auto; height:auto; }
.banner_03{padding:6px 6px 5px;}
.form_title span{ font-size:15px; }
}