/* 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}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;background-color:#9bcfdd /*#31add3*/;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background:#f5f5f5}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.w-full{width: 100%;}
h1{font-size: 3rem;}
h2{font-size: 1.9rem;}
h3{font-size: 2.1rem;}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/* #event_master{background: url(../images/1205033_1.png)no-repeat top center,url(../images/0905054_basemap.jpg)no-repeat center -191px;position: relative;float: left;} */
/* #event_list {background: linear-gradient(to left ,#fbe7a6 0% ,#ffffff 20%,#ffffff 80% ,#fde8a6 100% );background-color: #fff8ee;float: left;} */
#event_master .info{/* margin-top: 43%; */background-color: #ccc;background: linear-gradient(to left ,#dedede 0% ,#ffffff 20%,#ffffff 80% ,#dedede 100% );display: flex;position: relative;}
#event_master .info ul{margin: 2.5% 32% 1% 17%;font-size: 1.4rem;padding: 0;}
#event_master .info ul li{margin: 0 0 2.5% 0;list-style-type: none;}
#event_master .info ul li:before{content: url(../images/1205033_okicon_s.png);vertical-align: bottom;margin-left: -47px;}
#event_master .info ul li b{color: #e94a09;font-weight: bold;font-family: "Microsoft YaHei";font-size: 1.7rem;}

.banner{width: 100%;}
.banner img{width: 100%;}

/* .master_t{top: 24.45%;left: 34%;position: absolute;}
.master_t h1{font-size: 6rem;line-height: 8rem;display: inline-block;font-family: MStiffHeiHK;text-shadow: rgb(3, 3, 3) 5px 5px 5px;color: #fff;}
.master_t h3{font-size: 3.9rem;line-height: 4rem;text-shadow: rgb(3, 3, 3) 3px 3px 0px;color: #fff;} */
.info .winnermap{/* background-color: #000; */position: absolute;display: grid;right: 7%;}
/* .info .winnermap img{} */

/*書單*/
.booklist{margin: 0 5%;}
.booklist h2{font-size: 1.8rem;line-height: 2rem;margin:5% 0 .5%;display: inline-block;color: #354b56;font-family: "Microsoft YaHei";border-right: 4px #5599bd dotted;padding-right: 12px;}
#event_list>.booklist:nth-child(2) h2 , #event_list>.booklist:nth-child(3) h2{margin:3% 0 .5%;}
.books{margin-top: 0;margin-bottom: 2%;font-size: 1.1rem;}
/*.books, .books th, .books td {border: 1px solid black;border-collapse: collapse;text-align: center}*/

.books th{/* border: 1px solid black; */border-bottom: 1px #607D8B dotted;border-collapse: collapse;text-align: center;background-color: #cccccc30;padding: 0;margin: 0;color: #607d8b;letter-spacing: 6px;}
.books td{/* border: 1px solid black; */border-bottom: 1px #9E9E9E dotted;border-collapse: collapse;text-align: center;}
.books p{text-align: left;padding-left: 2%}
.books p a{color: #354b56;}
.books p a:hover{color: #000;}
.books small{font-size: small;display: block;text-decoration: line-through}
.books b {font-size: 1.2rem;color: #c1302f;padding-left: 1px;font-family: Verdana;/* font-weight: normal; */}
.books th:nth-child(2){width: 16%;}
.books th:nth-child(3){width: 18%;}
table{border-spacing: 0px;}
caption{margin-top: 1%;text-align: left;background-color: #e8e8e800;color: #eb6601;/*background-color: #eb6601;color: #fff;*/padding: 0.3% 1% 0.5%;/* text-align: center; */border-bottom: 3px #f5efe7 solid;letter-spacing: 2px;font-size: 1.4rem;font-weight: bolder;}
/*caption span {font-size: larger;display: block;margin-top: 0%;letter-spacing: 2px;font-size: 1.4rem;color: #FFEB3B;}*/
.t_title{text-align: left;background-color:#5599bd /*#00b7ce*/;color: #FFFFFF;/*background-color: #e8e8e800;color: #00b7ce;*/padding: 0.3% 0% 0.5% 1.6%;border-bottom: 0;letter-spacing: 2px;font-size: 1.35rem;font-weight: lighter;/*font-weight: bold;*//*border-left: 20px #00b7ce solid;*/}
.t_title a{color: #FFFFFF}

.more{text-align: center;margin-top: 2%}
.more a{color: #354b56;}
.more a:hover, #link_bar a:hover{color:#000;}

#link_bar{width:100%;height:50px;color:#354b56;/*background:#ec6702;*/line-height:50px;font-size:1.2rem;text-align:center;z-index:999}
#link_bar a{color:#354b56;border-bottom: 1px solid #354b56;text-decoration: none;}



/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/}
@-moz-document url-prefix(){/*Firefox*/}
@media \0screen\,screen\9 {/*IE 6 7 8*/}
@media screen\0 {/*IE 8 9 10 11*/}
@media print {}

/* ----------- iPad ----------- */
/*ipad_直式*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* .master_t {top: 29%;}
	.master_t h1 {font-size: 6rem;line-height: 8rem;}
	.master_t h3 {font-size: 3.9rem;line-height: 4rem;} */
}

/*ipad_橫式*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* 直Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {/* .master_t {top: 33.5%;} */}

/* 橫Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}