@charset "utf-8";
/*此版修改者蒂 2016-09-08編修版本 */
body { 
font-family: "Microsoft YaHei" !important;
background-image:url(../images/bg.jpg);
}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.move{-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}
.NO{ display:none;}
/*表頭表尾 請勿砍*/
.header, .footer{
    line-height: 0px; width:100%;
}
.BRR{height:1px;}
.header{
    z-index: 99;
    position: relative;
}
/*主外框-------------*/
#wapper {
	width: 100%; overflow:hidden;
}
#wapper .form-control{  margin:0 auto;margin-bottom:5px; width:99%;}
/*BANNER區塊--------------*/
.banner {
	position: relative; overflow:hidden;
}
img.banner001, img.banner002, img.banner003, img.banner004,img.banner004_1, img.banner005{ position:absolute;}
img.banner002{-webkit-animation-delay:0s;animation-delay:0s;}
img.banner001{-webkit-animation-delay: 0.5s;animation-delay:0.5s;}
img.banner003{-webkit-animation-delay: 1s;animation-delay: 1s;}
img.banner004{-webkit-animation-delay: 0.5s;animation-delay:0.5s;}
img.banner004_1{-webkit-animation-delay: 1.2s;animation-delay:1.2s;}
img.banner005{-webkit-animation-delay: 0s;animation-delay:0s;}

.width1280{ max-width:1280px; min-width:280px; height:auto; margin:0 auto;}/*寬1280 居中的框架*/
img.pic{ max-width:550px; min-width:200px; height:auto; width:95%; display:block; border:0px}
.topICON{ text-align:center; padding-top:20px; padding-bottom:20px;}
.myButton {
	background-color:#732430;
	-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:#eacc2e;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.myButton:active {
	position:relative; 
	top:1px;
}

/*填寫資料區塊--------(此區盡量別改)-------------------------填寫資料區塊------*/
.fill {background-color:#732430;text-align: center;margin:0 auto;padding-bottom: 20px;}
.fill h2{
	 background: -webkit-linear-gradient(top,#ffffff 0,hsl(0, 0%, 80%) 70% );
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 font-weight: 700;
	 line-height: 1.8em;
	 letter-spacing:1px;
}
.fill .pick{color:#3F0;background: none;-webkit-text-fill-color: initial;}
.fill .confirm_A{color: #fff;}/*我已詳細閱讀並接受*/
.fill .go_button{max-width:300px;width: 65%;height:auto;}	

/*分享按鈕*/
.share_icon {
}
.share_icon ul.share-buttons {
	list-style: none;
	padding: 0;
}
.share_icon ul.share-buttons li {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}
/*分享按鈕-結束----------------------------填寫資料區塊-結束----------------------*/

/*段落標題--通用*/
.title{ margin:0 auto;}
img.title_img{max-width:724px;min-width:280px;width: 95%;height:auto;display:block;margin: 0 auto;padding-top: 30px;}

/*學習不該停留在老方法*/
.Content{}
.white{background-color:#FFF;overflow: auto;margin-bottom: 50px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border:1px solid #bdbcbd;}
.Content .CON_TXT{}
.Content .CON_TXT h2{color:#16502a;font-weight: 700;display:block;letter-spacing: 1;line-height: 1.5em;}
.Content .CON_TXT p{color:#4e4e4e;display:block;line-height: 1.5em;}
img.note{max-width:435px;height:auto;width: 100%;display:block;}

.end{ background-image:url(../images/end.png); background-repeat:repeat-x; background-position:center bottom;}

/*	↓↓↓↓	螢幕尺寸大於768時頁面顯示效果↓↓↓↓	 */
@media (min-width: 992px) {
.BRR{height:1px; display: none;}	
.fill h2{font-size: 35px;}
/*banner*/
img.big_banner{max-width:1920px;height:auto;width:100%;}
img.min_banner{ display:none;}
img.banner001{display: block;top: 9%;left: 18%;z-index: 4;max-width:843px;height:auto;width: 38vw;}
img.banner002{display: block;top: 26%;left: 18%;z-index: 5;max-width:1189px;height:auto;width: 62vw;}
img.banner003{display: block;top: 52.5%;left: 37%;z-index: 4;max-width:912px;height:auto;width: 46vw;}
img.banner004{display: block;top: 24.5%;left: 78%;z-index: 5;max-width:245px;height:auto;width: 11vw;}
img.banner004_1{ display:none;}
img.banner005{display: block;top: 46%;left: 71%;z-index: 1;max-width:426px;height:auto;width: 23vw;}

/*段落標題--通用*/
img.title_img{}




/*5大流程*/
.white{margin-bottom: 50px;}
.Content .CON_TXT{padding: 50px 20px 0px 23px;}
.Content .CON_TXT h2{font-size: 28px;}
.Content .CON_TXT p{font-size: 22px;padding-bottom: 15px;}
img.note{}
img.pic{width:95%;}


}
@media (min-width: 992px) and (max-width:1165px) {
.BRR{height:1px; display: none;}
.white{margin-bottom: 35px;}
.Content .CON_TXT{padding: 25px 15px 0px 15px;}
.Content .CON_TXT h2{font-size: 24px;}
.Content .CON_TXT p{font-size: 20px;padding-bottom: 10px;}
img.note{}
img.pic{width:100%;}
}
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (min-width: 300px) and (max-width:992px) {
/*BANNER背景標題-------------------------------------*/
.fill h2{ font-size:22px;}
img.big_banner{ display:none;}
img.min_banner{max-width:960px;height:auto; width:100%}
img.banner001{display: none;}
img.banner002{display: block;top: 27%;left: 0%;z-index: 5;max-width:1189px;height:auto;width: 98vw;}
img.banner003{display: block;top: 46%;left: 5%;z-index: 4;max-width:912px;height:auto;width: 91vw;}
img.banner004{ display:none;}
img.banner004_1{display: block;top: 58%;left: 65%;z-index: 5;max-width: 346px;height:auto;width: 37vw;}
img.banner005{display: block;top: 40%;left: 73%;z-index: 1;max-width:426px;height:auto;width: 43vw;}


/*段落標題--通用*/
img.title_img{width: 100%;padding-top: 0px;}


/*5大流程*/
.white{margin-left: 5px;margin-right: 5px;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}
.Content .CON_TXT{padding: 0px;}
.Content .CON_TXT h2{font-size: 22px;text-align: center;}
.Content .CON_TXT p{font-size: 18px;padding-bottom: 0px;text-align: center;}
img.note{margin: 0 auto;}
img.pic{width:100%;margin: 0 auto;}


/*--------------------------------------*/
.BRR{height:1px; display:block;}

/*手機板的FOOTER------別刪除*/
.FOOTER_frame{ height:430px;}
}

/*========================================================*/
/*↓↓↓↓ *螢幕尺寸【大於於】768時頁面顯示效果	↓↓↓↓ */
@media (max-width: 768px) {
}

/*↓↓↓↓ 	螢幕尺寸【大於】481時頁面顯示效果	↓↓↓↓ */
@media (min-width: 481px) {
}


/*↓↓↓↓ 	螢幕尺寸【小於】480時頁面顯示效果	↓↓↓↓ */
@media (max-width: 480px) {
}

/*↓↓↓↓ 螢幕尺寸【大於】1024時頁面顯示效果	↓↓↓↓ */
@media (min-width:1024px) {
}

/*	↓↓↓↓ 螢幕尺寸【小於】1024時頁面顯示效果	↓↓↓↓ */
@media (max-width: 1023px) {

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

}