:root{
--maxWidth:1440px;	
--bgcolor:#f5f5f5;
--headbgcolor:#4720E7;
--sidebgcolor:#03a9f4;
--headfontcolor:#fff;
--btncolor:#213EAD;
--btnfontcolor:#fff;
--theme-color:#006490;
--sidebgrepeat:repeat;
--sidebgposition:top;
--sidebgfile:url();
--headbgrepeat:repeat;
--headbgposition:top;
--headbgfile:url();
}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; list-style:none; border:0; margin:0; padding:0; text-decoration:none}
#pagemin{position:relative; letter-spacing:1px}
body{color:#444;font-size:15px;font-family:Arial, "文泉驛正黑", "WenQuanYi Zen Hei","微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif; letter-spacing:1px; line-height:1.6}
.bgbody{background:var(--bgcolor);}
.hadebody{  background:var(--headbgcolor) var(--headbgrepeat) var(--headbgposition) var(--headbgfile) ; background-size:var(--headbgsize); padding:20px 10px;color:var(--headfontcolor); font-size:24px;box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%);}
.maxWidth{max-width:var(--maxWidth); margin:0 auto;}
.headelink{display: table; width:100%}
.fb_tem{margin:10px 0; text-align:center}
.toolpc{display:flex; justify-content:center; align-items:center}
.toolpc a,.toolpc .wechaticon{margin:10px; cursor:pointer}
.toolpc a.selfURL{ display:inline-block; background:#fff; border-radius:5px; color:var(--sidebgcolor); padding:2px 5px 0 5px; font-family:fantasy; font-weight:700}
.loading{text-align:center; padding:5px}
.loading a{color:#fff; background:#03a9f4; font-size:18px; padding:5px 30px; border-radius:8px; font-family:unset}
.loading a:hover{opacity:.7}
.titleh1{display:flex; align-items:center;color:var(--headfontcolor); }
.title_text{font-size:48px; font-weight:700; line-height:1.5}
.weblogo{ flex:1; max-width:120px}
.weblogo img{display:block; vertical-align:bottom; max-width:100%}
.headname{padding:0 0 0 10px; flex:6}
.headname span{font-size:16px; display:block; line-height:1.5;}
.pagemain img{max-width:100%}
.mainbox{display:flex;justify-content: space-between; flex-direction: row-reverse ; margin:10px auto; min-height:80vh; font-size:16px}
.article{flex:0 0 calc(100% - 290px);padding:10px; overflow: auto}
#homebgimg{ background:var(--homebgcolor) var(--homebgrepeat) var(--homebgposition) var(--homebgfile) ; background-size:var(--homebgsize);}
address{font-style:normal !important}
#nav ul{background:#fff; padding:5px; border-radius:8px; border:#A4A4A4 1px solid; margin:10px}
#nav li a{font-size:18px; display:block; color:var(--btnfontcolor); background:var(--btncolor); border-radius:8px; padding:8px; text-align:center}
#nav li{padding:8px 0}
#nav li a:hover{opacity:.7}

.AB_asl1{padding:10px}
p.h1{font-size:18px; font-weight:700; letter-spacing:2px; line-height:1.6; color:#014FC7; padding:5px 0}
.about_ps{margin:30px 0 0 0}
.about_ps_1{font-size:16px; font-weight:700; letter-spacing:2px; line-height:1.6; color:#A00000; padding:15px 0}
.about_ps_div{padding:20px 10px; border-top:2px solid #2B2B2B}
.about_ps_ul{display:flex; width:100%}
.about_ps_2{font-weight:700; padding:0 15px}
.about_ps_3{ font-size:17px; padding:8px 15px; color:#A00000; pause-before:700}
.about_ps_ul li{flex:1; padding:0 10px; text-align:center; font-weight:700; letter-spacing:1px; font-size:21px;}
.about_ps_ul li span{display:block; color:#fff; background:#B0B0B0; padding:15px; border-radius:10px; border:4px double #fff; cursor:pointer;}
.about_ps_ul li span.Noask{background:#CD3F00; box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 20%)}
.Noask::before{content:'V';margin:0 5px 0 0}
.aboutbtn{display:table; margin:35px auto 0 auto;border-radius:10px; border:4px double #fff; cursor:pointer; padding:20px 30px; font-size:16px; line-height:5px; color:#fff; background:#EF7A21}
.aboutbtn:hover,.about_ps_ul li span:hover{opacity:.7}

.pageurl{font-size:12px; margin:0 0 15px 0; color:#888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pageurl a{color:#000; display:inline-block; padding:2px 3px}
.abinfo{background:#fff; padding:5px; border-radius:8px; border:#A4A4A4 1px solid; margin:10px}
.abinfo h2{font-size:18px; padding:8px}
.abinfo li a{font-size:15px; display:block; padding:5px 8px; border-bottom:1px dotted #979797; color:#222}
.abinfo li a:hover{background:#F3F3F3;}

#articlenav .AB_asl1 img{max-width:100%; display:block; vertical-align:bottom;  margin:0 auto}
.callLink h2{font-size:18px}
.callLink li a{display:inline-block; color:#444; padding:5px 10px; font-size:16px; color:#039}
.callLink li a:hover{color:#000}
.bordernot{border:none !important}
.pagemain{ padding:0 0 15px 0; font-size:16px; margin:0 0 15px 0; border-bottom:1px solid #AAAAAA; word-break:break-all; letter-spacing:1px; line-height:1.7}
.pagemain:last-child{border:none}
.img550{max-width:100%; display:block; float:none; margin:5px auto}	
.img_ul{width:100%; display:flex; justify-content:center; padding:10px}
.img_ul li{flex:1; padding:5px 10px; display:flex; justify-content:center}
ol.service{padding:10px}
ol.service li{padding:5px}
ol.service li::before{content:attr(art)}
.img_ul img{max-width:100%}
.pageh2{font-size:24px; color:#333;}
.pageh2_s{font-size:14px;display:inline-block; color:#111; padding:0 0 0 10px; font-weight:700}
.typeover a{padding:0 2px; color:#444}
.pageh2::before{content:''; display:inline-block; background:#333; width:15px; height:15px; border-radius:100%; margin:0 5px 0 0}
.pagemain .pageh2{padding:2px 10px}
.pageh2_{display:inline-block}

.orgUl{width:100%; border:1px solid #ddd; background:#F7F7F7}
.orgUl .orgUl_li:nth-of-type(odd){background:rgba(0,0,0,.05)}
.orgUl_li{display:flex; width:100%; letter-spacing:1px; line-height:1.6; font-size:15px; padding:0 10px; align-items:center}
.orgUl_li .org_name{flex:0 0 180px; font-weight:800; padding:5px 3px}
.orgUl_li .org_intro{flex:0 0 calc(100% - 180px); border-left:1px solid #ddd; padding:5px 3px}
.orgUl_li .org_intro a{color:#000}
.orgUl_li .org_intro a:hover{color:#222}
.orgUl_li_hig{padding:0.95rem 10px}
.orgUl_li .seeolink_ a{color:#444 !important}
.orgUl_li .org_intro a.look::after{content:'\261E'}

.homeorg{background:#03a9f4; box-shadow:0 0.2rem 0.4rem rgb(0 0 0 / 50%)}
.sendorg{width:100%; border:1px solid #ddd; background:#F7F7F7}
.sendorg dd{display:flex; width:100%; letter-spacing:1px; line-height:1.6; font-size:15px; padding:0 10px; align-items:center}
.sendorg .orgName{flex:0 0 100px; font-weight:800; padding:8px 3px}
.sendorg .orgName::before{content:'*'; color:#f00}
.sendorg .noorgName::before{content:''}
.sendorg dd:nth-of-type(odd){background:rgba(0,0,0,.05)}
.sendorg .orgtext{flex:0 0 calc(100% - 100px); border-left:1px solid #ddd; padding:8px 3px}
.sendorg dt{font-weight:bold}
.sendorg .int01{padding:3px; border:1px solid #BBBBBB; width:100%}
.sendorg .int02{padding:3px; border:1px solid #BBBBBB; width:50%; margin:0 5px 0 0}
.sendorg .tex1{padding:3px; border:1px solid #BBBBBB; width:100%; height:120px}
.sendorg .int03{padding:3px; border:1px solid #BBBBBB; width:60px}
.sendorg .intk{padding:3px; border:1px solid #BBBBBB; width:100px; margin:2px 5px 2px 0}
.sendorg .orgtext s{color:#000; font-size:12px}
.sendorg p{color:#444; font-size:12px}
.sendorg .noorgName{line-height:1.2}
.noorgName s{color:#444; font-size:12px; display:inline-block}
#onbutton{font-size:15px; padding:5px 8px; background:#be0c0f; color:#fff; border-radius:3px; cursor:pointer; margin:0 0 0 5px}
#onbutton:hover{opacity:.7}
.sendorg img{width:20px; margin:0 0 0 3px; vertical-align:middle}
.sendOK{padding:10px; font-size:14px; text-align:center; color:#000; font-weight:700}
.sendOK input{ display:table; padding:2px 15px; font-size:16px; color:#fff; letter-spacing:2px; margin:5px auto; background:#be0c0f; border-radius:5px; cursor:pointer}
.sendOK input:hover{opacity:.7}

h1#h1{font-size:24px; padding:5px 10px; letter-spacing:2px}
h1#h1::before{content:''; display:inline-block; background:#333; width:15px; height:15px; border-radius:100%; margin:0 5px 0 0}
p.brief{padding:0 10px 20px 17px; font-size:16px;}
figcaption{text-align:center; font-size:12px}
.postfile_DL{font-size:15px; color:#333; padding:5px}
.postfile_DL img{vertical-align:middle; margin:0 3px}
.postfile_DL a{color:#A70003; text-decoration:underline}

.listpage{width:100%; padding:20px 0}
.listpage li.list_li{display:flex; width:100%; margin:5px 0; background:#FFFFFF;box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%); padding:5px; position:relative}
.listpage .postlist_pic{flex:0 0 120px; font-size:12px; display:flex; justify-content:center; align-items:center}
.listpage .postlist_pic img{max-width:100%;}
.listpage .postlist_min{flex:0 0 calc(100% - 120px); padding:2px 0 2px 10px; word-break:break-all}
.listpage .postlist_min h2{line-height:1}
.listpage .postlist_min h2 a{font-size:16px; color:#222;}
.listpage .postlist_min p{font-size:14px; color:#444}
.listpage li.list_li:hover{background:#F9F9F9}
.listpage li.list_li:hover a::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%}
.listpage li.list_li:hover a{color:#0356C5}
.overpost{font-size:24px; padding:50px 0; text-align:center; color:#f00; font-weight:700}


.News_listpage{width:100%; padding:20px 0}
.News_listpage li{display:flex; width:100%; margin:8px 0; background:#FFFFFF;box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 6%); padding:5px; position:relative}
.News_listpage .postlist_pic{flex:1;}
.News_listpage .postlist_pic img{max-width:100%;}
.News_listpage .postlist_min{flex:4; padding:0 0 0 15px; word-break:break-all}
#post-001  .postlist_min{flex:2}
.News_listpage .postlist_min h2{line-height:1}
.News_listpage .postlist_min h2 a{font-size:16px; color:#222;}
.News_listpage .postlist_min p{font-size:14px; color:#444}
.News_listpage li:hover{background:#F9F9F9}
.News_listpage li:hover a::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%}
.News_listpage li:hover a{color:#0356C5}

#articlenav{flex:0 0 270px; background:var(--sidebgcolor) var(--sidebgrepeat) var(--sidebgposition) var(--sidebgfile) ; background-size:var(--sidebgsize); border-right:1px solid #A2A2A2}

#foot{padding:20px; font-size:13px; color:#fff; background:#000; text-align:center}
#foot a{color:#fff}


.fb_tem{ display:table; margin:18px auto}
.iframecontainer {   position: relative; width: 100%;  height: 0; padding-bottom: 56.25%;}
.video {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
@media (max-width: 760px){
.maxWidth{width:100%}	
.hadebody{padding:10px 70px 10px 10px}	
.mainbox,.titleh1{flex-direction: column}	
.titleh1{align-items:baseline}
.weblogo{max-width:100%;display:flex; align-items:flex-start;}
.headname{max-width:100%; padding:0}
.headname h1,.title_text{font-size:21px; padding:8px 0 0 0}	
.pagemain{font-size:14px}
#nav{position:absolute; top:0; right:0}
.sendorg .int02{width:100%; margin:0}
.menu-box{text-align:right}
.menu-btn {cursor: pointer;width: 30px;height: 30px;display: inline-block; margin:25px 12px 0 0}
.navbox{ width:100vw; height:100vh; background:#000000b5; padding:0 15px}
.line-1,.line-2,.line-3 {border-top: 2px solid #fff;display: block;transition: margin 0.5s, transform 0.5s;width: 25px;}

.line-2 {margin: 5px 0;}

.navbox .line-1 {transform: rotate(45deg);margin: 0;}

.navbox .line-3 {transform: rotate(-45deg);margin: 0;}

.navbox .line-2 {margin: -2px 0;opacity: 0;}

.img_ul{flex-direction:column}
#nav ul{background: none; border-radius:0; border: none; margin:0; display:none}
.navbox ul{display:block !important; overflow:auto; max-height:calc(100vh - 100px)}
#nav li a{font-size:18px; display:block; color:#fff; background:#213EAD; border-radius:8px; padding:8px; text-align:center}
#nav li{padding:8px 0}
#articlenav{background:var(--bgcolor); border-right: none}
.orgUl_li{ padding:0 5px;font-size:0.9rem;}
.orgUl_li .org_name{flex:0 0 110px}
.orgUl_li .org_intro{flex:0 0 calc(100% - 110px);}
.orgUl_li_hig{padding:0.95rem 5px}
}