@charset "utf-8";
body{ position:relative; overflow-x: hidden; }

.linebg{ background-image:url(../images/index/bg_line.png); position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:30; pointer-events: none; }

.bgblock{ position:absolute; top:700px; left:0; z-index:3; width:100%; overflow:hidden; height:calc(100% - 700px); }
.bg3dblock{ position:relative; top:0; left:0; width:100%; height:100vh; margin:auto; }
.bg3dblock>*{ transition:all 0.6s; animation-timing-function:cubic-bezier(0,0,0.58,1); }
.bg3dblock .bg_radius01{ width:900px; height:900px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:10%; right:-10%; }
.bg3dblock .bg_radius02{ width:50px; height:50px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:39%; right:7%; }
.bg3dblock .bg_radius03{ width:83px; height:83px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:50%; right:-2%; }
.bg3dblock .bg_radius04{ width:130px; height:130px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:59%; right:30%; }
.bg3dblock .bg_radius05{ width:420px; height:420px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:33%; left:25%; }
.bg3dblock .bg_radius06{ width:34px; height:34px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:50%; left:40%; }
.bg3dblock .bg_radius07{ width:230px; height:230px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:55%; left:-5%; }
.bg3dblock .bg_radius08{ width:326px; height:326px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:43%; left:2%; }
.bg3dblock .bg_radius09{ width:83px; height:83px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:54%; left:16%; }
.bg3dblock .bg_radius10{ width:56px; height:56px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:51%; left:5%; }
.bg3dblock .bg_radius11{ width:30px; height:30px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:13%; left:4%; }
.bg3dblock .bg_radius12{ width:12px; height:12px; background:#ffc68e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:15%; left:8%; }

.bg3dblock.type03 .bg_radius01{ width:800px; height:800px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-5%; right:-10%; }
.bg3dblock.type03 .bg_radius02{ width:530px; height:530px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-15%; left:23%; }
.bg3dblock.type03 .bg_radius03{ width:150px; height:150px; background:rgba(0,0,0,0.05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-5%; left:-3%; }
.bg3dblock.type03 .bg_radius04{ width:320px; height:320px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:-8%; left:2%; }
.bg3dblock.type03 .bg_radius05{ width:78px; height:78px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:3%; left:16%; }
.bg3dblock.type03 .bg_radius06{ width:52px; height:52px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:9%; left:6%; }
.bg3dblock.type03 .bg_radius07{ width:34px; height:34px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:5%; left:38%; }
.bg3dblock.type03 .bg_radius08{ width:82px; height:82px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:8%; right:27%; }
.bg3dblock.type03 .bg_radius09{ width:220px; height:220px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:10%; right:-3%; }
.bg3dblock.type03 .bg_radius10{ width:46px; height:46px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:24%; right:6%; }
.bg3dblock.type03 .bg_radius11{ width:54px; height:54px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; bottom:34%; right:4%; }
.bg3dblock.type03 .bg_radius12{ width:78px; height:78px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:27%; left:-1%; }
.bg3dblock.type03 .bg_radius13{ width:28px; height:28px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:45%; left:2%; }
.bg3dblock.type03 .bg_radius14{ width:14px; height:14px; background:#ffbf7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:47%; left:5%; }
.bg3dblock.type03 .bg_radius15{ width:84px; height:84px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:27%; left:-1%; }

.pagetopbox{ height:700px; background:#0b386b; position:relative; }
.pagetopbox:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:-1px; margin:auto; height:170px; background-image:url(../images/page/banner_bg.svg); background-position:center bottom; background-repeat:no-repeat; background-size:100%; z-index:20; }
.pagetopbox .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;  }
.pagetopbox .bgs .bg01{ background-image:url(../images/page/banner_top.png); background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; position:absolute; z-index:6; top:0; bottom:0; left:0; right:0; margin:auto; }
.pagetopbox .bgs .bg02{ position:absolute; z-index:4; top:0; bottom:0; left:0; right:0; margin:auto;
background: -moz-linear-gradient(left,  rgba(14,143,155,1) 0%, rgba(14,143,155,1) 10%, rgba(14,143,155,0) 75%, rgba(14,143,155,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(14,143,155,1) 0%,rgba(14,143,155,1) 10%,rgba(14,143,155,0) 75%,rgba(14,143,155,0) 100%); 
background: linear-gradient(to right,  rgba(14,143,155,1) 0%,rgba(14,143,155,1) 10%,rgba(14,143,155,0) 75%,rgba(14,143,155,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8f9b', endColorstr='#000e8f9b',GradientType=1 ); }
.pagetopbox .bgs .bg03{ position:absolute; z-index:3; top:0; bottom:0; left:0; right:0; margin:auto; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; opacity: 0.2; background-attachment: fixed; }
.pagetopbox .bgs .bg03.bg_about{ background-image: url(assets/images/page/banner.jpg); }
.pagetopbox .bgs .bg04{ position:absolute; z-index:5; top:0; bottom:0; left:0; right:0; margin:auto; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-image:url(../images/page/banner_bottom.png);opacity: 0.6; }
.pagetopbox .bgradius{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; z-index:21; pointer-events: none; overflow:hidden; }
.pagetopbox .bgradius .radius01{ position:absolute; bottom:37%; left:-0.5%; width:15px; height:15px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius02{ position:absolute; bottom:35%; left:3%; width:12px; height:12px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius03{ position:absolute; bottom:42%; left:6%; width:8px; height:8px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius04{ position:absolute; bottom:7%; left:44%; width:8px; height:8px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius05{ position:absolute; bottom:24%; right:14%; width:20px; height:20px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius06{ position:absolute; bottom:4%; left:28%; width:12px; height:12px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius07{ position:absolute; bottom:12%; right:7%; width:12px; height:12px; background:#0e8f9b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius08{ position:absolute; bottom:13%; left:4%; width:40px; height:40px; background:#08305e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius09{ position:absolute; bottom:12%; right:8.5%; width:46px; height:46px; background:#08305e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.pagetopbox .bgradius .radius10{ position:absolute; bottom:22%; right:4%; width:22px; height:22px; background:#08305e; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }

.pagetopbox .textbox{ max-width:1440px; margin:auto; padding:300px 20px 0 20px; position:relative; z-index:40; }
.pagetopbox .textbox .maintitle{ font-size:3.125rem; font-family: 'Noto Serif TC', serif; color:#fff; font-weight:bold; text-align:center; margin-bottom:35px; }
.pagetopbox .textbox .nav{ display:flex; justify-content: center; margin-bottom:45px; flex-wrap:wrap; }
.pagetopbox .textbox .nav span{ color:#fff; font-size:1rem; opacity: 0.7; margin-right:15px; }
.pagetopbox .textbox .nav span:last-child{ opacity:1; margin-right:0px; }
.pagetopbox .textbox .nav span:after{ content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; background-image:url(../images/page/nav_arrow.svg); background-position:center; background-repeat:no-repeat; margin-left:3px; }
.pagetopbox .textbox .nav a{ color:#fff; font-size:1rem; opacity: 0.7; margin-right:15px; }
.pagetopbox .textbox .nav a:after{ content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; background-image:url(../images/page/nav_arrow.svg); background-position:center; background-repeat:no-repeat; margin-left:3px; }
.pagetopbox .textbox .searchbox{ max-width:460px; padding:0 20px; margin:auto; }
.pagetopbox .textbox .searchbox .search_w{ background:#fff; display:flex; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px; }
.pagetopbox .textbox .searchbox .search_w .ibox{ flex:1; padding:0 5px; }
.pagetopbox .textbox .searchbox .search_w .i_input{ width:100%; background:none; line-height:30px; height:30px; border:none; }
.pagetopbox .textbox .searchbox .search_w .btns{ width:30px; height:30px; }
.pagetopbox .textbox .searchbox .search_w .btns button{ width:100%; height:30px; line-height:30px; background:#fff; border:none; cursor:pointer; background-image:url(../images/page/icon_search.svg); background-position:center; background-repeat:no-repeat; background-size:20px; }
.pagetopbox .textbox .signupbox{ text-align:center; }
.pagetopbox .textbox .signupbox .signbtn{ overflow:hidden; position:relative; display:inline-block; line-height:50px; background:#ff7f00; color:#fff; font-size:1.25rem; font-weight:500; max-width:184px; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.pagetopbox .textbox .signupbox .signbtn:before { content: ""; display:block; background:rgba(255,255,255,0.2); position: absolute; top: 0; bottom: 0; margin: auto; left:0; width:0%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; z-index:1; }
.pagetopbox .textbox .signupbox .signbtn.red{ background:#e35252 }
.pagetopbox .textbox .signupbox .signbtn.never{ background:#ccc; }

.pagetopbox.login{ height:880px; }
.pagetopbox.login:after{ display:none; }
.pagetopbox .posa{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:22; display:flex; align-items: center; justify-content: center; }
.pagetopbox .posa .loginbox{ max-width:440px; padding:0 20px; width:100%; margin:auto; }
.pagetopbox .posa .loginbox .bgs_w{ background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; }
.pagetopbox .posa .loginbox .bgs_w .title{ text-align:center; color:#052c59; font-size:1.875rem; font-weight:bold; padding:20px 0; font-family: 'Noto Serif TC', serif; }
.pagetopbox .posa .loginbox .bgs_w .pagebox{ padding:30px; background:#f5f5f5; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist{ margin-bottom:15px; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps{ border-bottom:1px solid #ccc; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t01{ font-size:1rem; font-weight:bold; color:#333; width:100%; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t02{ width:100%; display:flex; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t02 .longs{ flex:1; padding:0 0 0 15px; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t02 .longs .inputs{ background:none; border:none; line-height:42px; width:100%; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t02 .codeimg{ width:100px; height:42px; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .ps .t02 .codeimg img{ width:100%; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .rtxt{ text-align:right; font-size:0.875rem; color:#333; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .btn{ line-height:50px; color:#fff; background:#ff7f00; font-size:1.25rem; font-weight:bold; text-align:center; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; cursor:pointer; width:100%; display:block; border:none; position:relative; overflow:hidden; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .btn:before { content: ""; display: block; background: rgba(255,255,255,0.2); position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 0%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; z-index: 1;}
.pagetopbox .posa .loginbox .links{ display:flex; padding:20px 0 0 0; }
.pagetopbox .posa .loginbox .links .alink{ width:50%; font-size:1rem; color:#fff; text-align:center; position:relative; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.pagetopbox .posa .loginbox .links .alink:after{ content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; top:0; bottom:0; right:0; margin:auto; }
.pagetopbox .posa .loginbox .links .alink:last-child:after{ display:none; }

/*成員*/
.memberinfo{ display:flex; margin-left:-20px; flex-wrap:wrap; }
.memberinfo .grids{ display:flex; width:33.333334%; padding-left:20px; margin-bottom:40px; }
.memberinfo .grids .gs{ display:block; width:100%; background:#fff; box-shadow: 0 3px 8px rgba(0,0,0,0.2); padding:20px; }
.memberinfo .grids .imgs{ max-width:414px; margin:auto; width:100%; margin-bottom:20px; }
.memberinfo .grids .imgs .iphoto{ width:100%; padding-bottom:88%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.memberinfo .grids .title{ font-size:1rem; text-align:center; font-weight:500; margin-bottom:5px; }
.memberinfo .grids .joptxt{ font-size:0.75rem; color:#999; text-align:center; margin-bottom:15px; }
.memberinfo .grids .introduce{ margin-bottom:20px; }
.memberinfo .grids .introduce .ilist{ display:flex; align-items: baseline; margin-bottom:3px; }
.memberinfo .grids .introduce .ilist:last-child{ margin:0; }
.memberinfo .grids .introduce .ilist .i1{ font-size:0.875rem; color:#25486f; min-width:50px; }
.memberinfo .grids .introduce .ilist .i2{ font-size:0.875rem; color:#333; }
.memberinfo .grids .introduce .ilist .i2 a{ font-size:0.875rem; }
.memberinfo .grids .intxt{ line-height:1.6; font-size:0.875rem; }
.memberinfo .grids .intxt ul{ margin:0 0 0 20px; }
.memberinfo .grids .intxt ul li{ line-height:1.6; font-size:0.875rem; }  

/*知識通訊*/
.knowsflex{ display:flex; flex-wrap:wrap; margin-left:-20px; }
.knowsflex .grids{ padding-left:20px; width:20%; margin-bottom:40px; }
.knowsflex .grids .gs{ display:block; width:100%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.knowsflex .grids .gs .imgs{ width:100%; padding-bottom:96%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }
.knowsflex .grids .gs .texts{ padding:15px 0 0 0; text-align:center; font-size:1.25rem; color:#333; font-weight:300; }


/*會員專區*/
.seachbox{ display:flex; margin-bottom:45px; }
.seachbox .seachgrid{ margin-right:25px; display:flex; align-items: baseline; }
.seachbox .seachgrid:last-child{ margin:0; }
.seachbox .seachgrid .s1{ font-size:1rem; color:#333; }
.seachbox .seachgrid .s2{ flex:1; }
.seachbox .seachgrid .input{ height:48px; line-height:48px; background:#eeeeee; padding:0 15px; font-size:1rem; color:#333; width:100%; max-width:248px; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border: 1px solid #ddd; }
.seachbox .seachgrid .btns{ background:#ff7f00; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:1rem; min-width:70px; line-height:48px; height:48px; border:none; cursor:pointer; position:relative; overflow:hidden; }
.seachbox .seachgrid .btns:before{ content: ""; display: block; background: rgba(255,255,255,0.2); position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 0%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; z-index: 1; }
 
.pageblocks{ max-width:1440px; margin:40px auto 100px auto; padding:0 20px; display:flex; position:relative; z-index:31; }
.pageblocks.sm{ max-width:940px; }
.pageblocks .leftbox{ width:320px; padding-right:60px; }
.pageblocks .rightbox{ position: relative; flex:1; }
.pageblocks .rightbox .mrr_anchor{ position: absolute; top: -160px; }
.pageblocks .personalfile{ margin-bottom:15px; border:1px solid #eee; padding:15px; background: rgba(254,254,254, 0.5); backdrop-filter: blur(3px); }
.pageblocks .personalfile .h1{ font-size:1.5rem; font-weight:bold; text-align:center; color:#052c59; margin-bottom:10px; }
.pageblocks .personalfile .txt{ font-size:0.875rem; color:#777; font-weight:300; margin-bottom:5px; text-align:center; word-break: break-all; }
.pageblocks .leftmenu{ width:100%; }
.pageblocks .logout{ border:1px solid #ff7f00; color:#ff7f00; line-height:36px; display:block; text-align:center; font-size:0.875rem; margin-top:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; }
.pageblocks .prelist{ padding:10px 0; border-bottom:1px solid #ccc; font-size:1rem; display:block; padding-left:30px; position:relative; color:#333; }
.pageblocks .prelist:before{ content:""; display:block; width:10px; height:10px; background-image: url(../images/layout/i_arrow.svg); position:absolute; left:10px; top:19px; }
.pageblocks .prelist.hold{ color:#ff7f00; }
.pageblocks .prelist:nth-last-child(2){ border:none; }


.pageblocks .formblock{ max-width:900px; margin:auto; }
.pageblocks .formtitle{ font-size:1.5rem; color:#052c59; font-weight:bold; margin-bottom:20px; }
.pageblocks .formdate{ background: #113a6e; padding: 10px; color: #fff; font-size: 1.25rem; font-weight: 500; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom:15px; }

.pageblocks .formbox{ position: relative; width:100%; background:#fff; box-shadow: 0 0 7px rgba(0,0,0,0.2); padding-bottom:60px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
.pageblocks .formbox .title{ background:#f5f5f5; padding:10px 30px; color:#052c59; font-weight:bold; font-size:1.25rem; }
.pageblocks .formbox .flist{ padding:0 30px; margin-bottom:30px; }
.pageblocks .formbox .flist:last-child{ margin:0; }
.pageblocks .formbox .flist .list{ padding:20px 0; border-bottom:1px solid #ccc; width:100%; }
.pageblocks .formbox .flist .list .mntxt{ font-size:1rem; color:#333; font-weight:300; line-height:1.6; }
.pageblocks .formbox .flist .list .mntitle{ color:#333; font-size:1rem; font-weight:bold; margin-bottom:5px; }
.pageblocks .formbox .flist .list .mntitle .red{ color:#F00; }
.pageblocks .formbox .flist .list .mnflex{ display:flex; padding:0 10px; flex-wrap:wrap; }
.pageblocks .formbox .flist .list .mnflex .f1{ flex:1; }
.pageblocks .formbox .flist .list .mnflex .f2{ width:20%; }
.pageblocks .formbox .flist .list .mnflex .f3{ flex:1; }
.pageblocks .formbox .flist .list .mnflex .f4{ padding:0 10px; font-size:1rem; color:#333; }
.pageblocks .formbox .flist .list .mnflex .f6{ flex:1; }
.pageblocks .formbox .flist .list .mnflex .input{ line-height:30px; background:#fff; border:none; font-size:1rem; color:#333; width:100%; font-weight:300; }
.pageblocks .formbox .flist .list .mnflex .input.wh01{ width:60px; text-align:center; }
.pageblocks .formbox .flist .list .mnflex .textareas{ width:100%; height:80px; resize:none; background:#fff; border:none; font-size:1rem; color:#333; font-weight:300; }
.pageblocks .formbox .flist .list .mnflex .rtxt{ font-size:0.75rem; color:#aaa; }
.pageblocks .formbox .flist .list .mnflex label{ margin-right:30px; display:inline-block; font-weight:300; }
.pageblocks .formbox .flist .list .retext{ font-size:0.75rem; color:#F00; }
.pageblocks .formbox .flist .list .jkflex{ padding:0 10px; }
.pageblocks .formbox .flist .list .jkflex .jks{ display:flex; margin:0 0 15px 0; }
.pageblocks .formbox .flist .list .jkflex .jks:last-child{ margin:0; }
.pageblocks .formbox .flist .list .jkflex .jks .j1{ min-width:130px; font-size:1rem; color:#333; }
.pageblocks .formbox .flist .list .jkflex .jks .j2{ flex:1px; padding:0 0 0 10px; }
.pageblocks .formbox .flist .list .jkflex .jks .j2 label{ margin-right:30px; display:inline-block; font-weight:300; }
::placeholder { color:#ccc; font-weight:300; }
::-webkit-input-placeholder { color:#ccc; font-weight:300;}
:-ms-input-placeholder { color:#ccc; font-weight:300;}
::-moz-placeholder { color:#ccc; opacity: 1; font-weight:300; }

.pageblocks .formbox .flist .gbox{ margin-left:-25px; display:flex; flex-wrap:wrap; }
.pageblocks .formbox .flist .grids{ width:50%; padding-left:25px; display:flex; }
.pageblocks .formbox .flist .grids.long{ width:100%; }
.pageblocks .formbox .flist .list .mndate{ max-width:280px; width:100%; display:flex; }
.pageblocks .formbox .flist .list .mndate .m1{ flex:1; }
.pageblocks .formbox .flist .list .mndate .m2{ width:25px; margin-left:10px; cursor:pointer; }

.pageblocks .formbox .flist .tables{ display:table; width:100%; margin-top:30px; }
.pageblocks .formbox .flist .tables .tr{ display:table-row; }
.pageblocks .formbox .flist .tables .th{ display:table-cell; vertical-align:middle; background:#113a6e; padding:15px; color:#fff; font-size:1rem; font-weight:300; white-space:nowrap; }
.pageblocks .formbox .flist .tables .td{ display:table-cell; vertical-align:middle; padding:15px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; }
.pageblocks .formbox .flist .tables .tr:nth-child(odd) .td{ background:#f2f2f2; }
.pageblocks .formbox .flist .tables .td .funs{ display:flex; }
.pageblocks .formbox .flist .tables .td .funs .fbtn{ line-height:25px; background:#ccc; padding:0 5px; display:block; margin:0 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:1rem; white-space:nowrap; }
.pageblocks .formbox .flist .tables .td .funs .fbtn.del{ background:#f9aaaa; color:#333; text-decoration:none; }

.pageblocks .formbox .flist .tables .td .input{ border:1px solid #ddd; line-height: 30px; background: #fff; font-size: 1rem; color: #333; width: 100%; font-weight: 300; }
.pageblocks .formbox .flist .tables .td a{ color:#113a6e; text-decoration:underline; font-weight: 300; }

.pageblocks .formbox .downbox{ padding:10px 30px; }
.pageblocks .formbox .downbox .downlist{ background:#f5f5f5; padding:10px; display:flex; align-items: center; margin-bottom:5px; }
.pageblocks .formbox .downbox .downlist:last-child{ margin-bottom:0px; }
.pageblocks .formbox .downbox .downlist .dicon{ width:30px; height:30px; background-image:url(../images/page/icon_down.svg); background-size:20px; background-position:center; background-repeat:no-repeat; }
.pageblocks .formbox .downbox .downlist .dtxt{ flex:1; padding:0 0 0 10px; font-size:0.875rem; }

.pageblocks .formbtn{ padding:50px 0 0 0; text-align:center; }
.pageblocks .formbtn .btns{ display:inline-block; vertical-align: middle; margin:0 20px; line-height:50px; color:#fff; font-size:1.125rem; cursor:pointer; border:none; background:#ff7f00; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:0 25px; position:relative; overflow:hidden; }
.pageblocks .formbtn .btns:before{ content: ""; display: block; background: rgba(255,255,255,0.2); position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 0%; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; z-index: 1; }
.pageblocks .formbtn .btns.cls{ background:#777; }
.pageblocks .formbtn .btns.red{background:#e35252; cursor:default;}
.pageblocks .formbtn .btns.never{background:#ccc; cursor:default;}


/* 新訊 排序 */
.pageblocks .rightbox.rightbox_hor{ max-width: 100%; }
.hor_box { overflow-y: hidden; height:55px; }
.hor_box .range { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding-bottom: 10px; }
.hor_box .range .sortgrids { display: inline-block !important; text-decoration: none; }
@media screen and (max-width: 767px ) {
	.hor_box{ height:46px; }
}

/*新訊*/
.newssort{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; margin-bottom:50px; position:relative; }
.newssort .grids{ display:block; line-height:45px; height:45px; padding:0 10px; background:#eee; color:#777; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:5px 3px; }
.newssort .grids.hold{ background:#ff7f00; color:#fff; }

.newsbox{ display:flex; flex-wrap:wrap; margin-left:-24px; margin-bottom:40px; }
.newsbox .grids{ padding-left:24px; padding-bottom:24px; display:flex; width:25%; }
.newsbox .grids .gs{ width:100%; display:flex; background:#fff; flex-wrap:wrap; box-shadow: 0 3px 8px rgba(0,0,0,0.2); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; position:relative; }
.newsbox .grids .gs .gimg{ width:100%; }
.newsbox .grids .gs .gimgs{ width:100%; padding-bottom:78%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }
.newsbox .grids .gs .gtext{ padding:25px; width:100%; }
.newsbox .grids .gs .gtext .title{ font-size:1rem; margin-bottom:5px; line-height:1.6; }
.newsbox .grids .gs .gtext .bsort{ display:flex; margin-bottom:8px; flex-wrap:wrap; }
.newsbox .grids .gs .gtext .bsort .bbs{ border:1px solid #25486f; color:#25486f; font-size:0.75rem; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; line-height:20px; padding:0 7px; margin:2.5px 5px 2.5px 0; }
.newsbox .grids .gs .gtext .date{ font-size:0.75rem; color:#777; margin-bottom:8px; }
.newsbox .grids .gs .gtext .text{ font-size:0.75rem; color:#333; line-height:1.8; }

.newsbox .grids.frist{ width:100%; padding-bottom:50px; }
.newsbox .grids.frist .gs{ background:none; box-shadow:none; align-items: center; position:relative; }
.newsbox .grids.frist .gs .gimg{ width:calc(50% - 12px); }
.newsbox .grids.frist .gs .gtext{ width:auto; flex:1; padding:0 0 0 50px; position:relative; }
.newsbox .grids.frist .gs .gtext .title{ font-size:2.188rem; font-family: 'Noto Serif TC', serif; font-weight:700; position:relative; z-index:2; }
.newsbox .grids.frist .gs .gtext .bsort .bbs{ line-height:27px; font-size:1rem; padding:0 10px; position:relative; z-index:2; }
.newsbox .grids.frist .gs .gtext .date{ font-size:1rem; position:relative; z-index:2; }
.newsbox .grids.frist .gs .gtext .text{ font-size:1rem; color:#777; position:relative; z-index:2; }
.newsbox .grids.frist .gs .gtext:after{ content:""; opacity: 0; position:absolute; top:0; bottom:0; right:0; width:0%; background:rgba( 255,255,255,0.8 ); z-index:1; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  }

.newssort .btnright{ position:absolute; top:0; bottom:0; right:0; margin:auto; width: 30px; height: 30px; display: flex; align-items: center; background:#0e8f9b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.newssort .btnright .arrow{ width:12px; height:12px; position:relative; transform:rotate(45deg); left: 7px; }
.newssort .btnright .arrow:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; margin:auto; width:12px; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.newssort .btnright .arrow:after{ content:""; display:block; position:absolute; top:0; bottom:0; right:0; margin:auto; width:2px; height:12px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

.newssort .btnleft{ position:absolute; top:0; bottom:0; left:0; margin:auto; width: 30px; height: 30px; display: flex; align-items: center; background:#0e8f9b; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.newssort .btnleft .arrow{ width:12px; height:12px; position:relative; transform:rotate(45deg); left:11px; }
.newssort .btnleft .arrow:before{ content:""; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:12px; height:2px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
.newssort .btnleft .arrow:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto; width:2px; height:12px; background:#fff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

/*活動*/
.eventsflex{ display: flex; margin-left: -24px; flex-wrap:wrap; }
.eventsflex .fgrids{ padding-left:24px; padding-bottom:24px; width:25%; display:flex; }
.eventsflex .fgrids .fs{ background:#fff; width:100%; display:block; padding:0 0 60px 0; position:relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
.eventsflex .fgrids .fs .fimg{ width:100%; padding-bottom:106.5116%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; position:relative; }
.eventsflex .fgrids .fs .fimg:before{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.eventsflex .fgrids .fs .textbox{ padding:25px; }
.eventsflex .fgrids .fs .textbox .h1{ font-size:1.563rem; font-weight:500; color:#333; margin-bottom:20px; }
.eventsflex .fgrids .fs .textbox .txt{ font-size:0.875rem; color:#777; font-weight:300; line-height:1.8; }
.eventsflex .fgrids .fs .mores{ position:absolute; display:flex; bottom:40px; left:25px; align-items: baseline; }
.eventsflex .fgrids .fs .mores .m1{ font-size:1rem; font-weight:500; color:#ff7f00; margin-right:5px; letter-spacing:1px; }
.eventsflex .fgrids .fs .mores .m2{ width:30px; }
.eventsflex .fgrids .fs .mores .m2 img{ max-width:100%; }

.contentText{ max-width:900px; margin:auto; }
.contentText *{ font-weight:revert; font-size:inherit; color: revert; line-height: 1.8; }
.contentText a{ color:#ff7f00; text-decoration: underline; word-break: break-all; }
.contentText ul,.contentText ol{ margin:0 0 0 25px; }
.contentText img{ max-width:100%; }
.contentText .iframebox{ width:100%; position:relative; padding-bottom:56%; }
.contentText .iframebox iframe{ width:100%; height:100%; position:absolute; top:0; left:0; }
.contentText iframe{ max-width:100%; max-height:100%; }

.contentText .eventtime{ background:#113a6e; padding:10px; color:#fff; font-size:1.25rem; font-weight:500; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:30px; }
.contentText .remarktxt{ display:flex; align-items: baseline; }
.contentText .remarktxt .arrow{ width:0; height:0; border-color:transparent transparent #ff7f00 transparent; border-style:solid; border-width:0 6px 9px 6px; }
.contentText .remarktxt .txt{ flex:1; font-size:0.875rem; color:#777; padding:0 0 0 5px; }

.contentText .table{ display:table; width:100%; border-collapse: collapse; }
.contentText .table .tr{ display:table-row; }
.contentText .table .th{ display:table-cell; vertical-align:middle; border:1px solid #ccc; padding:10px; background:#052c59; color:#fff; width:130px; text-align:center; }
.contentText .table .td{ display:table-cell; vertical-align:middle; border:1px solid #ccc; padding:10px; background:#fff; color:#333; }

.aboutlink{ padding:100px 0 0 0; border-top:1px solid #ccc; margin-top:50px; }
.aboutlink .titles{ color:#052c59; font-size:2.188rem; text-align:center; font-weight:700; font-family: 'Noto Serif TC', serif; margin-bottom:75px; }

.cooflex{ position:relative; max-width: 900px; margin: auto; }
.cooflex .imgs{ width:70%; }
.cooflex .imgs img{ width:100%; vertical-align:middle; }
.cooflex .textbox{ background:rgba(255,255,255,0.8); padding:25px; position:absolute; width:60%; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.cooflex .textbox .hfont{ display:flex; margin-bottom:20px; align-items: center; }
.cooflex .textbox .h1{ font-size: 2.188rem; font-family: 'Noto Serif TC', serif; font-weight: 700; margin-right:20px; }
.cooflex .textbox .line{ height:1px; flex:1; background:#555; }
.cooflex .textbox .p_s{ font-size:1rem; color:#333; line-height:1.6; }
.cooflex .textbox .p_s .link{ font-size:1rem; color:#fff; background:#ff7f00; line-height:36px; padding:0 15px; display:inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/*頁碼*/
.page_numberbox{ display:flex; padding-top:20px; justify-content: space-between; }
.page_number{ position:relative; text-align:center; }
.page_number .btn{ display:inline-block; min-width:30px; padding:0; background-color:#f2f2f2; line-height:30px; height:30px; font-size:14px; color:#555; vertical-align:top; margin:0 2px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.page_number .btn.focus{ background-color:#ff7f00; color:#fff; font-weight:bold;}
.page_number .btn .fa{ line-height:28px;}
.page_number .btn.looking{ color:#ccc; border-color:#ddd; cursor:not-allowed;}
.page_number .quantity{ font-size:12px; color:#555; position:absolute; top:0; right:6px; line-height:30px;}
.page_number .quantity .fa{ padding-right:5px;}
.page_numtxt{ font-size:0.875rem; color:#aaa; font-weight:300; }

.page_numtxt .quantity{ font-size:0.875rem; color:#aaa; font-weight:300; }

/* news_list */
.page_numberbox .page_number .paginationjs{ flex-direction: column; }
.page_numberbox .page_number .paginationjs .paginationjs-pages{ text-align: center; }
.page_numberbox .page_number .paginationjs .page_numtxt{ text-align: center; }
.page_numberbox.page_none .page_number .paginationjs .paginationjs-pages{ z-index: 0; position: relative; opacity: 0; }
.page_numberbox.page_none .page_number .paginationjs .paginationjs-pages::after{ z-index: 1; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.page_numbe_sty{ display:flex; align-items: center; }
.page_numbe_sty .btnarrow{ opacity:1; width:34px; }
.page_numbe_sty .btnarrow img{ width:100%; }
.page_numbe_sty .pointbox{ flex:1; text-align:center;   }
.page_numbe_sty .pointbox .ptxt{ color:#777; font-size:0.75rem; letter-spacing:2px; padding:5px 0 0 0; cursor:default; }
.page_numbe_sty .pointbox .pbox{ font-size:0; }
.page_numbe_sty .pointbox .point{ display:inline-block; vertical-align:middle; line-height:5px; width:10px; background:#777; height:5px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; cursor:pointer; transition:all .3s; }
.page_numbe_sty .pointbox .point.hold{ background:#ff7f00; width:50px; } 

/*升學*/
.imgs.bg_scrollScale_box{ position:relative; width:33%; }
.imgs.bg_scrollScale_box::after{ content: ''; position: relative; display:block; padding-bottom:63%; }
.imgs.bg_scrollScale_box .bg_scrollScale{ transition:all .5s; position:absolute; top:0; left:0; width:100%; height:100%; background-size:auto 100%; background-position:center; background-repeat:no-repeat; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
.pagetopbox .textbox .nav a:hover{ opacity:1; }

.pagetopbox .textbox .signupbox .signbtn:hover:before{ width:100%; }

.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .btn:hover:before{ width:100%; }
.pagetopbox .posa .loginbox .links .alink:hover{ color:#ff7f00; }

/*新訊*/
.newssort .grids:hover{ color:#ff7f00; }
.newssort .grids.hold:hover{ color:#fff; }

.newsbox .grids .gs:hover{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); }
.newsbox .grids.frist .gs:hover{ transform:none; -webkit-transform:none; -moz-transform:none; }
.newsbox .grids.frist .gs .gtext:hover{ width:60%; position:absolute; transform:translateY(-50%); top:50%; right:0; padding:30px; }
.newsbox .grids.frist .gs .gtext:hover:after{ content:""; opacity:1; width:100%; }
.newsbox .grids.frist .gs .gtext:hover .title{ animation:opt 0.5s; }
.newsbox .grids.frist .gs .gtext:hover .bsort{ animation:opt 0.2s; }
.newsbox .grids.frist .gs .gtext:hover .date{ animation:opt 0.5s; }
.newsbox .grids.frist .gs .gtext:hover .text{ animation:opt 0.5s; }

.newsbox .grids.frist .gs .gimg:hover + .gtext{ width:60%; position:absolute; transform:translateY(-50%); top:50%; right:0; padding:30px; }
.newsbox .grids.frist .gs .gimg:hover + .gtext:after{ content:""; opacity:1; width:100%; }
.newsbox .grids.frist .gs .gimg:hover + .gtext .title{ animation:opt 0.5s; }
.newsbox .grids.frist .gs .gimg:hover + .gtext .bsort{ animation:opt 0.2s; }
.newsbox .grids.frist .gs .gimg:hover + .gtext .date{ animation:opt 0.5s; }
.newsbox .grids.frist .gs .gimg:hover + .gtext .text{ animation:opt 0.5s; }

@keyframes opt{
	0%{ opacity:1; }
	50%{ opacity:0.5; }
	100%{ opacity:1; }
}

/*活動*/
.eventsflex .fgrids .fs:hover{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,0.2); }

/*知識通訊*/
.knowsflex .grids .gs:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); }

/*會員專區*/
.pageblocks .formbtn .btns:hover:before{ width:100%; }
.seachbox .seachgrid .btns:hover:before{ width:100%; }

.pageblocks .formbox .flist .tables .tr:hover .td{ background:#d3ecff; }

/*成員*/
.memberinfo .grids .gs:hover .imgs .iphoto{ padding-bottom:0%; }


}


/*================================●●●●●●●●●●●●電腦●●●●●●●●●●●●================================*/
@media screen and (max-width:1200px){
/*會員專區*/
.seachbox .seachgrid .input{ line-height:36px; height:36px; }
.seachbox .seachgrid .btns{ height:36px; line-height:36px; }

.pageblocks .formbox .flist .tables{ display:block; }
.pageblocks .formbox .flist .tables .tr{ display:block; background:#f2f2f2; margin-bottom:25px; position:relative; }
.pageblocks .formbox .flist .tables .tr:before{ content:""; display:block; width:100%; height:3px; position:absolute; top:0; left:0; right:0; background: rgb(5,44,89);
background: -moz-linear-gradient(left,  rgba(5,44,89,1) 0%, rgba(14,143,155,1) 100%);
background: -webkit-linear-gradient(left,  rgba(5,44,89,1) 0%,rgba(14,143,155,1) 100%);
background: linear-gradient(to right,  rgba(5,44,89,1) 0%,rgba(14,143,155,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052c59', endColorstr='#0e8f9b',GradientType=1 ); }
.pageblocks .formbox .flist .tables .tr.spnone{ display:none; }
.pageblocks .formbox .flist .tables .td{ display:flex; border-bottom:2px solid #fff; }
.pageblocks .formbox .flist .tables .td:before{ content:attr(data-title); min-width:70px; color:#052c59; font-weight:bold; margin-right:15px; }
	
/*頁碼*/
.page_numberbox{ display:block; }
.page_numtxt{ padding:10px 0 0 0; text-align:center; }
}

/* news_list */
.page_numberbox{ flex-wrap: wrap; }
.page_numberbox .page_number.news_number{ width: 100%; }
.page_numberbox .page_number .paginationjs{ display: flex; flex-direction: row; }
.page_numberbox .page_number .paginationjs .paginationjs-pages{ flex: 1; text-align: left; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul{}
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li{ display: inline-block; margin-left: 4px; cursor: pointer; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li:first-child{ margin-left: unset; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li:last-child{ margin-left: 4px !important; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li a{ display: inline-block; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-prev a,
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-next a,
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-page a{ min-width: 30px; padding: 0; background-color: #f2f2f2; line-height: 30px; height: 30px; font-size: 14px; color: #555; vertical-align: top; margin: 0 2px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-page.active a{ background-color: #ff7f00; color: #fff; font-weight: bold; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-next.disabled a,
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li.paginationjs-prev.disabled a{ color: #ccc; border-color: #ddd; cursor: not-allowed; }

.page_numberbox .page_number .paginationjs .paginationjs-nav{ text-align: right; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.pagetopbox .textbox .maintitle{ font-size:2.625rem; }

/*成員*/
.memberinfo .grids{ width:50%; }

/*知識通訊*/
.knowsflex .grids{ width:33.33334%; }

/*會員專區*/
.seachbox{ display:block; }	
.seachbox .seachgrid{ width:100%; margin-bottom:15px; }
.seachbox .seachgrid:last-child{ margin:0; }
.seachbox .seachgrid .input{ max-width:none; }
.seachbox .seachgrid .btns{ width:100%; }

.pageblocks .leftbox{ width:280px; }
.pageblocks .rightbox .mrr_anchor{ position: absolute; top: -115px; }

.pageblocks .formbox .flist .grids{ width:100%; }
.pageblocks .formbox .flist .list .mnflex .f2{ width:33.333334%; }
.pageblocks .formbox .flist .list .mnflex .f3{ flex:none; width:100%; padding:10px 0 0 0; }
.pageblocks .formbox .flist .list .mnflex .f6{ width:100%; flex:none; }

.newsbox .grids.frist .gs .gtext{ padding:0 0 0 20px; }
.newsbox .grids.frist .gs .gtext .title{ font-size:1.5rem; }
.newsbox .grids.frist .gs .gtext .bsort .bbs{ font-size:0.875rem; line-height:24px; padding:0 8px; }
.newsbox .grids.frist .gs .gtext .date{ font-size:0.875rem; }
.newsbox .grids.frist .gs .gtext .text{ font-size:0.875rem; }

/*新訊*/
.newsbox .grids{ width:33.33334%; }
.newsbox .grids.frist .gs{ align-items: flex-start; }
.newsbox .grids.frist .gs .gimg{ width:60%; }

/*活動*/
.eventsflex .fgrids{ width:50%; }

}

@media screen and (max-width:850px){
.newsbox .grids{ width:50%; }
}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
	
.bgblock{ top:100vh; height: calc(100% - 100vh); }	
.bg3dblock .bg_radius01{ width:300px; height:300px; top: 8%; }
.bg3dblock .bg_radius02{ top:25%; right: -1%; }
.bg3dblock .bg_radius03{ width:36px; height:36px; }
.bg3dblock .bg_radius04{ width:80px; height:80px; right: 10%; }
.bg3dblock .bg_radius05{ width:180px; height:180px; top: 30%; left: 9%; }
.bg3dblock .bg_radius06{ left:auto; right:16%; top:54%; }
.bg3dblock .bg_radius07{ width:80px; height:80px; top: 58%; }
.bg3dblock .bg_radius08{ width:140px; height:140px; left: -8%; top: 40%; }
.bg3dblock .bg_radius10{ left:3%; top:53%; }
.bg3dblock .bg_icon01{ width:160px; height:208px; top: 20%; }
.bg3dblock .bg_icon02{ width:191px; height:100px; top: 34%; left: -6%; }	

.pagetopbox .bgradius .radius08{ width:23px; height:23px; bottom:17%; left:12%; }
.pagetopbox .bgradius .radius09{ width:20px; height:20px; right: -2.5%; bottom:36%; }
	
.pagetopbox{ height:75vh; display: flex; align-content: center; }
.pagetopbox .textbox{ padding:0 20px; }
.pagetopbox .textbox .maintitle{ font-size:1.75rem; }

.pagetopbox .textbox .nav a{ font-size:0.875rem; margin-right: 10px; }
.pagetopbox .textbox .nav span{ font-size:0.875rem; }

.pagetopbox .textbox .signupbox .signbtn{ font-size:1.125rem; line-height:42px; max-width: 164px; }

.pagetopbox.login{ height:100vh; }
.pagetopbox .posa{ display:block; }
.pagetopbox .posa .loginbox{ margin-top:80px; }
.pagetopbox .posa .loginbox .bgs_w .title{ font-size:1.5rem; padding:15px 0; }
.pagetopbox .posa .loginbox .bgs_w .pagebox{ padding:15px; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .btn{ line-height:36px; font-size:1.125rem; }
.pagetopbox .posa .loginbox .bgs_w .pagebox .plist .rtxt{ font-size:0.75rem; }
.pagetopbox .posa .loginbox .links{ padding:10px 0 0 0; }
.pagetopbox .posa .loginbox .links .alink{ font-size:0.875rem; }

/*成員*/
.memberinfo .grids{ width:100%; margin-bottom:40px; }
.memberinfo .grids:last-child{ margin-bottom:0px; }

/*知識通訊*/
.knowsflex .grids{ width:50%; }
.knowsflex .grids .gs .texts{ font-size:1rem; }
	
/*會員專區*/
.seachbox{ display:block; margin-bottom:30px; }
.seachbox .seachgrid{ margin:0 0 10px 0; }
.seachbox .seachgrid .s2{ text-align:center; }
.seachbox .seachgrid .input{ max-width:none; }

.pageblocks{ flex-wrap:wrap; }
.pageblocks .leftbox{ width:100%; padding:0 0 60px 0; }
.pageblocks .personalfile{ margin:0; }
.pageblocks .rightbox{ flex:none; width:100%; }
.pageblocks .rightbox .mrr_anchor{ position: absolute; top: -83px; }

.pageblocks .formtitle{ font-size:1.375rem; }
.pageblocks .formbox .flist{ padding:0 20px; }
.pageblocks .formbox .flist .gbox{ margin:0; }
.pageblocks .formbox .flist .grids{ width:100%; padding:0; }
.pageblocks .formbox .flist .list .mntxt{ font-size:0.875rem; }
.pageblocks .formbox .flist .list .mnflex .input{ font-size:0.875rem; }
.pageblocks .formbox .flist .list .mnflex .f1{ font-size:0.875rem; }
.pageblocks .formbox .flist .list .mnflex .f2{ width:50%; }
.pageblocks .formbox .flist .list .mnflex .f3{ flex:none; width:100%; }
.pageblocks .formbox .flist .list .mnflex .f4{ font-size:0.875rem; }
.pageblocks .formbox .flist .list .mnflex .f5{ width:100%; height:10px; }
.pageblocks .formbox .flist .list .mnflex .f6{ width:100%; flex:none; }
.pageblocks .formbox .flist .list .mnflex .mbf35{ width:35%;}
.pageblocks .formbox .flist .list .mnflex .mbf3{ width:30%;}
.pageblocks .formbox .flist .list .mnflex label{ font-size:0.875rem; }
.pageblocks .formbox .title{ padding:10px 20px; }

.pageblocks .formbtn .btns{ margin:0 10px; line-height:42px; font-size:1rem; padding:0 15px; }

.pageblocks .formbox .flist .list .jkflex .jks{ display:block; }
.pageblocks .formbox .flist .list .jkflex .jks .j1{ color: #052c59; margin-bottom:3px; }
.pageblocks .formbox .flist .list .jkflex .jks .j2 label{ font-size:0.875rem; }

/*新訊*/
.newssort{ margin-bottom:30px; }
.newssort .grids{ line-height:36px; height:36px; padding: 0 10px; }

.newsbox{ margin-left:0; margin-bottom: 20px; }
.newsbox .grids{ width:100%; padding-left:0; }
.newsbox .grids.frist .gs{ display:block; }
.newsbox .grids.frist .gs .gimg{ width:100%; }
.newsbox .grids.frist .gs .gtext{ padding:15px 0 0 0; }
.newsbox .grids.frist .gs .gtext .title{ font-size:1.5rem; }
.newsbox .grids.frist .gs .gtext .bsort .bbs{ font-size:0.875rem; }
.newsbox .grids.frist .gs .gtext .date{ font-size:0.875rem; }
.newsbox .grids.frist .gs .gtext .text{ font-size:0.875rem; }

/*活動*/
.aboutlink{ margin-top:30px; padding-top:50px; }
.aboutlink .titles{ margin-bottom:40px; font-size:1.5rem; }

.eventsflex .fgrids{ width:100%; }
.eventsflex .fgrids .fs .textbox{ padding:15px; }
.eventsflex .fgrids .fs .textbox .h1{ font-size:1.125rem; }

.cooflex .imgs{ width:100%; }
.cooflex .textbox{ width:100%; position:static; transform:none; -webkit-transform:none; -moz-transform:none; padding:25px 0; }
.cooflex .textbox .h1{ font-size:1.5rem; }
.cooflex .textbox .p_s .link{ font-size:0.875rem; padding:0; width:106px; display:block; margin:auto; text-align:center; }

/* news_list */
.page_numberbox .page_number .paginationjs { flex-direction: column; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul{ margin: 0 -20px; text-align: center; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li{ margin-left: 2px; }
.page_numberbox .page_number .paginationjs .paginationjs-pages ul li:last-child{ margin-left: 2px !important; }

}