http://www.abconline.com.twhttp://www.abconline.com.twhttp://www.abconline.com.twhttp://www.abconline.com.twhttp://www.abconline.com.twhttp://www.abconline.com.twhttp://www.abconline.com.tw@charset "utf-8";
/* CSS Document */
}
/*表頭表尾 請勿------------------------------------砍*/
.top, .footer{
    line-height: 0px; width:100%;
}
.top, .footer{
    z-index: 99;
    position: relative;
}
/*很多物件通用*/
.NO{ display:none;}
.BRR{ height:0px;}
.width1280{ max-width:1280px; min-width:280px; height:auto; margin:0 auto;}
.topICON{ text-align:center; padding-top:20px; padding-bottom:20px;}
.myButton {
  background-color:#44c767;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:9px 33px;
  text-decoration:none;
}
.myButton:hover {
  background-color:#5cbf2a;
}
.myButton:active {
  position:relative;
  top:1px;
}



/*↓------全域通用定義------↓*/
body {
	background-repeat: repeat;
	font-family: "Microsoft YaHei" ! important; 
} 
.boardsp{
	display: block;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.textstyle_a{
	text-align: center;
	vertical-align: middle;
	border-width: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	letter-spacing: 0.5em;
}
.objectstyle_a{
	display: block;
	align-content: center;
	align-items: center;
	vertical-align: middle;
	margin: 30px auto 10px auto ;
}
.triangle{
	display: block;
	align-content: center;
	margin: 0 auto;
	
}
.wrapper{
	position: relative;
	/*background-image: url(images/banner002.jpg);*/
	overflow: hidden;
}
/*↑----全域通用定義結束----↑*/
/*↓--------banner開始-------↓*/

/*BANNER 進場delay時間、浮動*/
.banner{ position:relative; overflow:hidden;}
img.banner001, img.banner002, img.banner003, img.banner004{position:absolute;}
img.banner_big{-webkit-animation-delay:0.5s; /* Chrome, Safari, Opera */ animation-delay:0.5s; -webkit-animation-duration:0.5s; /* Chrome, Safari, Opera */ animation-duration:0.5s;}
img.banner_md{-webkit-animation-delay:0.5s; /* Chrome, Safari, Opera */ animation-delay:0.5s; -webkit-animation-duration:0.5s; /* Chrome, Safari, Opera */ animation-duration:0.5s;}
img.banner_min{-webkit-animation-delay:0.5s; /* Chrome, Safari, Opera */ animation-delay:0.5s; -webkit-animation-duration:0.5s; /* Chrome, Safari, Opera */ animation-duration:0.5s;}
img.banner001{-webkit-animation-delay:0.7s; /* Chrome, Safari, Opera */ animation-delay:0.7s;}
img.banner002{-webkit-animation-delay:1.5s; /* Chrome, Safari, Opera */ animation-delay:1.5s;}
img.banner003{-webkit-animation-delay:1.5s;  /*Chrome, Safari, Opera  */ animation-delay:1.5s;}
img.banner004{-webkit-animation-delay:1.3s; /* Chrome, Safari, Opera */ animation-delay:1.3s;}



/*↑--------banner結束-------↑*/
.form{align-content: center}
.form .form-control{margin-left: 5px;margin-top: 15px;width:98%;}
/*↓--------內容開始-------↓*/
.title_lar{
	text-align: center;
	font-size: 48px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
}
.title_mid{
	text-align: center;
	font-size: 32px;
	/* [disabled]font-style: normal; */
	line-height: 1.5em;
	word-spacing: 12px;
}
.item{
	display: block;
	width: 80%;
	border: 15px  #FFFFFF;
	border-spacing: 0px;
	margin:10px auto 10px auto;
}
/*.item_pic{
	display: block;
	width: 100%;
	border: 15px  #FFFFFF;
	border-spacing: 10px;
	margin:10px auto 10px auto;
	border-radius: 100%;
}*/
.item_lar{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5em;
	margin:10px auto 10px auto;
/*--	margin-left: auto;
	margin-right: auto;---*/
}
.item_line{
	display: block;	
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height:2px;
	background-color: #ffffff;	
}
.item_mid{
	display: block;
	width: 90%;
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	margin: 10px auto 10px auto;	/*--	margin-left: auto;
	margin-right: auto;---*/
	letter-spacing: 2px;
}



/* 大螢幕設備（大型桌面，1200px（含）以上） */

@media (min-width: 1200px) {
/*BANNER*/
.banner_big{width: 100%;height: auto; display:block;}
.banner_md{ display:none;}
.banner_min{ display:none;}
img.banner001{display: block;top: 12%;left: 20%;z-index: 5;max-width: 978px;height:auto;width: 50vw;}
img.banner002{display: block;top: 33%;left: 27%;z-index: 5;max-width: 831px;height:auto;width: 43vw;}
img.banner003{display: none;}
/*img.banner004{display: block;bottom: -6%;right: 15.5%;z-index: 5;max-width: 500px;height:auto;width: 26vw;}人物*/
/*.BRR{ display:none;}*/

/*箭頭*/
/*.arrow{ transform:rotate(0deg); padding-top:50px;}*/

/*勝的圖案*/
/*.pic02_b{margin-top:-15%; margin-right:-85%; width:80px; height:80px}
}*/
}

/* 中螢幕設備（頁面顯示尺寸 960 < x <1199 時,顯示效果） */
@media (min-width: 960px) and (max-width:1199px) {
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
/*@media (min-width: 480px) and (max-width:959px) {*/
/*BANNER*/
.banner_md{width: 100%;max-width:1199px;min-width:480px;height: auto; display:block;}
.banner_big{display:none;}
.banner_min{display:none;}
img.banner001{display: block;top: 5%;left: 10%;z-index: 5;max-width: 845px;height:auto;width: 85vw;}
img.banner002{display: block;top: 24%;left: 20%;z-index: 4;max-width: 700px; height:auto;width: 72vw;}
img.banner003{display:none;}
/*表單*/
.fill{text-align:center; z-index:100; padding-top:10px; padding-bottom:10px;width:100%; height:auto;}
/*為什麼你需要以日語和西班牙語為目標*/
	}

/*↓↓↓↓ 	螢幕尺寸【小於等於】959時頁面顯示效果	↓↓↓↓ */
@media (max-width: 959px) {	
	/*BANNER*/
.banner_big{display:none;}	
.banner_min{display:none;}
.banner_md{width: 100%;max-width:959px;height: auto; display:block}
img.banner001{display: block;top: 2%;left: 5%;z-index: 5;max-width: 845px;height:auto;width: 85vw;}
img.banner002{display: block;top: 23%;left: 12%;z-index: 4;max-width: 700px; height:auto;width: 72vw;}
img.banner003{display:none;}
/*表單*/
.fill{text-align:center; z-index:100; padding-top:10px; padding-bottom:10px;width:100%; height:auto;}
	
}

/*↓↓↓↓ 	螢幕尺寸【小於等於】479時頁面顯示效果	↓↓↓↓ */
@media (max-width: 479px) {	
	/*BANNER*/
.banner_big{display:none;}	
.banner_md{display:none;}
.banner_min{width: 100%;max-width:480px;height: auto; display:block}
img.banner001{display: block;top: 5%;left: 2%;z-index: 5;max-width: 440px;height:auto;width: 90vw;}
img.banner002{display:none;}
img.banner003{display: block;top: 25%;left: 15%;z-index: 4;max-width: 311px; height:auto;width: 64vw;}
/*表單*/
.fill{text-align:center; z-index:100; padding-top:10px; padding-bottom:10px;width:100%; height:auto;}
/*內文文字*/
.title_lar{
	text-align: center;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
}
.title_mid{
	text-align: center;
	font-size: 22px;
	/* [disabled]font-style: normal; */
	line-height: 1.5em;
	letter-spacing: 1px;
}
/*手機板的FOOTER------別刪除-------------------------------*/    
.FOOTER_frame{ height:450px;}
}
/*========================================================*/