@charset "utf-8";
/*此版修改者蒂 2016-09-08編修版本 */
body { 
font-family: "Microsoft YaHei" !important;
}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.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;
}
/*BANNER更改區塊--------------*/
img.banner001, img.banner002, img.banner003, img.banner004,img.banner005, img.banner006{ 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.banner005{-webkit-animation-delay: 1.2s;animation-delay:1.2s;}
img.banner006{-webkit-animation-delay: 0s;animation-delay:0s;}

.width1280{ max-width:1280px; min-width:280px; height:auto; margin:0 auto;}/*寬1280 居中的框架*/
.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 {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
	background-image: url(../images/bg_02.jpg);
}
.fill h2{
	font-style:italic;
	font-weight: bold;
	line-height: 1.3em;
	letter-spacing: 1px;
	color: #FFF;
}
.fill .pick{
	color: #582d3d;
	background: none;
	font-size: 24px;
}
.fill .yellow{
	font-style: italic;
	font-weight: bold;
	line-height: 1.3em;
	letter-spacing: 1px;
	color: #FF0;
}
.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;/*物件置中，單個*/
	text-align:center;/*文字置中，多個*/
}
.title.bgcolor_01{background-color:#a35c00;}
.title.bgcolor_02{background-color:#5a9ead;}
.title h2{
    color:#FFF;
    font-style: italic;
    font-size: 25px;
    line-height: 1.3em;
    letter-spacing: 1px;
}
.title .important{
    color:#fffa9e;
    font-weight: bold;
    font-style: italic;
    font-size: 36px;
    line-height: 1.3em;
}

/*4名學生案例*/
.Classmates{
	background-image:url(../images/bg_03.jpg);
	background-repeat:repeat;
	}
img.pic001{
	max-width:900px;
	min-width:180px;
	width: 100%;
	height:auto;
	display:block;/*一定要寫*/
	padding-bottom:30px;
	
	}
	
/*狀元奇機怎麼逆轉段考成績?*/	
.list{
	background-image: url(../images/bg_04.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	overflow:auto;
	}
.content{background-image:url(../images/bg.jpg);background-repeat:repeat; overflow:auto;/*把背景撐開*/ margin-top:25px; margin-bottom:25px; margin-left:8px; margin-right:8px; }

.bgcolor_blue{ background-color:#3caad2; border:1px dashed #FFF; }
.bgcolor_gray{ background-color:#9a9a9a; border:1px dashed #FFF; }
.bgcolor_orange{ background-color:#ff714f; border:1px dashed #FFF; }
.list h2{font-size:25px;line-height: 1.5em;font-weight:bold;color:#FFF;text-align:center;}
.list p{max-width: 1000px;font-size:18px;color:#666;line-height: 1.5em;padding-left:15px;padding-top: 7px;padding-right:15px;}


/*	↓↓↓↓	螢幕尺寸大於768時頁面顯示效果↓↓↓↓	 */
@media (min-width: 960px) {
.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: 8%;left: 19%;z-index: 4;max-width:600px;height:auto;width: 32vw;}
img.banner002{display: block;top: 7%;left: 48%;z-index: 5;max-width:600px;height:auto;width: 31vw;}
img.banner003{display: block;top: 7%;left: 46%;z-index: 4;max-width:136px;height:auto;width: 7vw;}
img.banner004{display: block;top: 24.5%;left: 76%;z-index: 5;max-width:136px;height:auto;width: 11vw;}
img.banner005{display: block;top: 13%;left: 28.5%;z-index: 1;max-width:600px;height:auto;width: 21vw;}
img.banner006{display: block;top: 40%;left: 72%;z-index: 1;max-width:6006px;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%;}


}

/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */ /* 網頁縮到960寬的時候調整*/ 
@media (min-width: 300px) and (max-width:960px) {
/*BANNER背景標題-------------------------------------*/ 
.fill h2{ font-size:22px;}

img.big_banner{ display:none;}
img.min_banner{max-width:960px;height:auto;width:100%;}
img.banner001{display: block;top: 4%;left: 0%;z-index: 1;max-width:600px;height:auto;width: 72vw;}
img.banner002{display: block;top: 19%;left: 18%;z-index: 1;max-width:600px;height:auto;width: 70vw;}
img.banner003{display: block;top: 25%;left: 7%;z-index: 4;max-width: 136px;height:auto;width: 22vw;}
img.banner004{display: block;top: 18%;left: 82%;z-index: 4;max-width: 136px;height:auto;width: 16vw;}
img.banner005{display: block;top: 34%;left: 4%;z-index: 4;max-width:850px;height:auto;width: 53vw;}
img.banner006{display: block;top: 42%;left: 56%;z-index: 5;max-width: 600px;height:auto;width: 38vw;}


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

/*--------------------------------------*/
.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) {

}