@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: #edeef4;
	background-image: url(../images/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 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFE;
	width: 850px;
}
#event a:hover {
	left: 1px;
	top: 1px;
	position: relative;
	text-decoration: none;
}

#event .pc_big_img1 {
}

#event .mb_big_img1 {
	display: none;
}


/* menu */
#event_menu {
	float: left;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-left: 12%;
	margin: 0px;
    background-color: #3f5887;
	width: 80%;
	padding-right: 8%;
	padding-bottom: 4px;
}

#event_menu li {
	font-size:1.2em;
	float: left;
	list-style-type: none;
	margin-top: 0em;
	margin-right: 0%;
	margin-left: 0%;
	text-align: center;
	line-height: 1.2em;
	width: 100px;
	/*width: 120px;*/
	color: #FFF;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	border-radius: 15px 15px 15px 15px;
	margin-bottom: 0.5%;
	padding: 0.2em;
	font-weight: bold;
}

#event_menu li a {
	text-decoration: none;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	color: #FFFFFF;
}
/* menu end*/


#event .cover{
	width: 40%;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#event .book{
	margin-top: 50px;

}

#event .book img{
	border: 1px solid #fff;
	width: 66%;
	margin-left: 58px;
	box-shadow: 1px 1px 8px #666;
}

#event .content{
	width: 54%;
	float: left;
	padding-right: 6%;
	padding-bottom: 15px;
}

#event .content p{
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#event .title{
	font-family: "Microsoft JhengHei", Verdana, Arial;
	line-height: 1.4em;
	font-size: 1.5em;
	width: 100%;
	margin-top: 1.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0;
	color: #000;
	font-weight: bold;
}

#event .content ul {
	list-style-type: none;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0.2em;
}

#event .content li {
	float: left;
	padding: 0.5em;
	width: auto;
	/*margin-top: 2.3em;*/
	margin-right: 0.9em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #FFF;
	border-radius: 12px;
	border: 2px solid #F1B103;
}

#event .content a {
	text-decoration: none;
	color: #000000;
}


#event .detail {
   clear: both;
}

#event .publish {
	float: left;
	width: 40%;
	margin-top: 0px;
}

#event .publish ul {
	list-style-type: none;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 4em;

}
#event .publish li{
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#event .publish li a{
	color: #01385e;
}

#event .publish li h5{
	color: #FF0066;
}

#event .teach {
	float: left;
	width: 60%;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0em;
}

#event .teach ul {
	list-style-type: none;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0em;

}

#event .teach li {
	float: left;
	width: auto;
	margin-top: -5px;
	margin-right: 0.4em;
	margin-bottom: 0.7em;
	margin-left: 0.2em;
	background-color: #FFFFFF;
	border-radius: 12px;
	font-size: 15px;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	border: 2px solid #74B1D6;
}

#event .teach ol {
	float: left;
	width: auto;
	margin-top: -5px;
	margin-right: 0.4em;
	margin-bottom: 0.7em;
	margin-left: 0.2em;
	background-color: #FFFFFF;
	border-radius: 12px;
	font-size: 15px;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	border: 2px solid #790fab;
}

#event .teach a {
	text-decoration: none;
	color: #0080BD;
}



#event .teach p {
	clear: both;
	font-size: 1.2em;
	margin-top: 0em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;

}





/* master */
#event_master {
	width: 850px;
	clear: both;
	float: left;
	background-color: #FFF;
}

#event_master header h1 {
	font-size:3em;
	line-height: 1.2em;
	color: #000;
	margin-left: 80px;
	margin-top: 23px;
	width: 45%;
	float: left;
}

#event_master header h2 {
	margin-left: 1em;
	font-size: 1.6em;
	float: left;
}

#event_master table {
    width: 80%;
    margin: 0 4em 0 4em;
    clear: both;
}

#event_master table img {
    width: 90%;
    margin: 1em;
}

#event_master ul {
	margin-left: 6em;
}
#event_master p {
}
/* master end*/








/* publish */
#event_publish {
	width: 42%;
	float: right;
	margin-top: 0px;
}
#event_publish ul {
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 2em;
	padding-left: 58%;
	padding-top: 0px;
}
#event_publish li{

}
/* publish */


