/* 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: 115px;
	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 {
	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: -15px auto 0px auto;
	padding: 0px;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: transparent url(img/logo_footbg.png) center 10px repeat-x;
}
.logo_AMC_foot div.AddThis_But {
	padding: 0px;
	width: 260px;
	height: 50px;
	display: inline-block;
}
div.addthis_toolbox a {
	margin: 4px 1px 0px;
}
/* addthis_button */
.addthis_button_facebook { border: 7px solid #3b5998; background-color: #3b5998; border-radius: 32px; height: 32px; }
.addthis_button_lineme { border: 7px solid #00b900; background-color: #00b900; border-radius: 32px; height: 32px; }
.addthis_button_google_plusone_share { border: 7px solid #dc4e41; background-color: #dc4e41; border-radius: 32px; height: 32px; }
.addthis_button_twitter { border: 7px solid #1da1f2; background-color: #1da1f2; border-radius: 32px; height: 32px; }
/* addthis_button end */

#AMC_foot {
	width: 445px;
	height: 60px;
	margin-left: 0px;
}
#AMC_foot_web {
	width: 255px;
	height: 20px;
	margin-bottom: 11px;
}
/* END footer */

.clear{ clear:both} 

body{
	margin:0px;
	height:100%;
	background-color:#EEE97C;
	font-family:'微軟正黑體';
}

ul, li, p, h1, h2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.WRAPPER{
	max-width:960px;
	margin:0 auto;
}

#content_main{
	position:relative;
	width:100%;
	height:100%;
	background:url(img/KV.png) no-repeat center top;
	text-align:right;
	z-index:10
}

.banner02{
	position:relative;
	max-width:450px;
	height:auto;
	margin-top:20%;
	margin-right:6.5%;
}

.form{
	position:relative;
}

.form-title{
	position:relative;
	max-width:600px;
	height:auto;
	width:63%;
	margin-top:15%;
	margin-left:-40px;
	z-index:20;
}

.form_iframe{
	width:41%;
	border-radius:20px;
	margin-top:-35%;
	height:300px;
	padding:10px;
	background: rgba(255,255,255,0.6);
	border: #EEE97C solid 6px;
	/*border-bottom:none;*/
}

#content{
	position:relative;
	margin-top:-40px;
}

#content .box{
	width:33%;
	display:inline-block;
	vertical-align:top;
	padding:80px 0 50px 0;
	text-align:center;
}

#content .box:nth-child(odd){
	background:#F4F1A5;
}

#content .box img{
	width:100%;
	height:auto;
	max-width:280px;
}

#content .box h2{
	font-weight:bold;
	color:#940012;
}

#content .box p{
	text-align:left;
	width:80%;
	margin:0 auto;
	padding-top:10px;
}

.title_pic2{ display:none;}

@media only screen and (max-width: 960px){
#content_main{
	background:url(img/KV_960.png) no-repeat center top;
	background-size:100%;
}
.banner02{
	width:52.5%;
	margin-right:0%;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
/* 平板 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo_AMC_foot{
	position:relative;
	z-index:20;
	padding-top:10px;
}
#content .box{ width:32%;}
}

/* All Mobile Sizes (devices and browser) */
/* 所有手機、平板直式 */
@media only screen and (max-width: 767px) {
.logo_AMC_foot{
	position:relative;
	z-index:20;
	padding-top:10px; 
}
.tel_div p { display: none; }
.tel_div ul { display: block; list-style-type:none; }
#AMC_foot{ bottom: 22px; left: 2px; width: auto; height: auto; max-width: 100%; max-height: 100%; margin-left: 1%; margin-left: 0px; }
#AMC_foot_web { width: 300px; height: 24px; margin-bottom: 5px; }
.form{ width:90%; margin-top:25%; margin-left:0%; padding:10px; background: rgba(255,255,255,0.8); border: #EEE97C solid 6px; border-radius:20px;}
.form-title{ width:100%; margin-left:0px; margin-top:-10%;}
.form_iframe{ width:100%; margin-top:0%; background:none; border:none; height:auto; min-height:200px;}
.title_pic1{ display:none;}
.title_pic2{ display:block;}
#content .box{ width:32%;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* 手機(直式) */
@media only screen and (max-width: 520px) {
.logo_div {
	width: 70%;
}
.logo_AMC_foot { background: transparent url(img/logo_footbg.png) center 5px repeat-x; }
#AMC_foot_web { width: 225px; height: 18px; margin-top: 0px; margin-bottom: 5px;}
.form_iframe{ width:100%; margin-top:2%; background:none; border:none; height:auto; min-height:290px;}
.note{min-height:210px;}
#content{ margin-top:0px;}
#content .box{ width:100%; padding:20px 0;}
}