/* 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-image: url(../images/show04_980311_bg.gif);} 
#BodyContainer{margin:0 auto} 
#BodyContentEvent{width:100%} 
#event{width:100%;margin:0 auto;background:#FFFBDD;background: url(../images/10011901_06.gif);}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.br{display:block} 
.m{font-size: 1.5rem;color: #20830d;font-weight: bold;    padding: 0 0.5% 0 1%;} 
img{max-width: 100%;}
h2{font-size:1.58rem;border-bottom: 4px #000000 solid; line-height: 2.4rem;font-weight: bolder;margin-bottom: 1%;} 
h3{color:#3A8DD5;font-size: 1.1rem; }
p{margin: 0.5% 0;padding: 0 0 0 1.5%;}
p a{font-weight: bold;color: #3a8dd5}
.txt_s{font-size: .85rem;}
.txt_left{text-align: left;}
.red, .red a{color: #ff0000;}
#event_sec{width: 80%;margin:3% 5% 8%;padding:2% 5%;background: #ffffff;    display: inline-block;}
.info_box{width: 100%;margin: 2% 0 7% 0;padding: 0;}
.Compare{margin: 0 0 5% 0;}
.Compare P{text-align: right;}
#event_sec table{width: 100%;text-align: center;margin: 0;}
#event_sec table th{background: #E4E4E4;padding: 1% 0;}
#event_sec table tr:nth-child(odd){background: #F0F0F0}
#event_sec table td{border-bottom: 1px #000000 solid;}
#event_sec table tr > td:nth-child(1){font-weight: bold;text-align: left;}
.hidden {display: none;}
.fixed {position: fixed;}
.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}
.p-3 {padding: 0.75rem;}
.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.block{display:block}
.inline-block{display:inline-block}
.leading-loose {line-height: 2;}
.outLink{right:0;bottom:30rem;
    background: #03B0D5;
    background: linear-gradient(-45deg, transparent 15px,#03B0D5 0), linear-gradient(45deg, transparent 15px, #655 0);
border-radius: 10px 0 0 10px;
}
.outLink dd{color: #A2F3FF;}
.outLink a{color: white;text-decoration: none;}
.outLink a:hover{background-color:#A2F3FF;color:#03B0D5 ;width: max-content;}


  h2 {font-size: 1.5rem;}
  h3 { color: #fc8f00; padding-left: 1.25rem;}
  .info_box blockquote{ margin:0 1.75rem; padding: 5px; background-color: #f0f0f0; border-left:4px solid #ddd}
  .info_box p {text-indent: -1rem; margin-left: 1rem;}
  .info_box p i {margin:0 -0.25rem 0 1.25rem;}
  .tip h2 { font-size: 1.25rem; text-align: center; border-width:0}
  .tip ul { padding: 1rem 4rem; background-color:#ccf2f8; border-radius: 15px;}
  .flex-row {display: flex;font-size: 15px; margin: 0 4%; align-items: center; flex-direction: column;}
  .flex-row .item { display: flex; width:100%;margin: 3px 0; background-color: #f0f0f0; gap:10px; align-items: center; color:#3f4346}
  .flex-row .item a {color: #000;}
  .bedge {background-color: #7bd2fa; border-radius:0;width:184px;font-weight: bold; text-align: center; padding: 3px;}
  .bedge.pink {background-color: #fcf800}