/* content */
#event_content {
	width: 750px;
	float: left;
	padding-bottom: 20px;
	background-color: #f3f2ee;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 20px;
}

#event_content header h1 {
	font-size: 1.4em;
	clear: both;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0em;
	color: #389EC6;
}

#event_content header h3 {
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 18px;
	color: #389EC6;
	float: left;
	width: auto;
	margin-top: 5px;
	margin-right: 0.4em;
	margin-bottom: 0.7em;
	margin-left: 0.2em;
}

#event_content .bookimg {
	width: 23%;
	float: left;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 2em;
	margin-left: 1%;
	text-align: center;
}

#event_content .bookimg img {
	height: auto;
	width: 90%;
	border: 2px solid #FFF;
	margin-bottom: 12px;
}

#event_content .bookimg img h1 {
	height: auto;
	width: 10%;
	border: 2px solid #FFF;
	margin-bottom: 12px;
}

#event_content .bookimg1 {
	width: 23%;
	float: right;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 2em;
	margin-left: 1%;
	text-align: center;
}

#event_content .bookimg1 img {
	height: auto;
	width: 90%;
	border: 2px solid #FFF;
	margin-bottom: 12px;

}

#event_content p {
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align: center;
}
#event_content p a {
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 1em;
    color: #FF0066;
	text-align: center;
}
#event_content ol {
	padding-left: 30px;

}

#event_content li{
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#event_content li a{
}

#event_content h2 {
	float: left;
	width: auto;
	margin-top: 5px;
	margin-right: 0.4em;
	margin-bottom: 0.7em;
	margin-left: 0.2em;
	background-color: #FFFFFF;
	border-radius: 12px;
	font-size: 15px;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	border: 2px solid #F1B103;
}

#event_content table {
	width: 715px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#event_content table th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #315989;
	background-color: #69B8C7;
	color: #FFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#event_content table td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #398C9B;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

#event_content table .td2_bg {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAF1F7;
}

#event_content table h2 a {
	text-decoration: none;
	color: #000000;
	font-family: "Microsoft JhengHei", Verdana, Arial;
}

#event_content table a {
	color: #333;
	font-family: "Microsoft JhengHei", Verdana, Arial;
}

#event_content table p {
}
/* content end*/


/* news */
#event_news {
	width: 700px;
	float: left;
	padding-bottom: 20px;
	background-color: #f3f2ee;
	padding-right: 80px;
	padding-left: 70px;
	padding-top: 20px;
	margin-bottom: 0px;
}

#event_news header h1 {
	font-size: 1.4em;
	clear: both;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: -7px;
	margin-left: 0em;
	color: #E79110;
}

#event_news ul{
	margin: 1em;
	padding-left: 15px;
}

#event_news li{
	font-family: "Microsoft JhengHei", Verdana, Arial;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#event_news li a{
	color: #000;

}

/* news end*/

/* note */
#event_note {
	float: left;
	padding-bottom: 20px;
	background-color: #FFFFEE;
	padding-left: 64px;
	padding-top: 20px;
	width: 786px;
	margin-top: 0px;
}

#event_note ul{
	margin: 1em;
}

#event_note li{
	font-size: 0.9em;
	line-height: 1.6em;

}
/* note end*/






.hidden-m {
	display: none;
}


/* Footer */
#BodyFooter {
	clear:both;
	text-align:center;
}
#BodyFooter td {
	font-size: 12px;
	line-height:1.5;
}
#BodyFooter a {
	color:#000000;
	font-size: 12px;
	text-decoration: none;
}
#BodyFooter a:hover {
	text-decoration: underline;
	left: 0px;
	top: 0px;
	position: relative;
}
#BodyFooter a.home {
	color:#FF6633;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#BodyFooter a.home:hover {
	text-decoration:underline;
}
#BodyFooter .foottitle {
	color:#FF0000;
	font-size: 15px;
	font-weight: bold;
	border-top:1px #333 dotted;
	border-bottom:1px #333 dotted;
}
#BodyFooter .footsub {
	font-size:13px;
	font-weight:bold;
}


#BodyFooter_rwd{
	display: none;
}
/* Footer end */

/* 舊版IE */
#noie{
	width: 100%;
	text-align: center;
}
/* 舊版IE end */

#topbutton{display:none;}

}
