/* 共用 */
.item_1{color: darkviolet} /*公法包*/
.item_2{color: dodgerblue} /*民事法包*/
.item_3{color: forestgreen} /*刑事法包*/
.item_4{color: darkorange} /*商事法包*/
.item_5{color: darkgoldenrod} /*其他法*/
.item_6{color: darkkhaki} /*律師二試*/
.item_7{color: black} /*基礎扎根*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{display:inline-block;width:100%;height:auto}
.price_sale{color:#C00}
#event{width:100%;margin:0 auto;padding:0;background-color:#ffeec0}
#event_Elearning,#event_class{width:78%;margin:4% auto 0;padding:2% 4%;background:#FFF;border-radius:20px}
.banner{background-color:#ffeec0;position:relative;background-image:url(https://fd.get.com.tw/edm/20260824/0706046-basemap.png);background-repeat-y:no-repeat;background-position:bottom}
.banner-title{width:730px;margin:auto;position:relative}
.up{position:absolute;left:-59px;bottom:-100px}
.dialogue{position:absolute;background-color:#ac2b0d;color:#fff;font-size:1.5em;width:185px;height:97px;right:0;bottom:25%;z-index:5;text-align:center;padding:42px 10px 0;border-radius:50%}
.dialogue:before{content:"";width:0;height:0;border-style:solid;border-width:34px 23px 0;border-color:#ac2b0d transparent transparent;position:absolute;bottom:-10px;left:18px;transform:rotate(28deg)}
.dialogue strong{color:#ffe400}
.bun{position:absolute}
.bun:nth-child(1){top:20px;left:78px;transform:rotate(-10deg)}
.bun:nth-child(2){top:0;left:0;right:0;margin:auto;width:160px}
.bun:nth-child(3){top:23px;right:68px;transform:rotate(10deg)}
.bun:nth-child(4){bottom:31px;left:77px;transform:rotate(-10deg)}
.bun:nth-child(5){bottom:30px;right:77px;transform:rotate(10deg)}
.bun:nth-child(6){bottom:20px;    right: 37%;}
.bun:nth-child(1):hover,.bun:nth-child(3):hover,.bun:nth-child(4):hover,.bun:nth-child(5):hover{
	transform: rotate(0deg);
	z-index:5;
}
.bun:nth-child(1) span,.bun:nth-child(2) span,.bun:nth-child(3) span,.bun:nth-child(4) span,.bun:nth-child(6) span{position:relative;top:25px}
.bun a{background-image:url(https://fd.get.com.tw/edm/20260824/0706046-bun.svg);background-repeat:no-repeat;width:160px;height:120px;display:block;text-align:center;font-size:1.4em;text-decoration:blink;font-weight:700;padding:40px 0 0;color:#ac2b0d;transition:all .2s linear;filter:drop-shadow(0px 5px 7px #000000b3);background-size:100%}
.bun a p{display:none;padding:0 25px;position:relative;top:-7px}
.bun a:hover span{display:none}
.bun a:hover p{display:block;font-size:.7em;margin-top:25px;text-align:justify}
.bun a:hover{font-size:1.5em;color:#fff;position:relative;z-index:5;background-image:url(https://fd.get.com.tw/edm/20260824/0706046-bun-hover.svg);transform:scale(1.1);padding:25px 0 0}
.steamer{width:610px;margin:auto;position:relative}
.bookList{margin:0 6%}
.bookList h4{font-size:1.4em;margin-bottom:5px;    margin-top: 0.5rem;}
.bookList h4 .fas{color:#ac2b0d;font-size:1.2em;margin-right:5px}
.bookList table{font-size:1.125em;line-height:1.5em;padding:0;text-align:justify;width:100%;margin:0;border:solid 1px #000;border-collapse:collapse;background-color:#fff}
.bookList table tr:nth-child(odd){background-color:#f1f1f1}
.bookList table strong{color:#ac2b0d}
.bookList table a{color:#000;    text-decoration: none;}
.bookList table th,.bookList table td{border:solid 1px #669600;padding:0 13px;font-size:1rem}
.bookList table td:nth-child(2),.bookList table td:nth-child(3),.bookList table td:nth-child(4){text-align:center}
.bookList table th{text-align:center;background-color:#669600;color:#fff;    padding: 0;}
.bookList nav{text-align: right}
.bookList nav a{color: #000000;padding-right: 1.5rem;}
.tdc{background:#f2ffd4;color:#a52a2a;font-weight:700}
.bookBox h2{font-size:4.5em;margin:15px 0 0}
.bookBox p{font-size:2em}
.bookBox p strong{color:#ac2b0d;font-size:1.4em}
.bookBox h2,.bookBox p{text-align:center}
.bookBox h3{font-size:1.7em;text-align:center;color:#ac2b0d;background-image:url(https://fd.get.com.tw/edm/20260824/0706046-bun.svg);background-repeat:no-repeat;background-position:bottom;width:280px;height:83px;margin:auto;background-size:auto;padding:30px 0 0;position:relative;top:23px}
.bookBox h3.item_5{    top: 23px;
    margin-bottom: 40px;}
.title{font-size:1.8em;line-height:1.6em;font-weight:700;color:#0f64a4;margin:1% auto 0}
.text{width:82%;text-align:left;font-size:1.6em;font-weight:700;line-height:1.55em;color:#333}
.icon img{width:90%;border-radius:10px}
.text small{font-size:1.2rem}
.text a{color:#d81c69}
.BuyCar{text-align:center;margin:20px 0 0}
.BuyCar a{display:inline-block;font-size:1.3em;text-decoration:blink;background-color:#ac2b0d;color:#fff;padding:2px 20px;border-radius:21px}
#event_third h2{text-align:center;font-size:2em;margin-top:14px}
#event_third h2 a{color:#ac2b0d}
#event_third h2 span{font-size:120%}
.text-red{color: #a52a2a;}
#event_third p{text-align: center;font-size: 85%;margin-top: 1rem;}

/* 花車 */
.flashsale li{width:calc(100%/2 - 4px);display:inline-block;color:#520731;line-height:2rem;font-size:1.5rem}
.flashsale,.course{text-align:center;line-height: 1.9em;}
.flashsale h3,.course h3{font-size: 1.55em;line-height: 1.55em;color: #d1010c;text-align: left;}
.flashsale a{color: #d1010c;}
.flashsale ul{ width: 50%;margin-left: 25%;}
/* 微課 */
.course p{text-align:left}
.course li{width:32%;text-align:left;display:inline-block;color:#520731;line-height:2rem}
.course a{color:#333;    text-decoration: none;}
.course table{width: 100%}
.course table p{text-align: left;padding-left: 1%;}
.course table th{background: #f7eaea !important;}
.course table,.course table th,.course table td{border: 1px #c3c0c4 solid;border-collapse: collapse;}
.course table td:nth-child(even){background: #fdfdfb;}
.course table td:nth-of-type(4){color: #ff0000;}
.course .buy{text-align: left;}
.subtitle{background:#fff6e5;padding:0 0 0 .5rem;text-align:left;color:#965938;font-weight:600}


@media screen and (min-width:768px) and (max-width:1199px){
	.banner-title{width:85%;margin-bottom:11%}
	.dialogue{font-size:1.3em;width:137px;height:97px;right:10%;padding:23px 10px 29px;bottom:unset;top:32%}
	.up{left:0}
	#topbutton{display:none}

}
@media(max-width:760px){
	.bun a{width:199px!important;height:147px!important}
}
@media(max-width:530px){
	.bun a{width:167px!important;height:118px!important}
}
@media(max-width:436px){
	.bun a{width:112px!important;height:66px!important;font-size:1.1em;padding:35px 0 0}
	.bun a:hover p{display:block;font-size:.4em;margin-top:-5px;text-align:justify}
}
@media(max-width:767px){
.banner-title{width:90%;margin-bottom:18%}
.steamer{width:100%}
.bun:nth-child(1) span,.bun:nth-child(2) span,.bun:nth-child(3) span,.bun:nth-child(4) span{top:6px}
.up{position:absolute;left:-16px;bottom:-67px;width:144px}
.bookBox h2{font-size:2.3em!important}
.bookBox h2 span{font-size:.7em;display:inline-block}
.dialogue{font-size:1em;width:81px;height:72px;bottom:46%;right:9px;padding:12px 15px 16px;transform:rotate(12deg)}
.dialogue:before{border-width:20px 13px 0;bottom:-15px;left:0;right:0;margin:auto;transform:rotate(0deg)}
.bun:nth-child(1){top:2px;left:12px}
.bun:nth-child(2){top:0;left:0;width:155px}
.bun:nth-child(3){top:3px;right:46px}
.bun:nth-child(4){bottom:11px;left:28px}
.bun:nth-child(5){bottom:12px;right:22px}
.bun:nth-child(6){bottom:3px;right:0;left:0;margin:auto;width:118px}
.bookBox p{font-size:1.4em;margin:5px 0 0}
#event_class li{line-height:30px}
#event_Elearning{text-align:center}
#event_class a{color:#000}
	.flashsale {width: 94%;padding: 3%;}
	.flashsale ul {width: 100%;margin-left: 0;padding-left: 0;}
	.flashsale li {
        width: calc(100% / 2 - 4px);
    }
	
#menufixed{width:100%;height:auto;color:#FFF;background-color:#ac2b0d;right:0;bottom:0;position:fixed;line-height:50px;font-size:1rem;text-align:center;z-index:999;        line-height: 1rem;}
#menufixed ul{list-style:none;width:100%;margin: 0;padding: 5px 0;}
#menufixed ul li{width:100%;color:#fff;margin:0 5px;        display: inline;
        line-height: 2rem;}
#menufixed ul li a{color:#fff;text-decoration:none;white-space: nowrap;}
#menufixed ul li.top:before{content:'▲'}
#menufixed ul li:nth-child(n+7):nth-child(-n+9){display: none;}
}

/* 共用 結束 */

@media all and (min-width: 1201px){
	/* css reset 歸0 */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	caption,  tfoot, thead {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	/* css reset 歸0 end */

	body {
		margin: 0;
		padding: 0px;
		font-family: "Microsoft JhengHei", Verdana, Arial;
		background-color: #fff;
		background-image:url(https://fd.get.com.tw/edm/20260824/0706046_bg.gif);
	}
	#BodyContainer {
		width: 850px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* bodyHeader */
	#BodyHeader #header-share { /*PC*/
		line-height: 1.2em;
		font-size: 13px;
		color: #000;
		text-align:center;
		border-collapse: separate;
	}	
	#BodyHeader #header-share a {
		font-size: 13px;
		color: #000000;
		text-decoration: underline;
	}
	#BodyHeader_m {display:none;} /*手機*/

	#BodyContentEvent {
		width: 850px;
		float: left;
	}

	/* Event css */
#event_master{width:100%;margin:0 auto;padding:0}
#event_master h1{font-size:3em}
#event_master h2{font-size:2em}
#event_master h3{font-size:1.5em}
#event_master b{font-size:1.1em;background-color:#9400d3;color:#fff}
#event_sec{width:100%;margin:0 auto;padding:0}
#event_sec header h3{font-size:1.5em}
#event_sec .itemBox{margin:0;padding:2%;width:90px;display:inline-block}
#event_sec .itemBox .group{border:1px solid #000;margin:2%;display:inline-block;padding:2%;border-radius:25px}
#event_sec .txt_BigRed{color:red;font-size:1.2em}
#event_third{width:100%;margin:0 auto;padding:0}
#event_third .bookBox{width:96%;margin:0;padding:1% 2%}
#event_third .bookList table p{text-align:left;padding-left:1em}
#event_third .more{background:#d8ead8;text-align:center}
	

	/*進階*/
#event_Elearning h3,#event_class h3{width:100%;font-size:2em;line-height:1.7em;color:#FF4200;font-weight:700;text-shadow:3px 3px 2px #DDD;font-family:"Microsoft YaHei"}
#event_Elearning h4{color:#06C;font-size:1.55em;line-height:2em}
#event_Elearning h4:before,#menufixed ul li:before{content:'▶';margin-right:1%}
#event_Elearning h4 a{color:#06C}
#event_Elearning #question_img{width:100%;margin:0 auto}
#event_Elearning #question_img img{width:98%}
#event_Elearning #answer_img{display:none;margin-top:1%;text-align:right;margin-right:2%}
#event_Elearning #answer_img img {width: 45%;}

	/*課程*/
#event_class ul{width:100%;margin:1% auto;list-style:none}
#event_class ul li{width:100%;font-size:1.1em;line-height:1.8em;color:#000}
#event_class ul li:before{content:'◎';margin-right:1%}
#event_class a{color:#000}
#menufixed{width:160px;background-color:#ac2b0d;border-radius:8px;position:fixed;bottom:2%;right:1%;z-index:1;padding:.5% 1%}
#menufixed ul{list-style:none;width:100%}
#menufixed ul li{width:100%;font-size:1em;line-height:27px;color:#fff;margin:.5% 0}
#menufixed ul li a{color:#fff;text-decoration:none}
#menufixed ul li.top:before{content:'▲'}

	/* notice */
#event_notice{text-align:left;float:left;width:100%;padding-top:4%;padding-bottom:2%;background-color:#EBEBEB}
#event_notice p{font-size:1rem;line-height:1.5rem;margin-left:12%}

	/* news */
#event_news{width:100%;clear:both;height:auto;margin:0;padding:3% 0;float:left;background-color:#EBEBEB;font-family:"微軟正黑體",Arial}
#event_news .NewsStyle_title{font-size:1.2rem;line-height:1.5rem}
#event_news .NewsStyle{font-size:.9rem;}
#event_news .NewsStyle a:link{color:#000}
#event_news .NewsStyle a:visited{color:#000}
#event_news .NewsStyle a:hover{color:#333;text-decoration:none}
#event_news .NewsStyle a:active{color:#000}
	/* news end*/

	/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin:0 auto}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#666;margin:2% 5%}
#BodyFooter_rwd #footer_inline a{color:#333}
#BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin-bottom:0;margin-top:3%}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;width:100%;margin-right:1%;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
#BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;margin-right:auto;text-align:center;margin-left:auto}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
	/* Footer end */

	/* 舊版IE */
	#noie{
		background-color: #FFFFFF;
		width: 100%;
		text-align: center;
	}
	/* 舊版IE end */

	#topbutton{display:none;}

}