@charset "utf-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;color: #666}table{border-collapse:collapse;border-spacing:0;text-align: center}fieldset,img{border:0;text-align: left}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:center;font-weight: bold;color: #2f829b}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}html{width:100%}body{width:100%;height:100%}#warpper{width:980px;margin:0 auto;height:100%!important;height:100%;background-color:#fff;padding:20px 0 0 0}#top{clear:both}#infobar{position:relative;height:85px}#infobar table{width:100%;height:100%}#infobar table tr td{text-align:left;vertical-align:middle}#infobar table tr td#logoTd{width:426px}#infobar table tr td#Layer1Td{width:324px}#infobar table tr td#Layer1Td #Layer1{padding:0 40px 0 40px;height:21px}#infobar table tr td#bg-index-header-contactus-td{width:235px;height:100%;display:block}#infobar table tr td a#bg-index-header-contactus{background:url(../images/btn-index-header-contactus.webp) no-repeat center center;height:85px;display:block;text-decoration:none}#infobar #logo{ width:317px; height:66px; display:block; position:absolute; top:9px; left:0; background:url(../images/logo.webp) no-repeat left center; background-size:contain; }#infobar p{color:#505050;font-family:Arial, Helvetica, sans-serif;font-size:12px;width: 143px;height: 22px}#infobar p#lang{padding-left:0;border-top: 15px solid #ffffff}#infobar p#lang select{border:1px solid #2f829b;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#2f829b}#infobar p#lang a , #infobar p#cinic a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#2f829b;padding-left:5px}#infobar p#lang a:hover , #infobar p#cinic a:hover{color:#98b83b}#infobar p#hotline{top:50px;font-weight:bold;font-size:13px}#infobar p#hotline span#c1{color:#2f829b}#infobar p#hotline span#c2{color:#8ba935}#banner{border:1px solid #d3d3d3;position:relative}#banner p{position:absolute;height:3px;width:3px}#banner p#tleft{top:-1px;left:-1px;background:url(../images/top_left.webp) no-repeat left top}#banner p#tright{top:-1px;right:-1px;background:url(../images/top_right.webp) no-repeat left top}#banner p#bleft{bottom:-1px;left:-1px;background:url(../images/bottom_left.webp) no-repeat left top}#banner p#bright{bottom:-1px;right:-1px;background:url(../images/bottom_right.webp) no-repeat left top}#topmenu{clear:both;margin:6px 0 17px 0;height:36px;position:relative}#topmenu p{position:absolute;height:3px;width:3px}#topmenu p#tleft{top:0;left:0;background:url(../images/top_left.webp) no-repeat left top}#topmenu p#tright{top:0;right:0;background:url(../images/top_right.webp) no-repeat left top}#topmenu p#bleft{bottom:-2px;left:0;background:url(../images/bottom_left.webp) no-repeat left top}#topmenu p#bright{bottom:-2px;right:0;background:url(../images/bottom_right.webp) no-repeat left top}#topmenu a{background:url(../images/topmenu_bg.webp) repeat-x left top;display:block;width:138px;height:25px;border:1px solid #d3d3d3;float:left;font-family:"華康儷中黑",Arial, Helvetica, sans-serif;color:#2f829b;font-weight:bold;font-size:16px;padding:8px 0 3px 0;text-decoration:none;text-align:center}#topmenu a:hover, #topmenu .currp{background:url(../images/topmenu_bg.webp) repeat-x left -36px;color:#fff}#conent{clear:both}#bottommenu{text-align:center;padding:5px 0 5px 0;clear:both}#bottommenu a{padding:0 3px 0 3px;font-family:"華康儷中黑",Arial, Helvetica, sans-serif;color:#2f829b;font-weight:bold;font-size:16px;text-decoration:none}#bottommenu a:hover{color:#000}#footer{width:980px;padding:5px 0 0 0;height:32px;background-color:#fff;clear:both}.copyright, .ysd{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#808080;letter-spacing:0.05em}.copyright a, .ysd a{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#808080;text-decoration:none;letter-spacing:0.05em}.copyright a:visited, .ysd a:visited{color:#808080}.copyright a:hover, .ysd a:hover{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#ff8c3f}.copyright{float:left;margin:0;padding:0;padding-left:0px}.ysd{float:right;margin:0;padding:0;padding-right:0px}.clear{clear:both}
#conent{clear:both;padding:4px 0 0 0}#menu{width:490px;float:left;position:relative;background:url(../images/contact/line.webp) no-repeat right top;background-size:31px 387px;padding:0 0 100px 0}#menu h1{padding:0 0 20px 0}#menu p{font-family:"新細明體",Arial, Helvetica, sans-serif;color:#5d5d5d;font-size:15px;font-weight:normal;padding:0 0 15px 0}#menu p span{width:65px;display:inline-block;font-family:"新細明體",Arial, Helvetica, sans-serif;color:#5d5d5d;font-size:15px;font-weight:normal;vertical-align:top}#menu p span img{border:1px solid #d3d3d3}#menu p .span2{width:350px}#menu p .span2 span{color:#c12121;width:auto}#menu p .span2 a{color:#5d5d5d;width:auto}#menu p a{color:#2f829b;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:15px}#menu p a:hover{color:#98b83b}.con{float:left;padding:45px 0 0 70px;width:415px}.con p{padding:0 0 9px 0}.con p span{width:57px;display:inline-block;font-family:"新細明體",Arial, Helvetica, sans-serif;color:#5d5d5d;font-size:15px;font-weight:normal;vertical-align:top;padding:3px 0 0 0}.con p input{width:246px;height:21px;border:1px solid #939393;font-family:"新細明體",Arial, Helvetica, sans-serif;color:#5d5d5d;font-size:13px}.con p textarea{width:246px;height:145px;border:1px solid #939393;font-family:"新細明體",Arial, Helvetica, sans-serif;color:#5d5d5d;font-size:13px}.con #subbtn{padding:0 0 0 219px}.con p #Submit{width:86px;height:25px;background:url(../images/contact/submit.webp) no-repeat right top;border:0;font-family:"新細明體",Arial, Helvetica, sans-serif;color:#fff;font-size:13px;cursor:pointer}

