@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) no-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;
	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:36px;
	line-height:58px;
	/*color:#a8b5c0;*/
	color:#17397b;
	text-shadow: 0 0 0.1em #fff, 0 0 0.1em #fff;
}
h1 strong{
	font-size:58px;
	font-weight:bold;
	line-height:58px;
	letter-spacing: -6px;
	color:#cf0051;
}
h2{
	font-size:32px;
	color:#2e5c90;
}
h3{
	font-size:21px;
	color:#586d80;
}

.banner{
	background:url(../img/banner_bg_960.jpg) center top no-repeat;
	background-size:100%;
	padding-bottom:0px;
}
.KV-content{
	margin:0 auto;
	max-width:1100px;
}
.form{
	max-width:480px;
	margin:25% auto 0%;
}
.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:60vw;
	height: auto;
	display: block;
	margin-top:2%;
	margin-left:3%;
	max-width:660px;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.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:56vw;
	height: auto;
	display: block;
	margin-left:3.5%;
	max-width:616px;
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.banner_04{
	width:96vw;
	height:auto;
	max-width:1100px;
	display: block;
}
/*===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:440px;
	height: auto;
	margin:0 auto;
	padding: 10px 0px 8px;
	z-index: 10;
	display: block;
	color:#fff;
	text-align:center;
	border-radius:0px;
	background-color:#036eb8;
	/*background: linear-gradient(0deg, #59b9f6 0%, #036eb8 100%);*/
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
.form_title:after {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-width: 32px;
    border-style: solid;
    border-color: #036eb8 transparent #036eb8  transparent;
    position: absolute;
    bottom: -0%;
	right: -7.3%;
}
.form_title strong{
	font-size:42px;
	font-weight:bold;
	color: #fff600;
}
.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:-16% auto 0 auto;
	padding:16% 20px 20px 20px;
	max-width: 440px;
	min-height:380px;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	background:rgba(255,255,255,0.85);
	border:#036eb8 solid 6px;
	border-radius:15px;
}
/*===END Form 1===*/
.points{
	margin:0% 8% 4%;
	padding-top: 2%;
	max-width:none;
}
.text_title{
	width:90vw;
	max-width:700px;
	margin:0 auto;
	display:block;
}
.gray_title{
	font-family: Helvetica LT Light;
	font-size:18px;
	color:#717071;
}
.points h3{
	font-family:Arial, Helvetica,"Microsoft JhengHei","微軟正黑體",simhei,sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#1f427e;
}
.points p{
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	color:#3e3a39;
	padding:10px 0;
	text-align: justify;
   　text-justify: inter-ideograph;
 　  -ms-text-justify: inter-ideograph; /*IE9*/
 　  -moz-text-align-last:justify; /*Firefox*/
   　-webkit-text-align-last:justify; /*Chrome*/ 
}


@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){
.form{
	margin:4% 0% 0% 2%;
}
.col-md-6{
	padding:15px;
}
.point_box{
	display: table;
	padding:10px;
}
.pic_left{
	float:left;
	width:40%;
	max-width:200px;
	border-radius:100%;
	margin-top:-6%;
	border: #fff solid 5px;
}
.pic_right{
	float:right;
	width:40%;
	max-width:200px;
	border-radius:100%;
	margin-top:-6%;
	border: #fff solid 5px;
}
.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 screen and (min-width: 960px) {
h1{
	font-size:56px;
	line-height:88px;
	/*color:#a8b5c0;*/
	color:#17397b;
}
h1 strong{
	font-size:86px;
	font-weight:bold;
	line-height:88px;
	color:#cf0051;
}
h2{
	font-size:32px;
	color:#2e5c90;
}
h3{
	font-size:24px;
	color:#586d80;
}
.banner{
	background:url(../img/banner_bg.jpg) center top no-repeat;
	padding-bottom:0px;
}
.banner_01{
	width:60vw;
	margin-top:14%;
	margin-left:1.5%;
	max-width:300px;
}
.banner_02{
	margin-left:1.5%;
}
.banner_03{
	margin-left:2%;
}
.points{
	max-width:1300px;
}
}
@media (min-width: 768px) and (max-width: 959px) {
h3{ font-size:20px; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff; }
.banner{ margin-top:-2%;}
}
@media (min-width: 601px) and (max-width: 767px) {
h1{ font-size:34px; line-height:63px; }
h1 strong{ font-size:63px; line-height:63px; }
h3{ font-size:19px; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff; }
.banner{ margin-top:4%;}
.banner_01{ margin-top:15%; margin-right:58%; max-width:38%; }
.banner_02{ width:65vw; }
.form{ margin-left:1%; }
.form_title{ font-size:30px; width:80vw; }
}
@media (min-width: 480px) and (max-width: 600px) {
h1{ font-size:30px; line-height:48px; }
h1 strong{ font-size:45px; line-height:48px; letter-spacing: -2px; }
h3{ font-size:16px; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff; }
.banner{ margin-top:4%;}
.banner_01{ margin-top:16%; margin-right:58%; max-width:38%; }
.banner_02{ width:65vw; }
.form_title{ font-size:23px; width:100vw; }
}
@media (min-width: 320px) and (max-width: 479px) {
h1{ font-size:21px; line-height:34px; }
h1 strong{ font-size:32px; line-height:34px; letter-spacing: -2px; }
h3{ font-size:15px; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff; }
.banner{ margin-top:5%;}
.banner_01{ margin-right:62%; max-width:34%; }
.form{ max-width:440px; }
.form .form_iframe{ margin:-12% auto 0 auto; padding:16% 20px 20px 20px; }
.form_title{ font-size:21px; width:100vw; max-width:100%; border-radius: 15px 15px 0px 0px; }
.form_title strong{ font-size:32px; line-height:38px; }
.form_title:after { display:none; }
}