@charset "utf-8";
/* CSS Document */

BODY{
	
	FONT-FAMILY:  Verdana, "微軟正黑體" !important;
}

img {
	margin: auto;
}

/* Image Style*/
.img-100 {
	padding: 50px 50px 50px 50px;
	margin: 0;
	width: 100%;
	height: auto;
	border: none;
}

.img-bg {
	background-image:url(file:///C|/Users/%E9%9C%86%E9%9C%86/Desktop/TEST/images/banner_ad-1.jpg) ;
	
}

/* Font Style */
.font_middle {
	padding-top: 15%;
	vertical-align: middle;
}

.font_right_link {
	padding-top: 2%;
	text-align: right;
}

.font_onimage {
	
	margin:auto;
	position: absolute;
	top: 43%;
	right: 10%;
	font-size:larger;
    
	
    
	
}

.font_color {
color:#FFF;
}

.font_color_GRAY {
color:#999;
}

.text_box {
	margin: auto;
	width: 60%;
	text-align: center;
}

.text_box_left {
	margin: auto;
	width: 80%;
	 padding-top: 5%;
	vertical-align: middle;
	
}

/*BG*/
.bg-black {
	background-color: #333;
}

/*Padding*/
.pd-50 {
	padding: 10px 50px;
}

.-pd20 {
	margin-top: -20px;
}

.pd-middle {
	padding: 120px 0px 0px 0px;
}

.pd-40 {
	padding: 40px 0px 0px 0px;
}

/*Padding index BOX*/
.-pd10 {
	margin-top: -40px;
}


@media (max-width:767px) {

.img-100 {
	padding: 40px 0px 10px 0px;
	margin: 0;
	width: 100%;
	height: auto;
	border: none;
}	

.font_onimage {
	margin:auto;
	position: absolute;
	top: 43%;
	right: 15%;
	font-size:x-large;
}
	
.pd-50 {
	padding: 10px 10px;
}	
	
.font_middle {
	padding-top: 10px;
	padding-bottom: 10px;
}	

.text_box_left {
	margin: auto;
	width: 90%;
	padding-bottom: 10%;
	margin-top: -40px;
	
}

.pd-middle {
	padding: 30px 0px 0px 50px;
}

/*Padding index BOX*/
.-pd10 {
	margin-top: -10px;
}

}

@media (max-width:320px) {
	
.img-100 {
	padding: 10px 0px 10px 0px;
	margin: 0;
	width: 100%;
	height: auto;
	border: none;
}

.font_onimage {
	text-align: center;
	position: absolute;
	top: 43%;
	right: 5%;
	font-size:larger;
}

.pd-50 {
	padding: 10px 100px;
}

.font_middle {
	padding-top: 10px;
	padding-bottom: 10px;
}	

.text_box {
	margin: auto;
	width: 90%;
	text-align: center;
}

.text_box_left {
	margin: auto;
	width: 90%;
	padding-bottom: 10%;
	margin-top: -50px;
	
}

.pd-middle {
	padding: 20px 0px 0px 0px;
}
}