img[width][height]{height:auto}
#footer table,#footer tbody,#footer tr{display:block}
#footer table td{display:inline-block;width:auto;padding:2px 3px;vertical-align:top;text-align:left}
#infobar table tr td#bg-index-header-contactus-td{text-align:right}
.hdr-contact{position:relative;display:inline-block;width:232px;height:60px;vertical-align:middle}
.hdr-contact img{display:block;width:232px;height:60px}
.hdr-contact a{position:absolute;left:0;width:100%;height:50%;display:block;text-decoration:none}
.hdr-contact a.hc-tel{top:0}
.hdr-contact a.hc-wa{top:50%}
.eeat{clear:both;max-width:980px;margin:16px auto 0;padding:12px 0 0;border-top:1px solid #d3d3d3;font-size:12.5px;line-height:1.75;color:#7a848a;text-align:left}
.eeat p{margin:0 0 6px}
.eeat strong{color:#2f829b}
.press-topics{clear:both;max-width:980px;margin:16px auto 0;padding:12px 0 0;border-top:1px solid #d3d3d3;font-size:13px;line-height:1.95;color:#5d5d5d;text-align:left}

/* --- mobile sidebar order: content first, the in-page TOC after the article.
       p_contact.css carried no media query at all, so on mobile this page fell
       back to DOM order and the TOC strip sat above the H1.
       (see _build/64_mobile_toc_order.py) --- */
@media (max-width:576.98px){
  #con{ order:1; }
  #menu ul li#listtop{ order:2; flex:1 0 100%; }
  #menu ul li{ order:3; }
  #menu > img, #menu > a, #menu > br{ order:4; }
}