@charset "utf-8";
/*此版修改者(Dee)2016-01-25編修版本 */
body {font-family: "Microsoft JhengHei" ! important;background-color:#FFF;}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.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;}
img.banner001, img.banner002, img.banner003, img.banner004,img.banner005,img.banner006,img.banner007,img.banner008,img.banner009,img.banner010,img.banner011,img.kid01 ,img.kid02,img.kid03 {position:absolute;}
img.banner001{-webkit-animation-delay:0.4s;  animation-delay:0.4s;}
img.banner002{-webkit-animation-delay:0.5s; animation-delay:0.4s;}
img.banner003{-webkit-animation-delay:0.4s; animation-delay:0.4s;}
img.banner004{-webkit-animation-delay:0.7s;animation-delay: 0.8s;}
img.banner005{-webkit-animation-delay:1s; animation-delay:1s;}
img.banner006{-webkit-animation-delay:1s; animation-delay:1s;}
img.banner007{-webkit-animation-delay:1s;animation-delay: 1s;}
img.banner008{-webkit-animation-delay:1s;animation-delay: 1s;}
img.banner009{-webkit-animation-delay:1s;animation-delay: 1s;}
img.banner010{-webkit-animation-delay:1s;animation-delay: 1s;}
img.banner011{-webkit-animation-delay:0.4s;  animation-delay:0.4s;}
img.kid01{-webkit-animation-delay:0.9s;animation-delay: 0.9s;}
img.kid02{-webkit-animation-delay:0.9s;animation-delay: 0.9s;}
img.kid03{-webkit-animation-delay:0.9s;animation-delay: 0.9s;}

.width1280{max-width:1280px;min-width:280px;height:auto;margin: 10px auto;}/*寬1280 居中的框架*/
.topICON{ text-align:center; padding-top:20px; padding-bottom:20px;}
.myButton {
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#5a2d1d;
	font-size:20px;
	padding:9px 33px;
	text-decoration: none;
	border:3px #5a2d1d solid;
	font-weight: bold;
}
.myButton:hover {
	background-color:#5a2d1d;text-decoration: none; color:#FFF;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*填寫資料區塊--------(此區盡量別改)-------------------------填寫資料區塊------*/
.fill {background-image:url(../images/bg_3.jpg);background-repeat:repeat;max-width: 1980px;text-align: center;margin: 0px auto;margin-top: -15px;}
.fill h2{color:#000000;line-height: 1.3em;font-weight:bold;text-align:center;font-style: italic;}
.fill h2 .important01{ color:#1170c9;}
.fill h2 .important02{ color:#ff4d53;}
.fill h3{color:#4d4d4d;line-height: 0.3em;text-align:center;font-size: 2.1em;}
.fill .confirm_A{ color:#5e5e5e;}/*我已詳細閱讀並接受*/
.fill .go_button{ margin-bottom:20px;cursor:pointer; max-width:256px; width:100%; height:auto; padding-top:5px;}	

/*分享按鈕*/
.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{text-align:center;position:relative;padding-bottom: 0px;padding-top: 0px;}
.title h2{color:#000;font-weight:bold;line-height: 1.5em;text-align: center;}
.title .big{ font-size:48px}

/*img--通用*/
img.pic01{max-width:426px;min-width:280px;height:auto;width: 95%;display:block;margin: 11px auto;margin-top: 50px;}
img.pic02{max-width:570px;min-width:280px;height:auto;width:94%;display:block;margin: 50px auto;}
img.pic03{max-width:866px;min-width:280px;height:auto;width:100%;display:block;margin: 50px auto;}

/*活動詳情*/
.modal-content{width: 100%;height: 100%;max-height: 767px;margin: 20% auto;}
/*巨匠線上真人活動辦法*/
.model-content .activity{text-align: center;z-index: 100; padding-top: 15px; padding-bottom: 21px;width: 100%;height: auto;}
.item{text-align:left;margin:8% auto;}
.modal .modal-dialog{max-width:800px;width: 100%;height: auto;}
.activity_method {color:#ea68a2;font-size:40px;text-align: center;}
.date{color: #828282;font-size: 16px;}
.activity_date {color:#2196f3;font-size:30px;font-weight:bold;}
.activity_date02 {color:#ff6a77;font-size:18px;font-weight:bold;}
.item ol{color: #828282;font-size: 16px;line-height: 1.7em;}
.boxframe{margin-top:2%;}


/*--------------------------以下內容開始---------------------------------------*/

/*巨匠狀元奇機給你嚇一跳的好成績！*/
.advantage{background-image:url(../images/bg_1.png);background-repeat:repeat; background-position:center;text-align:center;overflow:auto; background-size: cover;}
.advantage .title1{border-bottom: 1px solid #878787;}
.advantage .title1 h2{font-size: 39px;color: #373737;font-weight: bold;}
.advantage .t01{font-size: 29px;color: #675538;font-weight: bold;}
.advantage .title1 p{font-size: 30px;color: #f50057;font-weight: bold;}

/* 考前學科加強計劃*/
.Answer h2{font-size: 21px;font-weight:bold;color:#5e5e5e;line-height: 1.3em;text-align: center;}
.Answer p{font-size: 20px;color:#2c2c2c;line-height: 1.2em;padding-top: 0px;text-align: center;margin-bottom: 20%;}
.Answer .sure_pic{width: 85%;min-width: 250px;height: auto;} 
.Answer{background-image:url(../images/bg_3.jpg); background-repeat: repeat;overflow: auto;}
.Answer .title2{border-bottom: 1px solid #878787;}
.Answer .title2 h2{font-size: 40px;color: #3179c2;}
.Answer .t01{font-size: 29px;color: #525252;font-weight: bold;}
.Answer .title2 p{font-size: 27px;font-weight:bold;color: #1f2c8c;}
.Answer .content h1{font-size: 31px;font-weight: bold;text-align: center;color: #3179c2;}

/*他們都是狀元王找對方法學，迎向高分不是夢！*/
.Why{background-image:url(../images/bg_2.png);background-repeat: no-repeat;background-position: top;text-align:center;overflow:auto;background-color:#8dcf3d;}	
.title h2{font-size:32px;/* font-style:italic; */font-weight:bold;text-align:center;color:#59493f;line-height: 1.1em;}
.Why .title .important{color:#0068b7;}
.Why .title{border-bottom: 1px solid #878787;}
.Why .t01{font-size: 29px;color: #525252;/* font-weight: bold; */}
.Why .content h1{font-size: 24px;font-weight:bold;text-align:center;color:#404040;padding-top: 0px;line-height: 0em;}
.Why .content h2{font-size:24px;font-weight:bold;text-align:center;color: #1886a2;padding: 0px 10px;}
.Why .content h3{font-size: 25px;font-weight:bold;text-align:center;color:#1b5e20;padding: 0px 10px;}
.Why .content h4{font-size:32px;font-weight:bold;text-align:center;color: #fff;padding: 0px 10px;padding-bottom: 10%;}

/*	↓↓↓↓	螢幕尺寸大於768時頁面顯示效果↓↓↓↓	 */ 
@media (min-width: 960px) {
.BRR{height:1px; display: none;}	
.fill h2{font-size: 29px;}
.fill h2 .important{ font-size: 38px;}
/*banner*/
img.big_banner{max-width:1920px;height:auto; width:100%}
img.min_banner{ display:none;}
img.banner001{max-width: 665px;height:auto;width: 36vw;z-index: 1;top: 14%;left: 32%;}
img.banner002{max-width: 602px;height:auto;width: 36vw;z-index: 3;left: 33%;top: 30%;}
img.banner003{max-width: 484px;height:auto;width: 25.3vw;z-index: 10;top: 64.6%;left: 17%;}
img.banner004{max-width: 434px;height:auto;width: 27vw;z-index: 1;top: 64%;left: 32%;}
img.banner005{max-width: 128px;height:auto;width: 16vw;z-index: 1;top: 26%;left: 13%;}
img.banner006{max-width: 128px;height:auto;width: 16vw;z-index: 1;top: 0%;left: 17%;}
img.banner007{max-width: 128px;height:auto;width: 16vw;z-index: 1;top: 19%;left: 23%;}
img.banner008{max-width: 128px;height:auto;width: 16vw;z-index: 1;top: 11%;left: 66%;}
img.banner009{max-width: 128px;height:auto;width: 16vw;z-index: 1;top: 6%;left: 90%;}
img.banner010{max-width: 554px;height:auto;width: 100vw;z-index: 1;top: 25%;left: 66%;}
img.banner011{ display:none;}
img.kid01{max-width: 249px;height:auto;width: 100vw;z-index: 1;top: 53%;left: 6%;}
img.kid02{max-width: 249px;height:auto;width: 100vw;z-index: 1;top: 55%;left: 55%;}
img.kid03{max-width: 259px;height:auto;width: 100vw;z-index: 1;top: 40%;left: 20%;}

img.pic01{max-width:426px;min-width:280px;height:auto;width: 95%;display:block;margin: 11px auto;margin-top: 50px;}
img.pic03{max-width:866px;min-width:280px;height:auto;width:100%;display:block;margin: 50px auto;}


/*段落標題--通用*/
.title h2{font-size: 40px;color: #1886a2;} 
.title p{font-size: 30px;font-weight:bold;color:#ff5f2e;}

/*活動詳情*/
.modal-content{width: 100%;height: 100%;max-height: 767px;margin: 20% auto;/* border:4px solid #ea68a2 !important; */}
/*巨匠線上真人活動辦法*/

.model-content .activity{text-align: center;z-index: 100; padding-top: 15px; padding-bottom: 21px;width: 100%;height: auto;}
.modal-content{width: 100%;height: 100%;max-height: 818px;margin: 8% auto;/* border:4px solid #ea68a2 !important; */background-image: url(../images/pop.png);}
.wrapper.modal-open{background-color: #fff /*!important*/;}
.item{text-align:left;margin: 9% auto;}
.modal .modal-dialog{max-width:800px;width: 100%;height: auto;margin: 0 auto;}
.activity_method {color:#ea68a2;font-size:21px;text-align: center;background-color: blue;}
.date{color: #828282;font-size:16px;margin-top: 402px;line-height: 2.5em;}
.activity_date {color:#2196f3;font-size:18px;font-weight:bold;margin-left: 79px;}
.item ol{color: #828282;font-size:16px;line-height: 2em;margin: 0 67px 0 55px;padding-bottom: 48px;}
.boxframe{margin-top:2%;}

/*other*/
.fill h2 .small{ padding-left:25px;}
.Answer .t01{font-size: 29px;color: #525252;font-weight: bold;}
.Why .t01{font-size: 29px;color: #525252;/* font-weight: bold; */}
.Why{padding-top: 0px;padding-bottom: 110px;}
.Why .content h1{font-size: 24px;font-weight:bold;text-align:center;color:#404040;padding-top: 0px;line-height: 0em;}
.Why .content h2{font-size:24px;font-weight:bold;text-align:center;color: #1886a2;padding: 0px 10px;}
img.picbig{ display:block;}
img.picmini{ display:none;}
}

	
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (min-width: 300px) and (max-width:960px) {
.BRR{height:1px; display:block;}

/*BANNER背景標題-------------------------------------*/
.banner{ position:relative; overflow:hidden;}
img.big_banner{ display:none;}
img.min_banner{max-width:960px;height:auto;width: 100%;}
img.banner001{ display:none;}
img.banner002{max-width: 602px;height:auto;width: 48vw;z-index: 3;left: 31%;top: 17%;}
img.banner003{max-width: 484px;height:auto;width: 49vw;z-index: 3;left: 2%;top: 41.8%;}
img.banner004{max-width: 434px;height:auto;width: 50vw;z-index: 5;left: -3%;top: 71.8%;}
img.banner005{ display:none;}
img.banner006{ display:none;}
img.banner007{ display:none;}
img.banner008{ display:none;}
img.banner009{ display:none;}
img.banner010{max-width: 554px;height:auto;width: 49vw;z-index: 5;left: 49%;top: 40.8%;}
img.banner011{max-width: 665px;height:auto;width: 57vw;z-index: 1;top: 3%;left: 27%;}
img.kid01{max-width: 249px;height:auto;width: 26vw;z-index: 3;left: 30%;top: 34.8%;}
img.kid02{max-width: 249px;height:auto;width: 22vw;z-index: 3;left: 77%;top: 20.8%;}
img.kid03{ display:none;}

img.picbig{ display:none;}
img.picmini{display:block;}
img.pic01{max-width:426px;min-width:280px;height:auto;width: 95%;display:block;margin: 11px auto;margin-top: 50px;}
img.pic03{max-width:866px;min-width:280px;height:auto;width: 95%;display:block;margin: 42px auto;}


/*活動詳情*/
.modal-content{width: 100%;height: 100%;max-height: 767px;margin: 8% auto;}
/*巨匠線上真人活動辦法*/
.model-content .activity{text-align: center;z-index: 100; padding-top: 15px; padding-bottom: 21px;width: 100%;height: auto;}
.modal-content{width: 100%;height: 100%;max-height: 900px;/* margin: 8% auto; */background-image: url(../images/pop02.png);background-size: cover;background-position: top;padding: 126px 35px 29px 30px;}
.wrapper.modal-open{background-color: #fff /*!important*/;}
.item{/* text-align:left; *//* margin:8% auto; */}
.modal .modal-dialog{max-width:800px;width: 100%;height: auto;margin: 0 auto;}
.activity_method {color:#ea68a2;font-size:21px;text-align: center;}
.date{color: #828282;font-size:16px;margin-top: 27%;}
.activity_date {color:#2196f3;font-size:18px;font-weight:bold;}
.item ol{/* color: #828282; *//* font-size: 16px; */}
.boxframe{margin-top:2%;}


/*段落標題--通用*/

.title h2{color: #1886a2;font-size: 40px;/* padding: 0px 25px; */}
.title p{font-size: 30px;font-weight:bold;color:#ff5f2e;}
.title .big{ font-size:20px}
.Answer h2{font-size: 35px;font-weight:bold;color: #5e5e5e;line-height: 1.1em;padding-left: 20px;padding-right: 20px;}
.Answer h4{font-size:25px;font-weight:bold;color:#63d3bf;line-height: 1.2em;}
.Answer .t01{font-size: 29px;color: #525252;font-weight: bold;}
.Answer p{font-size: 24px;color:#2c2c2c;line-height: 1.2em;text-align: center;margin-bottom: 9%;padding: 0 20px 0 20px;}
.Answer .sure_pic{width: 60%;min-width: 250px;height: auto;} 
/*other*/
.fill {background-image:url(../images/bg.png);max-width: 1980px;text-align: center;margin: 0px auto;}
.fill h2 .small{ padding-left:0px;}
.fill h2{font-size: 24px;line-height: 1.2em;padding-bottom: 20px;}
.fill h3{color:#4d4d4d;line-height: 1.2em;text-align:center;font-size: 1.6em;padding: 0px 20px;}

.Why .content h1{font-size: 28px;font-weight:bold;text-align:center;color:#404040;padding-top: 0px;line-height: 0em;}
.Why .content h2{font-size: 25px;font-weight:bold;text-align:center;color: #1886a2;padding: 0px 10px;}
.advantage .t01{font-size: 29px;color: #675538;font-weight: bold;}
.Why .t01{font-size: 29px;color: #525252;/* font-weight: bold; */}



@media (min-width: 768px) and (max-width:960px)  {
	
/*巨匠線上真人活動辦法*/
.model-content .activity{text-align: center;z-index: 100; padding-top: 15px; padding-bottom: 21px;width: 100%;height: auto;}
.modal-content{width: 100%;height: 100%;max-height: 900px;/* margin: 8% auto; */background-image: url(../images/pop02.png);background-size: cover;background-position: top;padding: 126px 30px 29px 30px;}
.wrapper.modal-open{background-color: #fff /*!important*/;}
.item{text-align:left;margin: 8% 5%;}
.modal .modal-dialog{max-width:800px;width: 100%;height: auto;margin: 0 auto;}
.activity_method {color:#ea68a2;font-size:21px;text-align: center;}
.date{color: #828282;font-size:16px;margin-top: 46%;}
.activity_date {color:#2196f3;font-size:18px;font-weight:bold;}
.item ol{color: #828282;font-size: 16px;line-height: 2em;}
.boxframe{margin-top:2%;}	
	
	
}	
	

/*↓↓↓↓ 	螢幕尺寸【小於】480時頁面顯示效果	↓↓↓↓ */
@media (max-width: 480px) {
.title h2{color: #1886a2;font-size: 39px;/* padding: 0px 25px; */}
.title p{font-size: 25px;color:#ff5f2e;}
.Why .content h1{font-size: 24px;font-weight:bold;text-align:center;color:#404040;padding-top: 0px;line-height: 0em;}
.Why .content h2{/* font-size: 28px; */font-weight:bold;text-align:center;color: #1886a2;padding: 0px 10px;}
.Why .content h4{font-size: 28px;font-weight:bold;text-align:center;color: #fff;padding: 0px 10px;padding-bottom: 12%;}
.Answer .t01{font-size: 21px;color: #525252;font-weight: bold;}
.advantage .t01{font-size: 25px;color: #675538;font-weight: bold;}
.Why .t01{font-size: 21px;color: #525252;font-weight: bold;}

}

/*手機板的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) {

}