/* 共用 */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	width: 100%;
	height: auto;
}
a{transition:all 0.2s linear;position: relative;}
a:hover{top:3px;}
body{background-image:url(../images/0712068_bg.png);}
.banner{position: relative;background-color: #ffe0d6;}
.share{background-color:#cc2e43;clear: both; padding: 25px 0;position: relative;}
.share > h2{font-size:4em;color: #fee383;margin: 0 0 10px;text-align: center;position: relative;}
.share > h2:before,.share > h2:after{content:"";position: absolute;background-repeat: no-repeat;}
.share > h2:before{background-image:url(../images/0712068_icon1.png);width: 48px;height: 70px;left:0;}
.share > h2:after{background-image:url(../images/0712068_icon2.png);width:107px;height:92px;right:0;}
.share > h2 + p{text-align: center;color: white;font-size: 1.4em;line-height: 33px; }
.share > h2 > strong{color:#95dcc3;}
.sharebook{position: absolute;z-index: 5;width: 100%;bottom:-1px;}
.active{background-color: white;margin: 0 170px 1px;border-radius: 8px;text-align: center;padding: 23px 30px 27px;position: relative;z-index: 6;}
.active > ul{display: inline-block;}
.active > ul > li{text-align:justify;font-size: 1.1em;line-height: 34px;}
.active > ul > li:nth-child(n+2):nth-child(-n+3) > strong + a + a{    background: linear-gradient(to top,#ff6b33 0%,#ff2744 100%);width: auto;margin: 0 10px 0;font-weight: bold;color: #ffffff;text-decoration: underline;background-color: #ff3752;border-radius: 12px;
    padding: 0 7px;
    text-decoration: blink;}
.active > ul > li > a{background-color: #fee383;display: inline-block;width: 45px;height: 45px;text-align: center;line-height: 45px;border-radius: 50%;text-decoration: blink;color: #cc2e43;font-family: Arial;}
.upgradebox{}
.upgrade{display: inline-block;background: linear-gradient(to top,#d64242 0%,#ff8b00 100%);color: white;font-size: 1.4em;text-align: center;text-decoration: blink;padding: 0 9px;
    border-radius: 13px;
    margin: 15px 0 0;}
a.goupgrade{background-color: #fee383;display: inline-block;width: 45px;height: 45px;text-align: center;line-height: 45px;font-size: 1.2em;border-radius: 50%;text-decoration: blink;color: #cc2e43;font-family: Arial;}
.beauthor{color: white;padding: 17px 20px 17px;margin: 0px 170px 1px;background-color: #067d4f;border-radius: 8px;text-align:center;}
.beauthor > h4{text-align: center;font-size: 2em;color: #fee383;margin: 0;}
.beauthor a{display: block;font-size: 1.5em;margin: 18px 0 0;color: #fee383;text-align: center;}
	#event_sec .Reward{padding: 0.1% 1%;border-radius: 5px;background: #067d4f;color: #fee383;text-align: center;float: left;margin-right: 0.5em;}
	#event_sec .Prize b{color:#cc2e43;}
	.beauthor > p{line-height: 40px;font-size: 1em;    margin: 0;}
	.basemapleft,.basemapright{position: absolute;opacity: 0.6;top: 245px;}
	.basemapleft{left:0;}
	.basemapright{right:0;transform: rotateY(180deg);}
	#event_third {
		width: 100%;
		margin:0 auto;
		padding:0;
		background-color:#f7d98b;
		display: inline-block;
	}
	#event_sec {
		width: 100%;
		margin:0 auto;
		padding:0;
		font-size: 1.2em;
		background-color:#cc2e43;
		display: inline-block;
	}
	/* Event css */
	#event {
		width: 100%;
		margin:0 auto;
		padding:0;
	}
	#event_master {
		width: 100%;
		margin:0 auto;
		padding:0;
		background-color: blanchedalmond;
	}
	#event_master h1 ,h2{
		text-align: center;
	}
	#event_master h1{
		font-size: 3em;
	}
	#event_master h2{

	}
	#event_master p{
		width: 70%;
		margin-left: 15%;
	}

	#event_sec .Active{
		width: 80%;
		margin:2% 10%;
		padding:0;
	}

	#event_sec .BeAuthor{
		width: 30%;
		border: 3px dotted #522;
		text-align: center;
	}
	#event_sec .BeAuthor .Go a{
		color: #f00;
		font-weight: bold;
	}

	#askform{
		width: 80%;
		padding: 4% 10% 5%;
		font-size: 1.1em;
	}
	#askform p {
		line-height: 1.5em;
	}
	#askform h3 {
		font-size: 2rem;
	}
	#askform form {
		margin: 0 2%;
	}

	#askform SELECT{
		border-radius: 7px;
		width: 10%;
		padding: 0.5%;
		margin-right: 1%;
		margin-bottom: 1%;
		width: 15%;
	}
	#askform input{
		font-size:1rem;
		border-radius: 5px;
		padding: 0.5%;
		margin-bottom: 1%;
		margin-left: 0;
	}
	#askform input[type="submit"]{
		color: #FFF;
		background-color: #9A1B1B;
		padding:0.5em;
	}
	#askform input[name="sContent"]{
		margin-left: 0%;
	}
	#askform input[type="reset"]{
		color: #FFF;
		background-color: #537f9a;
		padding:0.5em;
	}
	#askform input[type="text"]{
		width:50%;
	}
	#askform textarea{margin-bottom: 1%;width:100%;font-size:1rem;}
	#askform h2{background-color: #bd9b44;font-size: 2em;color: white;margin: 0 0 20px;position: relative;		}
	#askform h2:before,#askform h2:after{content:"";position: absolute;border-style:solid;width: 0;height: 0;}
	#askform h2:before{border-color: transparent #f7d98b transparent transparent;border-width: 23px 16px 23px 0px;right: 0;}
	#askform h2:after{border-color:transparent transparent transparent #f7d98b;border-width:23px 0px 23px 16px;left:0;}
	#askform .red{color: #ff0000;font-weight: 700}

	/*律師上榜菁英篇*/
	.active .active_list:last-child{border:none;} 
	.elite{margin: 0 80px 1px;}
	.active_list{border-bottom: dotted 2px #ac5c01;padding: 0 0 15px;margin: 0 0 15px;}
	.active_list dt,.active_list dd{display: table-cell;font-size: 1em;text-align: start;line-height: 33px;    padding: 0 0 8px;}
	.active_list dl  a{display: inline-block;color: #cc2e43;}
	.active_list dt{float: left;color: #067d4f;font-weight: 900;}
	.active_list li{list-style:none;}
	.experience a{display: inline-block;background: linear-gradient(to top,#d64242 0%,#ff8b00 100%);color: white;font-size: 1.4em;text-align: center;text-decoration: blink;padding: 0 9px;
    border-radius: 13px;
    margin: 15px 0 0;}
	.experience a:hover{    background: linear-gradient(to top,#067d4f 0%,#6cc55a 100%);}




	.expfirst {display: inline-block;background: linear-gradient(to top,#d64242 0%,#ff8b00 100%);color: white;font-size: 1.4em;text-align: center;text-decoration: blink;padding: 0 9px;
    border-radius: 13px;
    margin: 15px 0 0;}
	@media screen and (min-width:768px) and (max-width:1199px){
		.active_list ul {margin: 0px;}	
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.active,.beauthor {margin: 0 50px 1px;}
		.share > h2 {font-size: 3em;}
	}
	@media(max-width:767px){
		body{background-image:none;}
		.share > h2 {font-size: 2em;text-align: center;}
		.share > h2 + p {font-size: 1.125em;line-height: 30px;}
		.share > h2:before, .share > h2:after{content:none;}
		.active {margin: 0;border-radius: 0px;padding: 23px 3px 27px;}
		.basemapleft, .basemapright{display: none;}
		.active > ul {padding: 0 0 0;margin: 0 20px 0px 35px;}
		#event_sec .Reward {float: none;}
		#askform {width: 90%;padding: 5% 5%;}
		.beauthor {margin: 0px 0px 1px;border-radius: 0;}
		.beauthor > h4 {margin: 0;}
		.active_list dl{margin:0;}
		.active_list dd{margin:0;}
		.active_list ul {margin: 0;padding:0;}
		.active_list dl dt:nth-of-type(3),.active_list dl dd:nth-of-type(3),.active_list dl dt:nth-of-type(4),.active_list dl dd:nth-of-type(4){display:block; text-align: start;}
		.active_list dl dt:nth-of-type(3),.active_list dl dt:nth-of-type(4){float:none;}
		#askform h2 {font-size: 1.7em;}
		.sharebook{display: none;}
		.active_list {padding: 0 20px 15px;}
	}


	@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;
		}
		#BodyContainer {
			width: 1200px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 0px;
			margin-bottom: 0px;
		}

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

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




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

		/* news */
		#event_news {
			width: 100%;
			clear: both;
			height: auto;
			margin: 0px;
			padding-top: 3%;
			padding-right: 0px;
			padding-bottom: 3%;
			padding-left: 0px;
			float: left;
			background-color: #EBEBEB;
		}
		#event_news .NewsStyle {
			font-size: 1rem;
			color: #000000;
			line-height: 1.4rem;
			font-family: "微軟正黑體", Arial;
		}
		#event_news .NewsStyle a:link {
			font-size: 1rem;
			color: #000000;
		}
		#event_news .NewsStyle a:visited {
			font-size: 1rem;
			color: #000000;
		}
		#event_news .NewsStyle a:hover {
			color: #333333;
			text-decoration: none;
		}
		#event_news .NewsStyle a:active {
			font-size: 1rem;
			color: #000000;
		}
		/* news end*/





		/* Footer */
		#BodyFooter_rwd{
			float: left;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		#BodyFooter_rwd #footer_line {
			width: 90%;
			margin-bottom: 2%;
			margin-top: 2%;
			margin-left: 5%;
			margin-right: 5%;
			display: block;
			float: left;
			height: auto;
			text-align: center;
			border-top-width: thin;
			border-top-style: solid;
			border-top-color: #666;
		}
		#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: 1em;
		}
		/* Footer end */

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

#topbutton{
	width: 50px;
	height: 50px;
	color: #FFFFFF;
	border-radius: 9999em;
	background-color: #000;
	opacity: 0.4;
	right: 1%;
	bottom: 3%;
	position:fixed;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	z-index: 999;
}
#topbutton a{
	color: #FFFFFF;	
	font-size: 15px;
}	

	}