@import url("reset.css");

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,form,img,li,ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body{
	margin:0px;
	height:100%;
	font-family: "微軟正黑體","新細明體", Arial, Helvetica, sans-serif;
	background:url(img/body_bg.jpg) repeat;
}

a{
	text-decoration: none;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

.clear{ clear:both} 

#content_main{
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0;
	background:url(img/bg.jpg) center top no-repeat;
}

#content_main .WRAPPER{
	position:relative;
	margin:0 auto;
	max-width:960px;
	padding:0 0 100px 5px;
	background:url(img/KV.gif) no-repeat;
	background-position:-50px 0;
}

.logo{
	position:relative;
	padding-left:10px;
	padding-top:20px;
}

img#AMCOnline_logo {
    width:160px;
    height:70px;
}

.tip{
	position:relative;
	margin:-40px 0 75px 24%;
	padding:5px;
	width:40%;
	background-color:rgba(0,0,0,0.8);
	border-radius:15px;
	color:#FFF;
	font-size:17px;
	line-height:32px;
	text-align:center;
}

.tip:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(79, 129, 189, 0);
	border-left-color:rgba(0,0,0,0.8);
	border-width: 8px;
	margin-top: -8px;
}

.form_text{
	position:relative;
	margin-left:5%;
}

.form{
	position:relative;
	width:48%;
	border-width:1px;
	border-radius:25px;
	border-style:solid;
	border-color:#727171;
	background-color:rgba(255,255,255,0.7);
	margin:20px 0;
}

.form_title{
	position:relative;
	z-index:5;
	text-align:center;
	margin-top:-25px;
}

img#form_title{max-width:440px;}

.form_table{
	position:relative;
	margin-top:-30px;
	padding:30px 10px 10px 0px;
	height:180px;
}

.text_content{
	position:relative;
	width:56%;
	border-bottom:rgba(204,204,204,1) 1px solid;
	padding:10px 0;
	margin:5px 0;
}

.text_content p{
	text-align:justify;
	position:relative;
	float:left;
}

.text_content p:nth-child(2){
	background:url(img/arrow_right.png) center no-repeat;
	width:30px;
	height:70px;
}

.text_content p:nth-child(3){
	width:58%;
	font-size:16px;
	line-height:26px;
}

/*===FOOTER區===*/
#FOOTER{
	position:relative;
	margin:0 auto;
	text-align:center;
	background-color:#000;
	min-height:50px;/*脚部的高度*/
	clear:both;
	bottom:0;
	margin-top:-70px;
}

img#footer_1{
	width:600px;
	margin-top:-10px;
	/*width:63%;*/
}
	
img#footer_2{
	width:340px;
	margin-top:-10px;
	/*width:37%;*/
}
/*===FOOTER區END===*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
/* 平板 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#content_main{
	background-size:220%;
}

#content_main .WRAPPER{
	padding-bottom:70px;
	background-size:100%;
}

img#AMCOnline_logo {
    width:128px;
    height:56px;
}

.tip{
	margin:-5% 0 12% 20%;
	font-size:15px;
	line-height:26px;
	width:45%;
}

.form{
	width:430px;
}

.form_text{
	margin-left:0%;
}

img#form_title{max-width:420px;}

.text_content{
	width:100%;
	background-color:rgba(255,255,255,0.5);
}

#FOOTER{
	margin-top:-50px;
}

img#footer_1{
	width:60%;
	margin-top:-1.5%;
	/*width:63%;*/
}
	
img#footer_2{
	width:35%;
	margin-top:-1.5%;
	/*width:37%;*/
}
}

/* All Mobile Sizes (devices and browser) */
/* 所有手機、平板直式 */
@media only screen and (max-width: 767px) {
#content_main .WRAPPER{
	background:url(img/KV_s.png) no-repeat;
	background-size:100%;
}

.logo{
	position:absolute;
}

img#AMCOnline_logo {
    width:128px;
    height:56px;
}

.tip{
	margin:3% 0 12% 25%;
	font-size:15px;
	line-height:26px;
	width:45%;
}

.form_text{
	display:none;
}

.form{
	margin:32% auto 20px auto;
	width:95%;
}

.text_content{
	width:100%;
	background-color:rgba(255,255,255,0.5);
}

img#footer_1{
	width:95%;
	margin-top:-1.5%;
	/*width:63%;*/
}
	
img#footer_2{
	width:100%;
	margin-top:-10%;
	/*width:37%;*/
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* 手機(橫式) 和 平板(直式) */
@media only screen and (min-width: 450px) and (max-width: 600px) {
.logo{
	position:relative;
	text-align:left;
	width:80%;
	z-index:5;
}

.tip{
	margin:25% 0 5px 0;
	font-size:14px;
	line-height:24px;
	width:70%;
}

.form{
	margin:5% auto 20px auto;
	width:95%;
}

.text_content p{
	text-align:center;
	position:relative;
	float:left;
	width:98%;
	margin:0 auto;
}

.text_content p:nth-child(2){
	background:url(img/arrow_down.png) center no-repeat;
	width:30px;
	height:30px;
	width:98%;
}

.text_content p:nth-child(3){
	width:95%;
	text-align:left;
	padding:0 10px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* 手機(直式) */
@media only screen and (max-width: 449px) {
.logo{
	position:relative;
	text-align:left;
	width:80%;
	z-index:5;
	padding-top:5px;
}

img#AMCOnline_logo {
    width:96px;
    height:42px;
}

.tip{
	margin:25% 0 5px 0;
	width:90%;
}

.text_content p{
	text-align:center;
	position:relative;
	float:left;
	width:95%;
	margin:0 auto;
}

.text_content p:nth-child(2){
	background:url(img/arrow_down.png) center no-repeat;
	width:30px;
	height:30px;
	width:95%;
}

.text_content p:nth-child(3){
	width:93%;
	text-align:left;
	padding:0 10px;
}

.form{
	margin:8% auto 20px auto;
	width:95%;
}
.form_table{ height:300px;}

}

@media only screen and (max-width: 340px) {
}