/* Minification failed. Returning unminified contents.
(122,103): run-time error CSS1034: Expected closing parenthesis, found ' -'
(122,103): run-time error CSS1042: Expected function, found ' -'
(122,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(142,111): run-time error CSS1034: Expected closing parenthesis, found ' -'
(142,111): run-time error CSS1042: Expected function, found ' -'
(142,119): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(148,73): run-time error CSS1036: Expected expression, found ';'
(167,95): run-time error CSS1034: Expected closing parenthesis, found ' -'
(167,95): run-time error CSS1042: Expected function, found ' -'
(167,102): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(173,99): run-time error CSS1034: Expected closing parenthesis, found ' -'
(173,99): run-time error CSS1042: Expected function, found ' -'
(173,106): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg'
(468,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(469,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main'
(519,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(525,21): run-time error CSS1039: Token not allowed after unary operator: '-text-main'
(526,32): run-time error CSS1039: Token not allowed after unary operator: '-card-bg'
(528,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(535,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(550,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(556,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(574,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(579,32): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(588,35): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(594,32): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg'
(602,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main'
(614,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(619,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main'
(650,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(676,32): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg'
(677,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(689,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(699,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(711,32): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(721,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(736,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(749,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(765,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sub'
(770,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(873,93): run-time error CSS1034: Expected closing parenthesis, found ' -'
(873,93): run-time error CSS1042: Expected function, found ' -'
(873,100): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(879,97): run-time error CSS1034: Expected closing parenthesis, found ' -'
(879,97): run-time error CSS1042: Expected function, found ' -'
(879,104): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(886,89): run-time error CSS1034: Expected closing parenthesis, found ' -'
(886,89): run-time error CSS1042: Expected function, found ' -'
(886,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8"; 
body{ margin:0px; padding:105px 0 0; font-size:18px; line-height:28px; color:#000; font-family:"微軟正黑體"; background:#f8f8f8;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px; font-weight:normal;}
ul,li{ list-style:none;}
img{border:0px; padding:0px;}
a{ color:#333; text-decoration:none; transition: all 0.3s linear 0s;}
a:hover{text-decoration:none;}
input,textarea,select{ font-size:18px; color:#333; font-family:"微軟正黑體"; border:0;outline:none;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.div_l{ float:left;}
.div_r{ float:right;}
.content{ width:1200px; margin:0px auto; overflow:hidden;}
#list_loading{text-align:center;}
 

/*----------------------popup--------------------------*/
.popup_tsk {
    width: 100%;
    position: fixed;
    text-align: center;
    left: 0%;
    top: 40%;
    z-index: 9;
    overflow: hidden;
    display: none;
}
.popup_tsk p{ padding: 1rem 2rem; display:inline-block; font-size:16px; color: #664d03;background-color: #f5d986;border-color: #ffecb5;width:auto;border-radius:7px; -moz-border-radius:7px;}

.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.1); z-index:9; -moz-user-select:none; -khtml-user-select: none; user-select:none; display:none;}
.loading_c{ width:110px; height:85px; padding-top:20px; position:fixed; left:50%; margin-left:-55px; top:45%; background:rgba(0, 0, 0, 0.5); border-radius:10px; -moz-border-radius:10px;}
.loading span{ width:100%; height:65px; text-align:center; text-indent:5px; color:#fff; display:block; background:url(../images/loading.gif) center bottom no-repeat;}
.loading span p{ color:#fff;}

.head{ width:100%; padding:15px 0; background:#fff; box-shadow:0 0 8px #c1c1c1; -webkit-box-shadow:0 0 8px #c1c1c1; -moz-box-shadow:0 0 8px #c1c1c1; position:fixed; left:0; top:0; z-index:8;}
.head .content{ overflow:visible;}
.head .logo{ font-size:0; line-height:0; float:left;}
.head .logo_text{ font-size:0; line-height:0; float:left; margin-left:10px;}
.head .logo img,.head .logo_text img{ height:75px;}
.head .menu{ float:right; margin-top:10px;}
.head .menu li{ float:left; position:relative; margin-right:10px;}
.head .menu li p{ line-height:50px; font-weight:bold;}
.head .menu li .xl{ width:245px; border:1px solid #ddd; background:#fff; border-radius:15px; -moz-border-radius:15px; overflow:hidden; position:absolute; left:0; top:50px; display:none;}
.head .menu li .xl a{ display:block; line-height:45px; padding:0 20px;}
.head .menu li:hover .xl{ display:block;}
.head .menu p a{ display:inline-block; padding:0 20px; border-radius:45px; -moz-border-radius:45px;}
.head .menu p s{ text-decoration:none; color:#666; font-size:10px; display:inline-block; margin-left:5px;}
.head .menu a.hov{ color:#85293d; background:#f3e9eb;}
.head .menu a:hover{ background:#f5f5f4;}

.ico_lin{ width:30px; height:35px; float:right; margin-top:10px; position:relative; cursor:pointer; display:none;}
.ico_lin span{ width:100%; height:2px; background:#666; position:absolute; right:0; display:block; transition:all .3s linear 0s;}
.ico_lin .lin01{ top:8px;}
.ico_lin .lin02{ top:17px;}
.ico_lin .lin03{ top:27px; transition:all 0s linear 0s;}
.ico_lin.hov span{ background:#666;}
.ico_lin.hov{}
.ico_lin.hov .lin01{ -webkit-transform:rotate(224deg); transform:rotate(224deg); top:18px;}
.ico_lin.hov .lin02{ -webkit-transform:rotate(315deg); transform:rotate(315deg); top:18px;}
.ico_lin.hov .lin03{ display:none;}



.banner{ position:relative;}
.banner img{ width:100%;}
.banner .content{ position:relative; overflow:visible;}
.banner_text{ width:600px; padding:190px 0; position:absolute; left:0; top:0; z-index:2;}
.banner_text span{ color:#d8abb6;}
.banner_text h1{ font-size:65px; line-height:80px; color:#fff; font-weight:bold; margin:10px 0 15px;}
.banner_text p{ line-height:30px; font-size:18px; color:#e4e4e4;}
.banner_text .bnt{ padding-top:25px; overflow:hidden;}
.banner_text .bnt a{ width:130px; line-height:50px; text-align:center; color:#fff; display:block; float:left; font-weight:bold; background:#8f1c39; border-radius:45px; -moz-border-radius:45px;}
.banner_text .bnt a:hover{ background:#6f142d;}
.banner_text .bnt a.hov{ margin-left:15px; line-height:46px; color:#f2e9bf; border:2px solid #c7a123; background:#282312;}
.banner_text .bnt a.hov:hover{ background:#3c3315;}
.banner_text dl{ width:255px; margin-top:55px; padding:20px; border-radius:15px; -moz-border-radius:15px; border:1px solid #383a3b; background:#232427; overflow:hidden;}
.banner_text dd{ width:45px; line-height:45px; float:left; text-align:center; font-size:20px; color:#f5c6cf; display:block; float:left; background:#3a232a; border-radius:45px; -moz-border-radius:45px;}
.banner_text dt{ margin-left:10px; float:left; font-size:14px; color:#fff;}
.banner_text dt b{ display:block;}


.banner_js{ width:100%; position:relative; overflow:hidden;}
.banner_js .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.banner_js .bd li{ font-size:0; line-height:0;}
.banner_js .bd li img{ width:100%;}

.banner_js .hd{ padding:5px; line-height:0; font-size:0; position:absolute; right:10px; bottom:10px; z-index:1; border-radius:45px; -moz-border-radius:45px; background:rgba(0, 0, 0, 0.2);}
.banner_js .hd li{ width:10px; height:10px; display:inline-block; margin:0 3px; font-size:0px; overflow:hidden; text-indent:5em; border-radius:125px; -moz-border-radius:125px; cursor:pointer; background:#999;}
.banner_js .hd li:hover{ background:#ddd;}
.banner_js .hd .on{ background:#fff;}

.registration_button{ color:#fff; font-size:20px; line-height:45px; padding:0 25px; background:#bb2234; position:fixed; right:10px; bottom:10%; border-radius:4px; -moz-border-radius:4px;}
.registration_button:hover{ background:#d70e25;}

.video{ text-align:center; padding:60px 0;}
.video .title{ font-size:30px; font-weight:bold; line-height:40px; padding:20px 0;}
.video .title span{ color:#3e7f45;}
.video .com iframe{ border-radius:15px; -moz-border-radius:15px; border:1px solid #ddd;}



.about_banner{ text-align:center; border-bottom:1px solid #ddd;}
.about_banner img{ width:100%;}
.about_banner h1{ font-weight:bold; line-height:50px; font-size:40px; color:#000; padding:60px 0 20px;}
.about_banner span{ margin:0 5px 0 10px;}
.about_banner p{ color:#666;}
.about_banner s{ width:70px; height:2px; display:block; margin:0 auto 20px; background:#85293d;}

.about{ padding:40px 0;}

.faq{ width:980px; margin:40px auto; border-radius:15px; -moz-border-radius:15px; background:#fff; border:1px solid #ddd;}
.faq dl{ border-bottom:1px solid #eee;}
.faq dd{ padding:20px 30px; font-size:20px; font-weight:bold; cursor:pointer; position:relative;}
.faq dd span{ width:30px; height:30px; display:block; position:absolute; right:10px; top:18px; background:url(../images/jt.png) center no-repeat; background-size:15px auto;}
.faq dt{ display:none; padding:30px 20px; color:#666; border-top:1px solid #eee;}
.faq dl.hov dt{ display:block;}
.faq dl.hov dd span{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}

.teams{ padding:50px 0;}
.teams .box{ text-align:center;}
.teams .box .title{ padding:20px; letter-spacing:2px; line-height:40px; color:#fff; font-size:30px; border-radius:15px; -moz-border-radius:15px;}
.teams .box .com{ overflow:hidden; padding:20px 0 50px;}
.teams .box .com li{ width:-moz-calc(33.3% - 22px); width:-webkit-calc(33.3% - 22px); width:calc(33.3% - 22px); float:left; font-size:20px; line-height:24px; padding:15px 0; border:1px solid #dde3f0; margin:10px; background:#fff; border-radius:15px; -moz-border-radius:15px; cursor:pointer;}
.teams .box .com li:hover{ background:#e5e5e5;}


.teams_pop_bg{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.7); z-index:8; display:none;}
.teams_pop{ margin:40px; background:#ebebeb; overflow-y:scroll;}
.teams_pop .title{ padding:30px 20px 10px; font-size:30px; line-height:40px; border-bottom:5px solid #a97c42;}
.teams_pop .bnt_gb{ width:80px; line-height:40px; text-align:center; background:#fff; border:1px solid #999; border-radius:45px; -moz-border-radius:45px; position:fixed; right:65px; top:55px; z-index:3; cursor:pointer;}

.teams_pop .com{ width:1170px; margin:0 auto;}
.teams_pop .com_title{ text-align:center; font-size:40px; line-height:50px; letter-spacing:2px; margin-top:160px; font-weight:bold;}
.teams_pop .com_title span{ display:inline-block; background: linear-gradient(to bottom, transparent 60%, #b4deee 40%);}
.teams_pop dt p{ padding:10px 20px; font-size:20px; line-height:30px;}
.teams_pop .com3 .com_title,.teams_pop .com5 .com_title{ margin:0;}

.teams_pop .com1{ height:400px;}
.teams_pop .com1 .text{ width:50%; height:400px; background:rgba(255, 255, 255, 0.8);}
.teams_pop .com1 .text dl{ padding:0 20px 20px; overflow:hidden; font-size:18px;}
.teams_pop .com1 .text dl.t{ font-size:30px; padding-top:160px;}
.teams_pop .com1 .text dl dd{ width:120px; float:left;}
.teams_pop .com1 .text dl dt{ width:-moz-calc(100% - 130px); width:-webkit-calc(100% - 130px); width:calc(100% - 130px); float:right;}
.teams_pop .com2{ height:350px; background:url(../images/teams_bg2.jpg) #f5f4f0 center no-repeat;}
.teams_pop .com2 dl{}
.teams_pop .com2 dd{ width:50%; float:left;}
.teams_pop .com2 dt{ width:50%; float:left; padding-top:120px;}
.teams_pop .com3{ background:#fff; padding:20px 0; overflow:hidden;}
.teams_pop .com3 dd{ width:50%; float:left; text-align:right; font-size:; line-height:0;}
.teams_pop .com3 dt{ width:50%; float:left; padding-top:60px;}


.teams_pop .com4{ width:100%; position:relative; overflow:hidden;}
.teams_pop .com4 .bd li{ font-size:0; line-height:0; text-align:center;}
.teams_pop .com4 .hd{ width:100%; text-align:center; line-height:0; font-size:0; position:absolute; left:0; bottom:10px; z-index:1;}
.teams_pop .com4 .hd li{ width:10px; height:10px; display:inline-block; margin:0 3px; font-size:0px; overflow:hidden; text-indent:5em; border-radius:125px; -moz-border-radius:125px; border:1px solid #fff; cursor:pointer;}
.teams_pop .com4 .hd .on{ width:12px; height:12px; background:#fff;}
.teams_pop .com4 a{ width:45px; height:45px; background:url(../images/slider-arrow.png) center no-repeat; position:absolute; top:50%;}
.teams_pop .com4 a.prev{ left:10%; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.teams_pop .com4 a.next{ right:10%;}

.teams_pop .com5{ padding:50px 0; background:#fff; text-align:center;}
.teams_pop .com5 .com_title2{ font-size:24px; padding:20px 0 15px;}
.teams_pop .com5 li{ margin:10px 20px; font-size:20px; line-height:30px; list-style-type:disc; text-align:left;}


.history{ padding:50px 0px; overflow:hidden;}
.history dl{ width:-moz-calc(33.3% - 20px); width:-webkit-calc(33.3% - 20px); width:calc(33.3% - 20px); float:left; margin:10px;}
.history dd{ text-align:center; font-size:24px; line-height:50px;}
.history dl img{ width:100%;}


.events{ overflow:visible; padding:40px 0;}
.events .com li{ width:-moz-calc(33.3% - 22px); width:-webkit-calc(33.3% - 22px); width:calc(33.3% - 22px); float:left; border-radius:15px; -moz-border-radius:15px; border:1px solid #ddd; overflow:hidden; margin:10px; transition: all 0.3s linear 0s; box-shadow:0 0 8px #dddddd; -webkit-box-shadow:0 0 8px #dddddd; -moz-box-shadow:0 0 8px #dddddd;}
.events .com li .pic img{ width:100%;}
.events .com li .text{ padding:10px 15px;}
.events .com li h3{ height:56px; font-size:20px; font-weight:bold; margin-bottom:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.events .com li h4{ font-size:18px; margin-bottom:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.events .com li p{ font-size: 14px; overflow:hidden; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.events .com li p span{ float:left; margin-right:5px; display:block; margin-top:1px; line-height:0; font-size:0;}
.events .com li p img{ width:25px;}
.events .com li:hover{ box-shadow:0 0 8px #c1c1c1; -webkit-box-shadow:0 0 8px #c1c1c1; -moz-box-shadow:0 0 8px #c1c1c1;}

.events .box{ padding:30px; border-radius:15px; -moz-border-radius:15px; transition: all 0.3s linear 0s; box-shadow:0 0 8px #dddddd; -webkit-box-shadow:0 0 8px #dddddd; -moz-box-shadow:0 0 8px #dddddd;}
.events .box h4{ font-size:20px;}
.events .box span{ float:left; font-size:0; line-height:0; position:absolute; left:0; top:1px;}
.events .box span img{ width:25px;}
.events .box p{ padding-left:35px; position:relative; margin:10px 0; color:#666;}
.events .box p label{ color:#666; display:block;}
.events .box p a{ color:#000; padding-right:30px; background:url(../images/ico_fx.png) right 1px no-repeat; background-size:22px auto;}
.events .box p s{ text-decoration:none; border:1px solid #ddd; padding:5px 20px; border-radius:45px; -moz-border-radius:45px;}
.events .box p.bq{ margin-top:20px; color:#666;}
.events .box h5{ font-size:18px; border:1px solid #eee; padding:20px 30px; margin-top:20px; border-radius:45px; -moz-border-radius:45px;}

.events .com_box{ padding:30px 0;}

.events .com_bnt{ text-align:center;}
.events .com_bnt a{ display:inline-block; color:#fff; font-size:20px; line-height:45px; padding:0 25px; background:#bb2234; border-radius:4px; -moz-border-radius:4px;}
.events .com_bnt a:hover{ background:#d70e25;}


.events_signup{ padding:50px 0;}
.privacy-agreement-container{margin:30px auto 20px auto!important;padding:20px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background-color:#f8fafc!important;text-align:left!important;max-width:680px}
.privacy-title{font-size:20px!important;font-weight:600!important;color:#1a365d!important;margin-bottom:12px!important}
.privacy-scroll-box{height:160px!important;overflow-y:scroll!important;background:#fff!important;border:1px solid #e2e8f0!important;padding:12px 15px!important;line-height:1.6!important;color:#475569!important;border-radius:4px!important;margin-bottom:15px!important}
.privacy-scroll-box p{margin-bottom:10px!important}
.privacy-checkbox-group{display:flex!important;align-items:center!important;justify-content:center!important;padding:5px 0!important}
.privacy-checkbox-label{font-weight:600!important;color:#1e293b!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important}
.privacy-checkbox-label input{width:18px!important;height:18px!important;margin-right:8px!important;cursor:pointer!important}
.form-container{max-width:650px;margin:0 auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);border:1px solid #e2e8f0}
.form-group{margin-bottom:20px}
.form-group.required .control-label::after{content:" *";color:#dc2626;font-weight:700}
.control-label{display:block;font-weight:600;margin-bottom:8px;color:#1e293b;font-size:20px}
.form-text{display:block;color:#64748b;margin-top:-4px;margin-bottom:8px}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:4px;color:#334155;background-color:#fff;box-sizing:border-box;transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.options-vertical{display:flex;flex-direction:column;gap:8px}
.options-inline{display:flex;flex-wrap:wrap;gap:16px}
.option-item{display:inline-flex;align-items:flex-start;cursor:pointer}
.option-item input{margin-top:4px;margin-right:8px;width:18px;height:18px}
.sub-input{width:100%;margin-top:6px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px}
.btn-submit-container{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}
.btn-submit{display:inline-flex;align-items:center;justify-content:center;padding:12px 45px;font-weight:500;font-size:18px;color:#fff;background-color:#bb2234;border:none;border-radius:4px;cursor:pointer;letter-spacing:1px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background-color .2s}
.btn-submit:hover{background-color:#d70e25}


.login_pop{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:rgba(0, 0, 0, 0.8); display:none;}
.login_pop .com{ width:600px; margin:10% auto; background:#fff; padding:20px; border-radius:15px; -moz-border-radius:15px;}
.login_pop .com .login_t{ line-height:30px; font-size:22px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;}
.login_pop .com .login_t span{ width:40px; height:30px; line-height:28px; color:#666; text-align:center; display:block; float:right; border:1px solid #ddd; border-radius:360px; -moz-border-radius:360px; cursor:pointer;}
.login_pop .com .title{ margin:20px 0; padding:5px; line-height:40px; background:#eee; border-radius:45px; -moz-border-radius:45px; overflow:hidden;}
.login_pop .com .title li{ width:50%; float:left; text-align:center; cursor:pointer; border-radius:45px; -moz-border-radius:45px;}
.login_pop .com .title li.hov{ font-weight:bold; background:#fff; box-shadow:1px 1px 3px #ddd; -webkit-box-shadow:1px 1px 3px #ddd; -moz-box-shadow:1px 1px 3px #ddd;}
.login_pop .com .box{ margin-bottom:10px; overflow:hidden;}
.login_pop .com .box .code{ width:50%; float:left;}
.login_pop .com .box .code_img{ width:100px; height:46px; float:left; margin-left:10px; cursor:pointer;}
.login_pop .com .box .button{ margin:10px 0; display:block; text-align:center; color:#fff; font-size:20px; line-height:45px; background:#bb2234; border-radius:4px; -moz-border-radius:4px;}
.login_pop .com .box .button:hover{ background:#d70e25;}

.login_pop .com .box_line{ margin-top:20px; height:20px; border-top:1px solid #ddd;}
.login_pop .com .box_line span{ width:40px; text-align:center; color:#999; display:block; margin:-15px auto 0; background:#fff;}

.login_pop .com .quick_login{ overflow:hidden;}
.login_pop .com .quick_login a{ display:block; margin:5px 0; line-height:40px; text-align:center; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px;}
.login_pop .com .quick_login .google label{ padding-left:25px; background:url(../images/quick_login1.png) left center no-repeat; background-size:20px auto; cursor:pointer;}
.login_pop .com .quick_login .line{ background:#5ac363; color:#fff; border-color:#5ac363;}
.login_pop .com .quick_login .line label{ padding-left:25px; background:url(../images/quick_login2.png) left center no-repeat; background-size:20px auto; cursor:pointer;}



.footer{ padding-top:50px; border-top:1px solid #85293d; background:#000;}
.footer .com{ overflow:hidden; padding-bottom:30px;}
.footer .com .box{ overflow:hidden; padding-bottom:20px;}
.footer dl{ width:33.3%; float:left;}
.footer dd{ color:#898989; font-size:14px; line-height:20px; margin-bottom:5px;}
.footer dt{ color:#fff;}
.footer .copyright{ margin-top:10px; text-align:center; color:#78726d; font-size:14px; line-height:60px; border-top:1px solid #292b2e;}

.footer .title{ overflow:hidden; padding-bottom:10px;}
.footer h3{ float:left; height:55px; line-height:55px; font-size:28px; font-weight:bold; color:#fff; padding-right:20px;}
.footer h3 a{ float:left; display:block; font-size:0; line-height:0; margin-left:5px;}
.footer p{ margin-bottom:5px; color:#fff;}

.project{ max-width: 650px;  margin: 0 auto;}
.project .form-text{font-size:16px;}
.project .form-text .txt{ color: #1e293b;font-weight: bold;font-size:20px;}
.project h3{font-size:28px;font-weight:bold;margin-bottom: 20px}
.project .form-group{overflow:hidden;margin-bottom: 15px;}
.project .bgbox{background:#f3f3f3;padding: 20px;}
.project .bgbox .title {float:left;display: block;font-weight: 600; margin-bottom: 8px;color: #1e293b;font-size: 20px;}
.project .bgbox .options-inline{ gap:3px;}
.project .bgbox .options-inline  label{ margin-right:5px;} 
.project .bgbox .option-item input{ margin-right: 3px;}
.project  .btn{float:right; padding: 0 20px; border-radius: 45px;color: #85293d;background: #f3e9eb;cursor: pointer;}
.project  .add{color: #03580e; background: #d0f1bf;}
.project .btn.sub{ line-height: 35px;padding: 0 15px; margin: 10px 7px 0 0;font-size: 16px;}
.project .bmline{ border: none;border-bottom: 1px solid #cbd5e1;}
.project .w75{width: 75%;}
.project .w60{width: 60%;}
.project .w50{width: 50%;}
.project .mt10{margin:10px 0;}
.project .lh46{line-height:46px;}
.project .option-item .top14{ margin-top: 14px;}
.project .orgbox .btn{margin-left:10px;}

input::placeholder, textarea::placeholder {font-size: 15px;color:#8c8d91}
input:disabled, select:disabled, textarea:disabled {background-color: #f7f7f7;border: 1px solid #fff;}

@charset "utf-8";
.left {text-align:left}

/* === 1. 表格基礎樣式 === */
.gov-data-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    color: #1f2937;
}

    .gov-data-table thead th {
        background-color: #000000;
        color: #ffffff;
        font-weight: bold;
        padding: 12px 14px;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .gov-data-table th:nth-child(1), .gov-data-table td:nth-child(1) {
        width: 10%;
    }

    .gov-data-table th:nth-child(2), .gov-data-table td:nth-child(2) {
        width: 10%;
    }

    .gov-data-table th:nth-child(3), .gov-data-table td:nth-child(3) {
        width: 45%;
    }

    .gov-data-table th:nth-child(4), .gov-data-table td:nth-child(4) {
        width: 25%;
    }

    .gov-data-table th:nth-child(5), .gov-data-table td:nth-child(5) {
        width: 10%;
    }

    .gov-data-table td {
        border: 1px solid #e5e7eb;
        padding: 14px;
        vertical-align: top;
    }

/* === 2. 資料連結按鈕 === */
.gov-link-btn {
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 320px;
    padding: 6px 12px;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #0066cc;
    text-decoration: underline;
    font-size: 1.0rem;
    margin-bottom: 6px;
    box-sizing: border-box;
    word-break: break-all;
}

    .gov-link-btn:last-child {
        margin-bottom: 0;
    }

    .gov-link-btn .icon {
        font-size: 0.85rem;
        margin-right: 6px;
        color: #4b5563;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
    }

/* === 3. 聯絡我們小按鈕 === */
.gov-contact-btn {
    display: inline-block;
    padding: 4px 10px;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #1f2937;
    text-decoration: none;
    font-size: 0.8rem;
    white-space: nowrap;
    cursor: pointer;
}

    .gov-contact-btn:hover {
        background-color: #f3f4f6;
    }

/* === 4. 彈窗（Modal）核心樣式 === */
/* 背景半透明遮罩 */
.modal-overlay {
    display: none; /* 預設隱藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明背景 */
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
/* 彈窗主體盒模型 */
.modal-box {
    background-color: #ffffff;
    width: 90%;
    max-width: 450px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    animation: fadeIn 0.2s ease-out; /* 彈出小動畫 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* 彈窗頂部 */
.modal-header {
    padding: 14px 16px;
    background-color: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
    font-weight: bold;
    font-size: 1rem;
}
/* 彈窗內容區 */
.modal-body {
    padding: 20px 16px;
    font-size: 0.9rem;
    line-height: 1.6;
}
/* 右上角關閉按鈕 (X) */
.modal-close-btn {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 1.25rem;
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
}

    .modal-close-btn:hover {
        color: #1f2937;
    }

/* ===== 願望牆專用樣式區塊 ===== */
.wishing-wall-container {
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;
    --bg-color: #f3f4f6;
    --card-bg: #ffffff;
    --text-main: #1f2937;
    --text-muted: #9ca3af;
    --text-sub: #4b5563;
    --border-color: #e5e7eb;
    --border-light: #f3f4f6;
    --hover-bg: #f9fafb;
    --radius-lg: 1rem;
    --radius-md: 0.5rem;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: var(--card-bg);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", sans-serif;
}

    .wishing-wall-container * {
        box-sizing: border-box;
    }

/* 標題與篩選器 */
.ww-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
    .ww-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ww-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-main);
    margin: 0;
}

.ww-filter-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.ww-select-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .ww-select-item label {
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-sub);
    }

    .ww-select-item select {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
        color: var(--text-main);
        background-color: var(--card-bg);
        border: 1px solid #d1d5db;
        border-radius: var(--radius-md);
        outline: none;
        cursor: pointer;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

        .ww-select-item select:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
        }

/* 我要許願按鈕 */
.ww-action-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.ww-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color 0.2s;
}

    .ww-btn-primary:hover {
        background-color: red;
    }

/* 說明與列表 */
.ww-description {
    font-size: 0.9rem;
    color: #909295;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

    .ww-description strong {
        color: var(--text-sub);
        font-weight: 500;
    }

.ww-list {
    border-top: 1px solid var(--border-light);
}

.ww-item {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 0.5rem;
    border-bottom: 1px solid var(--border-light);
    border-radius: 0.375rem;
    transition: background-color 0.15s;
}

    .ww-item:hover {
        background-color: var(--hover-bg);
    }

.ww-btn {
    background: none;
    border: none;
    font-size: 1.0rem;
    font-weight: 600;
    color: var(--text-main);
    text-align: left;
    cursor: pointer;
    padding-right: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    transition: color 0.2s;
}

    .ww-btn:hover, .ww-item:hover .ww-btn, .ww-item:hover .ww-date {
        color: var(--primary-color);
    }

.ww-date {
    font-size: 0.8rem;
    color: var(--text-main);
    white-space: nowrap;
}

/* 彈窗 Modal 樣式 */
.ww-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s;
}

    .ww-modal-overlay.hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

.ww-modal-content {
    background-color: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 650px;
    padding: 1.75rem;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

.ww-close-btn {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ww-close-btn:hover {
        background-color: var(--hover-bg);
        color: var(--text-sub);
    }

.ww-modal-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.ww-badge {
    background-color: #eff6ff;
    color: var(--primary-color);
    font-size: 1.0rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    text-align: center;
}

.ww-author-info {
    font-size: 1.0rem;
    color: var(--text-muted);
}

.ww-modal-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.ww-modal-body {
    border-top: 1px solid var(--border-light);
    padding-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ww-detail-block h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-sub);
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.ww-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.ww-dot-blue {
    background-color: var(--primary-color);
}

.ww-dot-green {
    background-color: #10b981;
}

.ww-dot-amber {
    background-color: #f59e0b;
}

.ww-detail-block p {
    font-size: 1.1rem;
    color: var(--text-sub);
    line-height: 1.6;
    background-color: #f9fafb;
    padding: 0.875rem;
    border-radius: 0.5rem;
    margin: 0;
}

.ww-modal-footer {
    margin-top: 1.75rem;
    display: flex;
    justify-content: flex-end;
}

.ww-btn-secondary {
    background-color: #f3f4f6;
    color: var(--text-sub);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1.25rem;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
}

 .ww-btn-secondary:hover {
   background-color: #e5e7eb;
}
/* ===== 列表上的主題標籤樣式 ===== */
.ww-topic-tag {
    display: inline-block;
    font-size: 1.0rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
    flex-shrink: 0; /* 避免在小螢幕被擠壓 */
}

/* 三種主題的色彩區分 */
.ww-topic-B {
    background-color: #eff6ff;
    color: #2563eb;
}

.ww-topic-G {
    background-color: #ecfdf5;
    color: #059669;
}

.ww-topic-O {
    background-color: #fff7ed;
    color: #ea580c;
}

/* 調整列表按鈕內的佈局，讓標籤與標題水平排列 */
.ww-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* 標籤與標題之間的間距 */
}

.ww-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ww-modal-footer .click {
    background: #2563eb;
    color: #fff;
    border-radius: 10px;
    margin-right:20px;
}
.ww-modal-footer .click:hover {
    background-color: #4f83f5;
}

.ww-count {
    font-size: 0.8rem;
    background: #2563eb;
    color: #fff;
    border-radius: 5px;
    padding: 0.1rem 0.5rem;
    margin-right:10px;
}


@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1199px) {
.content{ width:auto; margin:0 10px;}
.about_banner{ background-position: center bottom; border:0;}
.menu{ display:none;}
.ico_lin{ display:block;}
.head .menu li:hover .xl{ display:none;}
.head .menu.hov{ width:100%; height:100%; position:fixed; left:0; top:90px; display:block; background:#fff;}
.head .menu.hov li{ float:none; border-top:1px solid #ddd;}
.head .menu.hov li p a{ display:block; border-radius:0px; -moz-border-radius:0px;}
.head .menu.hov li .xl{ width:auto; padding:0 20px; position:static; border:0;}
.head .menu.hov li .xl a{ padding:0 10px; border-top:1px solid #ddd;}
.head .menu li.hov .xl{ display:block;}
.head .menu li.hov p a{ color:#85293d; background:#f3e9eb;}
.head .menu p a.hov{ color:#333; background:none;}
.faq{ width:auto;}
.video .com .w-full{ width:100% !important; min-width:inherit !important;}
}


@media screen and (max-width:1170px) {
.teams_pop .com{ width:auto; margin:0 10px;}
.teams_pop .com1{ background:none !important; height:auto;}
.teams_pop .com1 .text{ width:auto; height:auto;}
.teams_pop .com1 .text dl.t{ padding-top:30px;}
.teams_pop .com1 .text dl.t dd{ float:left;}
.teams_pop .com1 .text dl dd,.teams_pop .com1 .text dl dt,.teams_pop .com2 dd,.teams_pop .com2 dt,.teams_pop .com3 dd,.teams_pop .com3 dt{ width:auto; float:none;}
.teams_pop .com_title{ margin:0; padding-top:40px;}
.teams_pop .com2 dt{ padding-top:20px;}
.teams_pop .com3 dd{ text-align:center;}
.teams_pop .com3 dd.video{ padding:0;}
.teams_pop .com3 dt{ padding-top:0;}
.teams_pop .com5{ padding-top:0;}
.events .box p s{ display:inline-block; margin-bottom:2px;}
.events .com li{ width:-moz-calc(50% - 22px); width:-webkit-calc(50% - 22px); width:calc(50% - 22px);}

}


@media screen and (max-width:640px) {
.teams .box .com li{ width:-moz-calc(50% - 22px); width:-webkit-calc(50% - 22px); width:calc(50% - 22px);}
.logo_text{ display:none;}
.footer{ padding-top:30px;}
.footer .com{ padding-bottom:0;}
.footer .com .box{ padding:0;}
.footer .com .box dl{ width:auto; float:none; float:none; margin-bottom:20px;}

.history dl{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px);}
.teams_pop{ margin:20px;}
.teams_pop .bnt_gb{ right:30px; top:30px;}
.teams_pop .title{ padding:15px 90px 5px 10px;}
.teams_pop .com5 li{ margin:10px 10px 10px 30px;}
.teams_pop .com4 .bd li{ margin-left:10px;}
.teams_pop .com4 .bd li img{ width:100%;}
.ww-modal-overlay{width: 90%;}
.ww-close-btn{top: 0.5rem;right: 0.5rem;}
}


@media screen and (max-width:414px) {
.teams .box .com li{ width:auto; float:none;}
.events .com li{ width:auto; float:none; margin:10px 0;}
}


@media screen and (max-width:320px) {

}