@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

html{ width: 100%; height: 100%; font-size:0.52vw; overflow-x: hidden; }
body {
	width: 100%;
	height: 100%;
	font-size:2.4rem;
	font-family: 'Noto Sans TC', sans-serif;
	background:#f8f3f8;
	letter-spacing:0;
	line-height:3.8rem;
	color:#666666;
	}
a:link {color:#333;}    /* 未被访问的链接 */
a:visited {color:#333;}	/* 已被访问的链接 */
a:hover {color:#333;}	/* 鼠标指针移动到链接上 */
a:active {color:#333;}	/* 正在被点击的链接 */

/**** color ****/
.red{ color:#ff0000;}
.white{ color:#fff;}
.gray { background:#eeeeee; }
.yellow { color:#f8b62d; }
.pink { color:#f19ec2; }
.brown { color:#6a3906; }
.green { color:#006837 !important;  }

/**** bg color ****/

.for_pc{display: inherit;}
.for_mobile{display: none;}


.block { display:block; }
.clear { clear:both; }

.wrapper { width:100vw; }
.wrap { position: relative; width:71.15vw; }
.wrap2 { position: relative; width:100vw; }
.setin { margin: 0 auto;}
.txt_center { text-align: center; }

#back_top { position: fixed; bottom: 1%; right: 1%; z-index: 999; width:5vw; }
#back_top img { width:5vw; margin:0 0 1vw 0; }

.title { width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin:5vw auto 2vw auto; }
.title2 { width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin:2vw auto 0 auto; }
.title3 { width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#18904d; font-weight: 900; letter-spacing: 5px; margin:5vw auto 2vw auto; }


.content {  }

.btn { width: 16.67vw; height: 5.62vw; margin: 3vw auto 0 auto; font-size: 2.5vw; font-weight: 700; text-align: center; line-height: 5.62vw; background:#555; color:#fff; border-radius: 100vw; outline: none; cursor: pointer; box-shadow: 2px 2px 5px 0 #555; }
.btn:hover { box-shadow: none; position:relative; top:1px; }

img { max-width:100%; height:auto; }

input { width: 10vw; height: 2.4vw; line-height: 2.4vw; margin: 0.5vw auto; padding: 0 0.3vw; background: #fff; border:2px solid #debf71; font-size:3rem; color:#006837; }

::placeholder { font-size: 2.4rem; color:#B0BEB3; }

h2{ width: 100%; font-size:3.6rem; font-weight: 500; text-align:center; }
h3 { font-size:3.2rem; font-weight: 500; }
textarea { float: left; width:100%; height:12vw; font-size: 2.4rem; border-radius: 1vw; border:2px solid #debf71; padding:1vw; margin: 0 0 3vw 0; box-sizing: border-box; }
select { float: left; width:95%; height: 2.4vw; font-size:1vw; line-height: 1.2vw; border-radius: 0.3vw; border:2px solid #debf71; background:#fff; }
button { padding: 0.4vw 1.2vw; font-size:1vw; line-height: 1.2vw; border-radius: 0.26vw; background:rgba(225, 140, 59, 0.2); border:2px solid #fff; }

.footer_content ol { width: 84%; text-align:left; margin: 0 auto 4vw auto; color:#989898; font-size:2.1rem; font-weight: 400; line-height: 3rem; letter-spacing: 1px; }
.footer_content ol li { width: 92.3%; margin:0 0 0 4vw; padding:0 0 0 0vw; text-align: justify; }
.footer_content ol li ol li { width: 84.61%; list-style: outside decimal; margin:0 0 0 4vw; }
.footer_content ol li ul li { width: 84.61%; list-style: outside; margin:0 0 0 4vw; }

.footer_content ul { width: 100%; text-align:left; margin:0 0 4vw 0; }
.footer_content ul li { width: 92.3%; list-style: outside circle; margin:0 0 0 4vw; }
.footer_content ul li ol li { width: 84.61%; list-style: outside decimal; margin:0 0 0 4vw; }
.footer_content ul li ul li { width: 84.61%; list-style: outside; margin:0 0 0 4vw; }

table { width:100%; margin:1vw 0; }
table td { border:1px solid #888; text-align: center; padding: 0.5vw; }
table td.list { text-align: left; }

/******** 框架 ***********/
.top_logo { float:left; width:13.17vw; height:2.12vw; margin:3.27vw 0 0 2.68vw; background:url(../images/logo.svg) no-repeat; background-size:13.17vw 2.12vw; }
.header_index { width:100%; height:67.27vw; background:url(../images/header.jpg) no-repeat; background-size:100% 67.27vw; }
.header_login { width:100%; height:67.27vw; background:url(../images/header_login.jpg) no-repeat; background-size:100% 67.27vw; }
.header_list { position: relative; width:100%; height:133.7vw; background:url(../images/header_list.jpg) no-repeat; background-size:100% 133.7vw; }
.top_right { font-size:1.3rem; color:#fff; float:right; margin:0.8vw 2vw 0 0; }

.btn_dropdown { position:fixed; bottom: 0vw; left: 50%; margin: 0 0 0 -2vw; width:4vw; height:4vw; background:url(../images/btn_dropdown.svg) no-repeat; background-size:4vw 4vw; z-index: 999; opacity: 0.8; transition:bottom 1s; }
.btn_dropdown:hover { opacity: 1; bottom:1vw; }


/******** 選單 menu ***********/
/*
.menu_icon { display: none; width:4.16vw; height:4.16vw; margin: 0; background:url(../images/icon_menu.png) no-repeat; background-size:4.16vw 4.16vw; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { display: none; position:absolute; top:0; right:0; width:20vw; height:100%; background:#00D7F3; opacity:0.9; }
.menu { width:100%; margin:10vw 0 0 0; }
.menu_block { float:left; width:100%; margin:1vw 0; text-align:center; }
.menu_block a { color:#fff; }
.menu_block a:hover { color:#0098BC; }
*/



/******** 首頁 ***********/
.bg_topic { position: relative; width:56.25vw; height:auto; margin: 5vw auto; }
.topic_top { width:100%; height:2.5vw; background:url(../images/topic_top.svg) no-repeat; background-size:40.31vw 2.5vw; background-position: center; }
.topic_bottom { width:100%; height:2.5vw; background:url(../images/topic_bottom.svg) no-repeat; background-size:40.31vw 2.5vw; background-position: center; }
.topic_money { position: absolute; top: 10vw; left: 0; width:6.26vw; height:4.3vw; /*background:url(../images/topic_money.svg) no-repeat;*/ background-size:6.26vw 4.3vw; }
.topic_intro { width: 39vw; margin:2vw auto; line-height: 5rem; }
.topic_intro span{font-size:1.9rem}
.topic_intro a { color:#74c6be; }
.topic_intro_m { display: none; width: 100vw; height: 9.55vw; padding:0; text-align:center; }
.topic_intro_m a { color:#74c6be; }
.topic_intro_m span{font-size:1.9rem}
.why { width:100%; margin:8vw 0 5vw 0; text-align: center; line-height: 5rem; }
.btn_want { position: fixed; top: 45%;bottom:inherit; right: 0; width: 10vw; height: 20vw; border-radius: 1vw; background:#74c6be; z-index: 9999; box-sizing: border-box; }
.btn_want_sep { width:80%; height:0.01vw; background:#10a088; margin:0 auto; }
.dropdown_item1 { cursor:pointer;width:9.17vw; height:1.88vw; background:url(../images/q/sidebtn_1.png) no-repeat; background-size:9.17vw 1.88vw; margin:1vw auto; }
.dropdown_item2 { cursor:pointer;width:9.17vw; height:1.88vw; background:url(../images/q/sidebtn_2.png) no-repeat; background-size:9.17vw 1.88vw; margin:1vw auto; }
.dropdown_item3 { cursor:pointer;width:9.17vw; height:1.88vw; background:url(../images/q/sidebtn_3.png) no-repeat; background-size:9.17vw 1.88vw; margin:1vw auto; }
.dropdown_item4 { cursor:pointer;width:9.17vw; height:1.88vw; background:url(../images/q/sidebtn_4.png) no-repeat; background-size:9.17vw 1.88vw; margin:1vw auto; }
.dropdown_item5 { cursor:pointer;width:9.17vw; height:1.88vw; background:url(../images/q/sidebtn_5.png) no-repeat; background-size:9.17vw 1.88vw; margin:1vw auto; }



.bg_flower { width:68.27vw; height:15.81vw; background:url(../images/bg_flower.svg) no-repeat; background-size:68.27vw 15.81vw; margin:0 auto; }
.bg_step { width:57.08vw; height:66.73vw; background:url(../images/bg_step.svg) no-repeat; background-size:55.1vw 66.73vw; margin:5vw auto 0 auto; background-position: bottom; }
.bg_start { width:100%; height:10.83vw; background:url(../images/bg_start.svg) no-repeat; background-size:100% 10.83vw; margin:0 auto; }
.bg_form { position: relative; width:57.84vw; background:url(../images/bg_form.svg) no-repeat; background-size:57.84vw 83.9vw; margin:3vw auto; padding:14vw 0 5vw 0; box-sizing: border-box; }
.bg_form2 { position: relative; width:57.84vw; height:83.9vw; background:url(../images/bg_form.svg) no-repeat; background-size:57.84vw 83.9vw; margin:3vw auto; padding:14vw 0 0 0; box-sizing: border-box;  }
.form_block { float: left; margin: 0vw 0 0 4vw; width:48vw; }
.form_title { width:100%; margin: 0 0 1vw 0; font-size:2.8rem; color:#006837; }
.form_title span { color:#b84f4c; font-size:1.8rem; }
.form_flower { float: left; margin: 2.5vw; width:7vw; height:auto; }
.form_flower img { width:8vw; height:auto; margin:0 auto; opacity:0.7; }
.form_flower img.selected { opacity:1; }
.form_flower select { opacity:0.5; }
.form_flower select.selected { opacity:1; }

.process_bar { width:50vw; height:12vw; background:url(../images/process_bar.png) no-repeat; background-size:28.38vw 4.58vw; background-position: center bottom; margin:0 auto 4vw auto; }
.process_bar1 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar1.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }
.process_bar2 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar2.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }
.process_bar3 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar3.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }
.process_bar4 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar4.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }
.process_bar5 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar5.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }
.process_bar6 { float: right; width:28.38vw; height:4.58vw; background:url(../images/process_bar6.png) no-repeat; background-size:28.38vw 4.58vw; margin: 0 auto; }

.form { margin:0 0 0 1vw; letter-spacing: 1px; }
.form span { font-size:2.4rem; color:#006837; margin:0 0 1vw 0; }
.name { display: block; margin:0 3vw 0 0; }
.name input { width: 13.7vw; margin:0 0 1vw 0vw; }
.staff_no input { width: 11vw; margin:0 0 1vw 0.5vw; }
.staff_birth input { width: 3vw; margin:0 0 1vw 0.5vw; }
.phone span:nth-child(1) { margin:0 0 1vw 0; }
.phone input:nth-child(2) { width: 5vw; margin:0 0 1vw 0.5vw; }
.phone input:nth-child(3) { width: 16vw; margin: 0 0 1vw 0; }
.phone input:nth-child(4) { width: 7.5vw; margin: 0 0 1vw 0; }
.cell input { width: 14vw; margin:0 0 1vw 0.5vw; }
.form span.tip { font-size:1.8rem; line-height: 2.4rem; letter-spacing: 0; color:#4d4d4d; width:30vw; text-indent:-2.2vw; margin:0 0 1vw 0vw; }
.affiliation span:nth-child(1) { display:inline; }
.affiliation span:nth-child(3) { display:inline; margin:0 1vw 0 0.5vw; }
.affiliation span:nth-child(5) { display:inline; margin:0 1vw 0 0.5vw; }
.affiliation span:nth-child(6) { display:inline; }
.affiliation span:nth-child(8) { display:inline; margin:0 0 0 0.5vw; }
.affiliation input:nth-child(2) { display: inline; width:5.5vw; }
.affiliation input:nth-child(4) { display: inline; width:5.5vw; }
.affiliation input:nth-child(7) { display: inline; width:6.5vw; }


.contact { display:inline-block; }
.contact span:nth-child(1) { margin:0 1vw 0 0; }
.contact span:nth-child(3) { font-size:1.8rem; }
.contact span:nth-child(5) { font-size:1.8rem; }
.contact input:nth-child(6) { width:47.22vw; }
.btn_radio { width:1.5vw; height:1.5vw; border:2px solid #debf71; margin:-0.5vw 0.5vw 0 1vw; vertical-align: middle; }
.input_contact { width:70vw; margin:0 0 3vw 0; }
.branch { float: left; margin:1vw 1vw 0 0; }
.branch_select { float: left; width:11vw; margin:1vw 1vw 0 0 ; }
.branch_often { float:left;  }

.captcha { float: left; width:36vw; margin:1vw 0 0 0; }
.captcha_left { float:left; color:#006837; font-size:2.4rem; }
.input_captcha { width:15vw; }
.captcha_right { float:right; width: 18vw;}
.captcha_left img { width:2.25vw; height:2.12vw; margin:0 0 0 0.8vw; }
.captcha_right img { width:13.07vw; height:5.67vw; }


.btn_imstaff { cursor:pointer;display: inline-block; width:12.76vw; height:1.78vw; background:url(../images/btn_imstaff.svg); background-size:12.76vw 1.78vw; line-height: 1.78vw; margin:0 0 0 1vw; vertical-align: middle; }
.btn_grow { cursor:pointer;position: relative; left: 22vw; width:14.64vw; height:3.9vw; background:url(../images/btn_grow.svg); background-size:14.64vw 3.9vw; }
.btn_list { position: relative;z-index: 999;cursor:pointer;float: left; width:16.15vw; height:4.15vw; background:url(../images/btn_list.svg); background-size:16.15vw 4.15vw; margin:0 0 0 17vw; }
.btn_list2 { cursor:pointer;float: right; width:16.15vw; height:4.15vw; background:url(../images/btn_list.svg); background-size:16.15vw 4.15vw; margin:0 17vw 10vw 0; }
.btn_proposal { position: relative;z-index: 999;right: 0; cursor:pointer;float: right; width:16.15vw; height:4.15vw; background:url(../images/btn_proposal.svg); background-size:16.15vw 4.15vw; margin:0 17vw 0 0; }
.btn_proposal2 { position: relative;z-index: 999;right: 0; cursor:pointer;float: right; width:16.15vw; height:4.15vw; background:url(../images/btn_proposal.svg); background-size:16.15vw 4.15vw; margin:-10vw 17vw 0 0; }
#btn_refresh{cursor:pointer;float: right;width:7vw;}
.footer_title { font-size: 2.1rem; margin:5vw 0 0 8.2vw; color:#989898; }
.footer_content { float:left; height:auto; width: 100%;padding-bottom: 5vw;}

#hint_success { display:none; }
#hint_success a { outline: none; }
.hint_success_txt { width:25vw; text-align: justify; }
.btn_confirm { width: 10vw; height: 3vw; margin: 3vw auto 0 auto; line-height:3vw; text-align: center; background: #74c6be; border-radius: 0.5vw; color: #fff; outline: none; cursor: pointer; }


/**** 登入頁面 ****/
.line { width:55vw; height:0.17vw; background:url(../images/line.svg) no-repeat; background-size:55vw 0.17vw; margin:2vw auto; }
.login_block { position: relative; width:33vw; height:30vw; margin:5vw auto 2vw auto; }
.login_block span { font-size:3rem; color:#006837; margin:0 0.5vw 0 0; }
.login_block div.tip { font-size:1.8rem; color:#c0272d; margin:-2vw 0 0 0; }
.login_block input { width:28vw; box-sizing: border-box; margin:0 0 2vw 0; }
.login_block .input_mail { width:32vw; box-sizing: border-box; }
.login_block .input_captcha { width:11vw; margin:0.5vw 0 0 0; }
.login_block .input_birth { width: 5vw; margin:0 0 2vw 0; }
.btn_login { width:16.15vw; height:3.52vw; background:url(../images/btn_login.svg); background-size:16.15vw 3.52vw; margin: 12vw auto 0 auto; }
.btn_backhome { position: relative;z-index: 999;float: left; width:16.15vw; height:4.15vw; background:url(../images/btn_backhome.svg); background-size:16.15vw 4.15vw; margin:-10vw 0 10vw 17vw; }
.btn_backhome2 { float: left; width:16.15vw; height:4.15vw; background:url(../images/btn_backhome.svg); background-size:16.15vw 4.15vw; margin:0 0 10vw 17vw; }


/**** 提案頁面 ****/
.btn_logout { float: right; width:6.14vw; height:3.22vw; background:url(../images/btn_logout.svg) no-repeat; background-size:6.14vw 3.22vw; margin:-4.5vw 8vw 0 0; }
.proposal_block { width:50vw; height: auto; margin:3vw auto; }
.proposal_left { float:left; width:2.8vw; height:100%; }
.proposal_right { float:right; width:46.5vw; height:auto; }
.proposal_right .no { float: left; font-size:3rem; line-height: 2.3vw; margin:0 1vw 0 0; }
.proposal_right .date { float: left; font-size:3rem; line-height: 2.3vw; }
.proposal_right .content { float: left; width: 100%; font-size:3rem; line-height: 2.3vw; margin:1vw 0 2vw 0; }
.proposal_right .modify { float: left; width: 100%; font-size:2rem; line-height: 2.3vw; margin:1vw 0 2vw 0; }
.proposal_guestbook { float: left; width: 46.5vw; font-size:2.6rem; line-height: 2.3vw; }
.guestbook_block { float: right; width:80%; height:auto; background:#fff; border-radius:2vw; margin:0 0 1vw 0; padding:1vw; box-sizing: border-box; }
.guestbook_block2 { float: left; width:80%; height:auto; background:#fff; border-radius:2vw; margin:0 0 1vw 0; padding:1vw; box-sizing: border-box; }
.guestbook_txt { line-height: 3.2rem; }
.guestbook_time { float:right; font-size:1.4rem; margin:0; color:#808080; }

.guestbook_post { float: right; width: 37vw; line-height: 2.2vw; margin:0 auto; clear: both; }
.guestbook_post span{ color:#b2b2b2; padding: 0.2vw 1vw; background:#faaf3b; color:#fff; border-radius: 10vw; border:2px solid #faaf3b; }
.guestbook_post span:hover { cursor: pointer; }
.input_post { width:30vw; height:2.2vw; border-radius: 5vw; border:2px solid #debf71; }




/**** 提案列表 ****/
.flower_board { position: absolute; top: 81.8vw; left: 34.8vw; width:29.5vw; height:17vw; }
.board_title { color:#fff; text-align: center; font-size: 3.6rem; width:100%; margin:0 0 0.5vw 0; }
.board_left { float: left; width:15vw; font-size:3.2rem; line-height: 5.5rem; color:#fff; letter-spacing: 0.1vw; margin:0 0 0 1vw; }
.board_right { float:left; width:12vw; font-size:3.2rem; line-height: 5.5rem; color:#fff; letter-spacing: 0.2vw; text-align: right; }
.board_right img { width:2.2vw; height:auto; margin:0 1vw 0 0; }
.list_slogan { font-size:5.5rem; font-weight: 900; letter-spacing: 6px; color:#ff0bb9; text-align: center; margin:5vw auto; }
.list_block { width:55vw; margin:0 auto; }
table.list { width:100%; }
.list th { font-size:3rem; font-weight: 500; color:#319e3b; text-align: center; padding:0 0 2vw 0; }
.list td { font-size:3rem; font-weight: 400; color:#333; text-align: center; padding:0.5vw 0; border: none; }
.list td.txt_left { font-size:3rem; font-weight: 400; color:#333; text-align: left; padding:0.5vw 0; }
.list td img { width:2.7vw; height:auto; margin:0; }
.page_nav { width:55vw;height:10vw; text-align: right; font-size: 3.8rem; color:#ff0bb9; margin:-1vw auto 5vw auto; }
.page_nav_sep { color:#debf71; margin:0 1.5vw; }
.page_nav a { margin:0 0.5vw; color:#ff0bb9; }
.page_nav a:hover { color:#7a0057; }
.page_no { color:#7a0057 !important; }


.circle_red { display: inline-block; width:1vw; height:1vw; border-radius: 10vw; background:#ff0000; border:3px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_yellow { display: inline-block; width:1vw; height:1vw; border-radius: 10vw; background:#faaf3b; border:3px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_green { display: inline-block; width:1vw; height:1vw; border-radius: 10vw; background:#39b44a; border:3px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_blue { display: inline-block; width:1vw; height:1vw; border-radius: 10vw; background:#29aae1; border:3px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_purple { display: inline-block; width:1vw; height:1vw; border-radius: 10vw; background:#92278e; border:3px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }



.f_rose1 { position:absolute; top:75vw; left:3vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose2 { position:absolute; top:72vw; left:10vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose3 { position:absolute; top:80vw; left:8vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose4 { position:absolute; top:85vw; left:3vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose5 { position:absolute; top:90vw; left:5vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose6 { position:absolute; top:86vw; left:10vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose7 { position:absolute; top:95vw; left:15.5vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose8 { position:absolute; top:70vw; left:20vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose9 { position:absolute; top:77vw; left:15vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose10 { position:absolute; top:90vw; left:20vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose11 { position:absolute; top:100vw; left:17vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose12 { position:absolute; top:90vw; left:28vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose13 { position:absolute; top:85vw; left:19vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose14 { position:absolute; top:79vw; left:25vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose15 { position:absolute; top:74vw; left:23vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose16 { position:absolute; top:70vw; left:20vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose17 { position:absolute; top:72vw; left:32vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose18 { position:absolute; top:84vw; left:26vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose19 { position:absolute; top:97vw; left:25vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }
.f_rose20 { position:absolute; top:75vw; left:40vw; width:4.69vw; height:3.97vw; background:url(../images/f1.svg); background-size:4.69vw 3.97vw; }

.f_pose1 { position:absolute; top:95vw; right: 2vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose2 { position:absolute; top:100vw; right: 3vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose3 { position:absolute; top:105vw; right: 8vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose4 { position:absolute; top:110vw; right: 1vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose5 { position:absolute; top:115vw; right: 7vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose6 { position:absolute; top:120vw; right: 1vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose7 { position:absolute; top:125vw; right: 4vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose8 { position:absolute; top:130vw; right: 1vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose9 { position:absolute; top:128vw; right: 10vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose10 { position:absolute; top:123vw; right: 15vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose11 { position:absolute; top:118vw; right: 17vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose12 { position:absolute; top:112vw; right: 12vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose13 { position:absolute; top:108vw; right: 14vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose14 { position:absolute; top:100vw; right: 12vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose15 { position:absolute; top:95vw; right: 13vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose16 { position:absolute; top:103vw; right: 17vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose17 { position:absolute; top:108vw; right: 20vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose18 { position:absolute; top:110vw; right: 25vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose19 { position:absolute; top:120vw; right: 23vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose20 { position:absolute; top:125vw; right: 26vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose21 { position:absolute; top:96vw; right: 24vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose22 { position:absolute; top:98vw; right: 18vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose23 { position:absolute; top:110vw; right: 33vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose24 { position:absolute; top:105vw; right: 38vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }
.f_pose25 { position:absolute; top:103vw; right: 28vw; width:4.04vw; height:3.92vw; background:url(../images/f2.svg); background-size:4.04vw 3.92vw; }

.f_tan1 { position:absolute; top:64vw; right: 1vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan2 { position:absolute; top:73vw; right: 2vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan3 { position:absolute; top:80vw; right: 12vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan4 { position:absolute; top:82vw; right: 4vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan5 { position:absolute; top:84vw; right: 22vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan6 { position:absolute; top:75vw; right: 22vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan7 { position:absolute; top:68vw; right: 14vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan8 { position:absolute; top:60vw; right: 10vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan9 { position:absolute; top:70vw; right: 30vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan10 { position:absolute; top:62vw; right: 43vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan11 { position:absolute; top:58vw; right: 32vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }
.f_tan12 { position:absolute; top:62vw; right: 23vw; width:12.42vw; height:8.8vw; background:url(../images/f3.svg); background-size:12.42vw 8.8vw; }

.f_sun1 { position:absolute; top:107vw; left: 2vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun2 { position:absolute; top:112vw; left: 6vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun3 { position:absolute; top:118vw; left: 5vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun4 { position:absolute; top:123vw; left: 8vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun5 { position:absolute; top:128vw; left: 15vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun6 { position:absolute; top:123vw; left: 20vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun7 { position:absolute; top:118vw; left: 28vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun8 { position:absolute; top:113vw; left: 14vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun9 { position:absolute; top:115vw; left: 20vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun10 { position:absolute; top:110vw; left: 30vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun11 { position:absolute; top:125vw; left: 28vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun12 { position:absolute; top:110vw; left: 42vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun14 { position:absolute; top:120vw; left: 47vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun15 { position:absolute; top:125vw; left: 53vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun16 { position:absolute; top:123vw; left: 42vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun17 { position:absolute; top:120vw; left: 35vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }
.f_sun18 { position:absolute; top:128vw; left: 37vw; width:5vw; height:6.17vw; background:url(../images/f4.svg); background-size:5vw 6.17vw; }



.q_border{width:100%;}

.q_intro_block{ width:100%; margin:5vw 0 5vw 0; text-align: center; line-height: 5rem; }
.q_title { width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; letter-spacing: 5px; margin:5vw auto 5vw auto; }
.q_title_m{display: none;}
.q_intro { width:72%; margin:0 auto; }


.q_wording_block{width:40.42vw;height:auto;margin:5vw auto;}
.q_wording_block_top{width:40.42vw;height:2.6vw;background-image: url(../images/q/deco1.png);background-size:40.42vw 2.6vw;background-repeat: no-repeat;}
.q_wording_block_bottom{width:40.42vw;height:2.6vw;background-image: url(../images/q/deco2.png);background-size:40.42vw 2.6vw;background-repeat: no-repeat;}
.q_wording_title{display:inherit;width: 100%; text-align: left; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin-bottom:1vw; }
.q_wording_title_m{display: none;}
.q_wording_content{display: inherit;width: 100%;height:auto;min-height:11.77vw;padding-left:13vw;margin:3vw 0;box-sizing: border-box;background-image: url(../images/q/icon1.png);background-size: 10.83vw 11.77vw; background-repeat: no-repeat;background-position: left top;}
.q_wording_content_m{display: none;}

.q_list_simple{float:left;width:57vw;height:auto;margin:5vw 7vw;}
.q_list_title{float:left;width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin-bottom:2vw; }

.q_list_table { float:left;width:57vw;height:auto;border:1px solid #DCBD71;background-color: #FFF;}
.q_list_columns{ float:left;width:57vw;height:auto;text-align: center; color:#006837;border-bottom: 0.1vw solid #DCBD71;}
.q_list_column_subject{ float:left;width:29.5vw;padding:1vw; box-sizing: border-box;}
.q_list_column_enddate{ float:left;width:16.5vw;padding:0.5vw 1vw;margin:0.5vw 0; border-left: 0.1vw solid #DCBD71;border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_status{ float:left;width:11vw;padding:1vw; box-sizing: border-box;}

.q_list_row{ display:flex;align-items:center;float:left;width:55vw;height:auto;margin:0 1vw; border-bottom: 1px solid #DDDDDD;}
.q_list_row:last-child{border-bottom:none;}
.q_list_value_subject{ float:left;width:28.5vw;padding:1vw; box-sizing: border-box;}
.q_list_value_enddate{ float:left;width:16.5vw;padding:1vw; text-align: center;box-sizing: border-box;}
.q_list_value_status{ float:left;width:10vw;padding:1vw 1vw 1vw 2vw;  text-align: center;box-sizing: border-box;}


.q_more_title{display:inherit;float:left;width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin:3vw 0; }
.q_more_title_m{display: none;}
.q_btn_backhome { float: left; width:16.15vw; height:4.15vw; background:url(../images/btn_backhome.svg); background-size:16.15vw 4.15vw; margin:0 27.5vw 3vw 27.5vw; }
.q_line_gray{width: 65vw;}
.q_line { width:65vw; height:0.2vw; background:url(../images/line.svg) no-repeat; background-size:65vw 0.2vw; margin:0 auto; }



.q_list_column_subject_s{ float:left;width:22vw;padding:1vw; box-sizing: border-box;}
.q_list_column_enddate_s{ float:left;width:13vw;padding:0.5vw 1vw;margin:0.5vw 0; border-left: 0.1vw solid #DCBD71;border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_status_s{ float:left;width:13vw;padding:0.5vw 1vw;margin:0.5vw 0;  border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_result_s{ float:left;width:9vw;padding:1vw; box-sizing: border-box;}


.q_list_value_subject_s{ float:left;width:21vw;padding:1vw; box-sizing: border-box;}
.q_list_value_enddate_s{ float:left;width:13vw;padding:1vw; text-align: center;box-sizing: border-box;}
.q_list_value_status_s{ float:left;font-size:2rem;width:13vw;padding:1vw;  text-align: center;box-sizing: border-box;color:#BBBBBB;}
.q_list_value_status_s a{color:#006837;}
.q_list_value_result_s{ float:left;font-size:2rem;width:8vw;padding:1vw 1vw 1vw 2vw;  text-align: center;box-sizing: border-box;}
.q_btn_act{width: 6vw;height: 2.5vw;font-size:2rem;background-color: #006837;color:#FFF;margin: 0 0 0 -0.5vw;border-radius: 0.5vw;font-weight: 550;padding:0;}


.q_list_func{float:left;width: 100%;height: auto;margin: 3vw 0;}
.q_search{float:left;width: 25vw;height: 3.5vw;background-color: #FFF;border: 0.1vw solid #DCBD71}
.q_search input{float: left;width:20vw;height:3.5vw;margin: 0;padding-left: 2vw;border: none; box-sizing: border-box;}
.q_search_btn{float: right;width: 4vw;height: 2.5vw;background-image: url(../images/q/search.png);background-repeat: no-repeat;background-size: 2.1vw 2.1vw;border-left: 0.1vw solid #DCBD71;margin: 0.5vw 0;background-position: center;}
.q_logout_btn{float:right;width:6.15vw;height:3.23vw;background-image: url(../images/q/btn_logout.png);background-repeat: no-repeat;background-size: 6.15vw 3.23vw;margin-left: 2vw;}
.q_suggest_btn{float:right;width:10.52vw;height:3.23vw;background-image: url(../images/q/btn_proposal.png);background-repeat: no-repeat;background-size: 10.52vw 3.23vw;}
.q_list_search{float:left;width: 100%;height: auto;margin: 1vw 0;}

.pagination a{color:#666666;}
.pagination .active{color:#006837;font-weight: bold;}

.a_border{width:100%;}

.a_intro { display: inherit;width: 100%; text-align: center; font-size:3.7rem; line-height: 4.8rem; letter-spacing: 5px; margin:2vw auto 0vw auto; }
.a_intro_m{display: none;}
.a_title { width: 90%; text-align: left; font-size:3rem; line-height: 4.8rem; letter-spacing: 5px; margin:3vw 5% 0 5%; color:#18904d; }
.a_content { width: 90%;height: auto;margin: 1vw 5%;}
.a_content a{ color:#18904d;}
.a_content a:hover{ color:#ff0bb9;}
.a_img { max-width: 52.083vw;width:52.083vw;height: auto;margin: 0 auto;text-align: center}
.a_img img{ max-width: 52.083vw;width:52.083vw;height: auto;}
.a_line { width:65vw; height:0.2vw; background:url(../images/line.svg) no-repeat; background-size:65vw 0.2vw; margin:1vw auto; }

.a_term_block{float:left;width: 90%;height: auto;margin:2vw 5% 0 5%;}
.a_term{float:left;width: 50%;height:18vw;line-height: 5rem;text-align:center;padding-top:12vw;background-repeat: no-repeat;background-size: 23.75vw 10.21vw;background-position: top center;box-sizing: border-box;}
.a_term1{background-image: url(../images/q/icon2.png);}
.a_term2{background-image: url(../images/q/icon3.png);}
.a_term3{background-image: url(../images/q/icon4.png);}
.a_term4{background-image: url(../images/q/icon5.png);}
.a_term span{font-size: 5rem;color:#009E9C;font-weight: bold;}
.a_term3 span{font-size: 5rem;}

.a_hot_title{width: 100%; text-align: center; font-size:3.8rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 5px; margin:3vw 0; }

.a_banner_block{max-width: 52.083vw;width:52.083vw;height:auto;margin:0 auto 3vw auto;}

.a_event_block{width: 90%;height: auto;margin:0 5% 2vw 5%;background-color: #fff;box-sizing: border-box;padding: 2vw;}
.a_event_period{font-size: 2rem;}
.a_event_title{color:#18904d;margin-bottom: 1vw;}
.a_event_title_new{color:#18904d;line-height: 4vw;padding-left:3vw;background-image:url(../images/q/new.png);background-repeat: no-repeat;background-size: 2.6vw 2.6vw;background-position: left center;box-sizing: border-box;}
.a_event_content{}
.a_event_link{text-align: right;color:#18904d; }
.a_event_link a{color:#18904d; }
.a_event_link a:hover{color:#18904d; }

















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

html{ width: 100%; height: 100%; font-size:1.56vw; overflow-x: hidden; }
body {
	width: 100%;
	height: 100%;
	font-size:2.4rem;
	font-family:'Noto Sans TC', sans-serif;
	background:#f8f3f8;
	letter-spacing:0;
	line-height:3.5rem;
	color:#666666;
	}
a:link {color:#333;}    /* 未被访问的链接 */
a:visited {color:#333;}	/* 已被访问的链接 */
a:hover {color:#333;}	/* 鼠标指针移动到链接上 */
a:active {color:#333;}	/* 正在被点击的链接 */

/**** color ****/
.red{ color:#ff0000;}
.white{ color:#fff;}
.gray { background:#eeeeee; }
.yellow { color:#f8b62d; }
.pink { color:#f19ec2; }
.brown { color:#6a3906; }


/**** bg color ****/

.for_pc{display: none;}
.for_mobile{display:inherit;}




.block { display:block; }
.clear { clear:both; }

.wrapper { width:100vw; }
.wrap { position: relative; width:100vw; }
.setin { margin: 0 auto;}
.txt_center { text-align: center; }

#back_top { position: fixed; bottom: 1%; right: 1%; z-index: 999; width:5vw; }
#back_top img { width:5vw; margin:0 0 1vw 0; }

.title { width: 100%; text-align: center; font-size:3.2rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin:15vw auto 6vw auto; }
.title2 { width: 100vw; text-align: center; font-size:3.2rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin:4vw auto 0 auto; }
.title3 { width: 100%; text-align: center; font-size:3.2rem; line-height: 4.8rem; color:#18904d; font-weight: 900; letter-spacing: 0.78vw; margin:5vw auto 0 auto; }


.content {  }

.btn { width: 16.67vw; height: 5.62vw; margin: 3vw auto 0 auto; font-size: 2.5vw; font-weight: 700; text-align: center; line-height: 5.62vw; background:#555; color:#fff; border-radius: 100vw; outline: none; cursor: pointer; box-shadow: 2px 2px 5px 0 #555; }
.btn:hover { box-shadow: none; position:relative; top:1px; }

img { max-width:100%; height:auto; }

input { width: 30vw; height: 7.2vw; line-height: 2.4vw; margin: 0.5vw auto; padding: 0 1vw; background: #fff; border:1px solid #debf71; font-size:3rem; color:#006837; }

::placeholder { font-size: 2.4rem; color:#B0BEB3; }

h2{ width: 100%; font-size:3.6rem; font-weight: 500; text-align:center; }
h3 { font-size:3.2rem; font-weight: 500; }
textarea { float: left; width:86%; height:60vw; font-size:2.4rem; border-radius: 2vw; border:1px solid #debf71; margin:0 0 0 7vw; padding: 3vw; box-sizing: border-box; }
select { float: left; width:90%; height: 9vw; font-size:1vw; line-height: 1.2vw; border-radius: 0.3vw; border:1px solid #debf71; background:#fff; margin:0 0 0 4vw; }
button { padding: 0.4vw 1.2vw; font-size:1vw; line-height: 1.2vw; border-radius: 0.26vw; background:rgba(225, 140, 59, 0.2); border:2px solid #fff; }

.footer_content ol { width: 92.3%; text-align:left; margin: 0 0 30vw 5vw; color:#989898; font-size:1.8rem; font-weight: 400; line-height: 3rem; letter-spacing: 1px; }
.footer_content ol li { width: 92.3%; margin:0 0 0 4vw; padding:0 0 0 0vw; }
.footer_content ol li ol li { width: 84.61%; list-style: outside decimal; margin:0 0 0 4vw; }
.footer_content ol li ul li { width: 84.61%; list-style: outside; margin:0 0 0 4vw; }

.footer_content ul { width: 100%; text-align:left; margin:0 0 4vw 0; }
.footer_content ul li { width: 92.3%; list-style: outside circle; margin:0 0 0 4vw; }
.footer_content ul li ol li { width: 84.61%; list-style: outside decimal; margin:0 0 0 4vw; }
.footer_content ul li ul li { width: 84.61%; list-style: outside; margin:0 0 0 4vw; }




/******** 框架 ***********/
.top_logo { float:left; width:33.77vw; height:5.3vw; margin:5.5vw 0 0 5vw; background:url(../images/logo.svg) no-repeat; background-size:33.77vw 5.3vw; }
.header_index { width:100%; height:76.87vw; background:url(../images/mobile/header.jpg) no-repeat; background-size:100% 76.87vw; }
.header_login { width:100%; height:76.72vw; background:url(../images/mobile/header_login.jpg) no-repeat; background-size:100% 76.72vw; }
.header_list { position: relative; width:100%; height:197.81vw; background:url(../images/mobile/header_list.jpg) no-repeat; background-size:100% 197.81vw; }
.top_right { font-size:1.3rem; color:#fff; float:right; margin:0.8vw 2vw 0 0; }


.btn_dropdown { display: none; position:fixed; bottom: 0vw; left: 50%; margin: 0 0 0 -5vw; width:10vw; height:10vw; background:url(../images/btn_dropdown.svg) no-repeat; background-size:10vw 10vw; z-index: 999; opacity: 0.8; transition:bottom 1s; }
.btn_dropdown:hover { opacity: 1; bottom:1vw; }


/******** 選單 menu ***********/
/*
.menu_icon { display: none; width:4.16vw; height:4.16vw; margin: 0; background:url(../images/icon_menu.png) no-repeat; background-size:4.16vw 4.16vw; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { display: none; position:absolute; top:0; right:0; width:20vw; height:100%; background:#00D7F3; opacity:0.9; }
.menu { width:100%; margin:10vw 0 0 0; }
.menu_block { float:left; width:100%; margin:1vw 0; text-align:center; }
.menu_block a { color:#fff; }
.menu_block a:hover { color:#0098BC; }
*/



/******** 首頁 ***********/
.bg_topic { position: relative; width:100vw; height:auto; margin: 15vw auto; }
.topic_top { width:100%; height:4.26vw; background:url(../images/topic_top.svg) no-repeat; background-size:68.8vw 4.26vw; background-position: center; }
.topic_bottom { width:100%; height:4.26vw; background:url(../images/topic_bottom.svg) no-repeat; background-size:68.8vw 4.26vw; background-position: center; }
.topic_money { display: none; position: absolute; top: 10vw; left: 0; width:6.26vw; height:4.3vw; /*background:url(../images/topic_money.svg) no-repeat;*/ background-size:6.26vw 4.3vw; }
.topic_intro { display: none; position:absolute; top:18vw; left:0vw; width: 100vw; padding:0; }
.topic_intro a { color:#74c6be; }
.topic_intro_m { display: block; width: 83vw; height: auto; margin: 6vw auto; text-align: left; line-height: 6vw; }
.topic_intro_m a { color:#74c6be; }

.why { width:100%; margin:15vw 0 0 0; text-align: center; line-height: 6vw; letter-spacing: 0; }
.btn_want { position: fixed; bottom: 5vh;top:inherit; right: 0; width: 12vw; height: 67vw; border-radius: 1vw; background:#74c6be; z-index: 9999; box-sizing: border-box; }
.btn_want_sep { width:80%; height:1px; background:#10a088; margin:0 auto; }
.dropdown_item1 { cursor:pointer;width:10.31vw; height:10.31vw; background:url(../images/q/mobile/sidebtn_1.png) no-repeat; background-size:10.31vw 10.31vw; margin:1.5vw auto; }
.dropdown_item2 { cursor:pointer;width:10.31vw; height:10.31vw; background:url(../images/q/mobile/sidebtn_2.png) no-repeat; background-size:10.31vw 10.31vw; margin:1.5vw auto; }
.dropdown_item3 { cursor:pointer;width:10.31vw; height:10.31vw; background:url(../images/q/mobile/sidebtn_3.png) no-repeat; background-size:10.31vw 10.31vw; margin:1.5vw auto; }
.dropdown_item4 { cursor:pointer;width:10.31vw; height:10.31vw; background:url(../images/q/mobile/sidebtn_4.png) no-repeat; background-size:10.31vw 10.31vw; margin:1.5vw auto; }
.dropdown_item5 { cursor:pointer;width:10.31vw; height:10.31vw; background:url(../images/q/mobile/sidebtn_5.png) no-repeat; background-size:10.31vw 10.31vw; margin:1.5vw auto; }




.bg_flower { width:100vw; height:21.88vw; background:url(../images/mobile/bg_flower.svg) no-repeat; background-size:100vw 21.88vw; margin:6vw auto; }
.bg_step { width:85.13vw; height:150vw; background:url(../images/mobile/bg_step.svg) no-repeat; background-size:85.13vw 133.94vw; margin:8vw auto 10vw auto; background-position: bottom; }
.bg_start { width:100vw; height:22.7vw; background:url(../images/mobile/bg_start.svg) no-repeat; background-size:156.2vw 22.62vw; margin:0 auto; background-position: center; }
.bg_form { position: relative; width:94.57vw;  background:url(../images/mobile/bg_form.svg) no-repeat; background-size:94.57vw 365.04vw; margin:10vw auto; padding:22vw 0 15vw 0; box-sizing: border-box; }
.bg_form2 { position: relative; width:94.57vw; height:390.13vw; background:url(../images/mobile/bg_form2.svg) no-repeat; background-size:94.57vw 390.13vw; margin:10vw auto; padding:22vw 0 0 0; box-sizing: border-box; }
.form_block { float: left; margin: 2vw 0 5vw 2.5vw; width:90vw; }
.form_title { width:90%; margin:0 0 4vw 8vw; font-size:2.8rem; color:#006837; text-indent: -4.5vw; }
.form_title span { font-size:2.2rem; }
.form_flower { float: left; margin:1vw 4vw; width:35vw; height:auto; }
.form_flower img { width:35vw; height:auto; margin:0 auto; opacity: 0.7; }
.form_flower img.selected { opacity:1; }
.form_flower select { opacity:0.5; font-size:2.8rem; }
.form_flower select.selected { opacity:1; }

.process_bar { width:90vw; height:45vw; background:url(../images/process_bar.png) no-repeat; background-size:90vw 14.52vw; background-position: center bottom; margin:0 auto 10vw auto; }
.process_bar1 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar1.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }
.process_bar2 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar2.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }
.process_bar3 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar3.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }
.process_bar4 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar4.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }
.process_bar5 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar5.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }
.process_bar6 { float: right; width:80vw; height:12.91vw; background:url(../images/process_bar6.png) no-repeat; background-size:80vw 12.91vw; margin: 6vw auto 0 auto; }


.form { width: 72vw; margin:0 0 0 7vw; letter-spacing: 0.31vw; }
.form span { display: block; width: 100%; font-size:2.4rem; color:#006837; }
.name { display: block; margin:0 3vw 0 0; }
.name input { width: 72vw; margin:0 0 1vw 0vw; }
.staff_no input { width: 72vw; margin:0 0 3vw 0vw; }
.staff_birth input { width: 20vw; margin:0 0 3vw 0vw; }
.phone span:nth-child(1) { display:block; margin:0 0 1vw 0; }
.phone input:nth-child(2) { width: 12vw; margin: 0 0 3vw 0; }
.phone input:nth-child(3) { width: 36vw; margin: 0 0 3vw 0; }
.phone input:nth-child(4) { width: 14vw; margin: 0 0 3vw 0; }
.cell input { width: 72vw; margin:0 0 1vw 0; }
.form span.tip { font-size:1.8rem; line-height: 3rem; color:#4d4d4d; display:block; width:76vw; text-indent:-2.2vw; margin:0 0 3vw 3vw; }
.affiliation span:nth-child(1) { display:block; }
.affiliation span:nth-child(3) { display:inline; margin:0 3vw 0 1vw; }
.affiliation span:nth-child(5) { display:inline; margin:0 0 0 1vw; }
.affiliation span:nth-child(6) { display:block; }
.affiliation span:nth-child(8) { display:inline; margin:0 0 0 1vw; }
.affiliation input:nth-child(2) { display: inline; width:18vw; }
.affiliation input:nth-child(4) { display: inline; width:18vw; }
.affiliation input:nth-child(7) { display: inline; width:40vw; }


.contact {  }
.contact span:nth-child(1) { margin:0 1vw 0 0; }
.contact span:nth-child(3) { display: inline; font-size:1.2rem; }
.contact span:nth-child(5) { display: inline; font-size:1.2rem; }
.contact input:nth-child(6) { width:75vw; margin:0 0 3vw 0; }
.btn_radio { width:4vw; height:4vw; border:2px solid #debf71; margin:1vw 0.5vw 2vw 1vw; vertical-align: middle; }
.input_contact { width:75vw; margin:0 0 3vw 0; }
.branch_select { width:77vw; margin:1vw 0 2vw 0; }


.captcha { float: left; width:73vw; margin:0vw 0 0 0; }
.captcha_left { float:left; color:#006837; font-size:2.4rem; }
.input_captcha { width:37vw; }
.captcha_right { float:right; width: 29.23vw;}
.captcha_left img { width:4.5vw; height:4.24vw; margin:0 0 0 0.8vw; }
.captcha_right img { width:29.23vw; height:12.69vw; margin:1.5vw 0 0 0; }

.btn_imstaff { cursor:pointer;display: inline-block; width:28.36vw; height:3.82vw; background:url(../images/btn_imstaff.svg); background-size:28.36vw 3.82vw; margin:0 0 0 1vw; }
.btn_grow { cursor:pointer;position: relative;  left: 29vw; width:37.57vw; height:10vw; background:url(../images/btn_grow.svg); background-size:37.57vw 10vw; }
.btn_list { cursor:pointer;float: left; width:44.9vw; height:11.51vw; background:url(../images/btn_list.svg); background-size:44.9vw 11.51vw; margin:0 0 0 3vw; }
.btn_list2 { cursor:pointer;float: right; width:44.9vw; height:11.51vw; background:url(../images/btn_list.svg); background-size:44.9vw 11.51vw; margin:0 3vw 15vw 0; }
.btn_proposal { cursor:pointer;float: right; width:44.9vw; height:11.51vw; background:url(../images/btn_proposal.svg); background-size:44.9vw 11.51vw; margin:0 3vw 0 0; }
.btn_proposal2 { cursor:pointer;float: right; width:44.9vw; height:11.51vw; background:url(../images/btn_proposal.svg); background-size:44.9vw 11.51vw; margin:0 3vw 0 0; }
.btn_refresh{cursor:pointer;}
.footer_title { width: 92.3%; font-size: 1.8rem; margin:0 auto; color:#989898; }
.footer_content { float:left; height:auto;width: 100%; padding:15vw 0 5vw 0; }


/**** 登入頁面 ****/
.line { width:100vw; height:0.42vw; background:url(../images/line.svg) no-repeat; background-size:100vw 0.42vw; margin:6vw auto; }
.login_block { position: relative; width:75vw; height:auto; margin:10vw auto 6vw auto; }
.login_block span { font-size:2.8rem; color:#006837; margin:0 0.5vw 0 0; }
.login_block div.tip { font-size:1.8rem; line-height: 2.4rem; color:#c0272d; margin:0vw 0 5vw 0; }
.login_block input { width:64vw; box-sizing: border-box; margin:0 0 3vw 0; }
.login_block .input_name { width:61.23vw; box-sizing: border-box; margin:0 0 3vw 0; }
.login_block .input_mail { width:72.97vw; box-sizing: border-box; }
.login_block .input_captcha { width:34.75vw; margin:1.5vw 0 0 0; }
.login_block .input_birth { width: 10vw; margin:0 0 2vw 1.5vw; }
.btn_login { margin: 40vw auto 0 auto; width:37.57vw; height:10vw; background:url(../images/btn_login.svg); background-size:37.57vw 10vw; }
.btn_backhome { float: left; width:44.9vw; height:11.51vw; background:url(../images/btn_backhome.svg); background-size:44.9vw 11.51vw; margin:0 0 15vw 3vw; }
.btn_backhome2 { float: left; width:44.9vw; height:11.51vw; background:url(../images/btn_backhome.svg); background-size:44.9vw 11.51vw; margin:0 0 15vw 3vw; }


/**** 提案頁面 ****/
.btn_logout { float: right; width:18.42vw; height:9.66vw; background:url(../images/btn_logout.svg) no-repeat; background-size:18.42vw 9.66vw; margin:-8vw 5vw 0 0; }
.proposal_block { width:90vw; height: auto; margin:10vw auto; }
.proposal_left { float:left; width:6vw; height:100%; }
.proposal_right { float:right; width:80vw; height:auto; }
.proposal_right .no { float: left; font-size:3.73rem; line-height: 6vw; margin:0 3vw 0 0; }
.proposal_right .date { float: left; font-size:3.73rem; line-height: 6vw; }
.proposal_right .content { float: left; width: 100%; font-size:3.2rem; line-height: 4.2rem; margin:3vw 0 6vw 0; }
.proposal_right .modify { float: left; width: 100%; font-size:2rem; line-height: 4.2rem; margin:3vw 0 6vw 0; }
.proposal_guestbook { float: left; width: 80vw; font-size:2.5rem; line-height: 2.3vw; }
.guestbook_block { float: right; width:80%; height:auto; background:#fff; border-radius:2vw; margin:0 0 3vw 0; padding:3vw; box-sizing: border-box; }
.guestbook_block2 { float: left; width:80%; height:auto; background:#fff; border-radius:2vw; margin:0 0 3vw 0; padding:3vw; box-sizing: border-box; }
.guestbook_txt { line-height: 3.2rem; }
.guestbook_time { float:right; font-size:1.4rem; margin:1vw 0; color:#808080; }

.guestbook_post { float: right; width: 78vw; margin:0 auto; clear: both; }
.guestbook_post span { color:#fff; padding: 0.7vw 2vw; font-size: 2.8rem; line-height: 5.8vw; margin:0 0 0 3vw; }
.guestbook_post span:hover { color:#666666; }
.input_post { width:50vw; height:7vw; border-radius: 10vw; border:2px solid #faaf3b; }

#hint_success { display:none; width: 94vw; padding:10vw 5vw; box-sizing: border-box; }
#hint_success a { outline: none; }
.hint_success_txt { width:100%; text-align: justify; font-size: 3rem; line-height: 4rem; }
.btn_confirm { width: 30vw; height: 10vw; margin: 10vw auto 0 auto; line-height:10vw; text-align: center; background: #74c6be; border-radius: 1.5vw; color: #fff; outline: none; cursor: pointer; }
.fancybox-button { width:10vw !important; height:10vw !important; }




/**** 提案列表 ****/
.flower_board { position: absolute; top: 89.5vw; left: 52vw; width:44.44vw; height:25.86vw; font-size:1.8rem; }
.board_title { color:#fff; text-align: center; font-size: 2.2rem; width:88%; margin:0; }
.board_left { float: left; width:19vw; font-size:1.8rem; line-height: 3rem; color:#fff; letter-spacing: 0; margin:0 0 0 0vw; }
.board_right { float:left; width:20vw; font-size:1.8rem; line-height: 3rem; color:#fff; letter-spacing: 0; text-align: right; }
.board_right img { width:auto; height:4vw; margin:0 1vw 0 0; }
.list_slogan { font-size:3rem; font-weight: 900; letter-spacing: 0.3vw; color:#ff0bb9; text-align: center; margin:5vw auto 0 auto; }
.list_block { width:100vw; margin:0 auto; }
table.list { width:96%; margin:0 auto; }
.list th { font-size:1.5rem; font-weight: 500; color:#319e3b; text-align: center; padding:0 0 2vw 0; }
.list td { font-size:1.5rem; font-weight: 400; color:#333; text-align: center; padding:0.5vw 0; border: none; }
.list td.txt_left { font-size:1.5rem; font-weight: 400; color:#333; text-align: left; padding:0.5vw 0; }
.list td img { width:5vw; height:auto; margin:0; }
.page_nav { width:100vw; text-align: center; font-size: 2.6rem; color:#ff0bb9; margin:-1vw auto 10vw auto; }
.page_nav_sep { color:#debf71; margin:0 1.5vw; }
.page_nav a { margin:0 0.5vw; color:#ff0bb9; }
.page_nav a:hover { color:#7a0057; }
.page_no { color:#7a0057 !important; }



.circle_red { display: inline-block; width:2.5vw; height:2.5vw; border-radius: 10vw; background:#ff0000; border:2px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_yellow { display: inline-block; width:2.5vw; height:2.5vw; border-radius: 10vw; background:#faaf3b; border:2px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_green { display: inline-block; width:2.5vw; height:2.5vw; border-radius: 10vw; background:#39b44a; border:2px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_blue { display: inline-block; width:2.5vw; height:2.5vw; border-radius: 10vw; background:#29aae1; border:2px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }
.circle_purple { display: inline-block; width:2.5vw; height:2.5vw; border-radius: 10vw; background:#92278e; border:2px solid #fff; vertical-align: middle; margin:0 0 0 1vw; }







.f_rose1 { position:absolute; top:141vw; left:10vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose2 { position:absolute; top:140vw; left:22vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose3 { position:absolute; top:145vw; left:4vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose4 { position:absolute; top:146vw; left:14vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose5 { position:absolute; top:149vw; left:8vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose6 { position:absolute; top:151vw; left:1vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose7 { position:absolute; top:152vw; left:15vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose8 { position:absolute; top:154vw; left:8vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose9 { position:absolute; top:158vw; left:20vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose10 { position:absolute; top:161.5vw; left:23vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose11 { position:absolute; top:159vw; left:30vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose12 { position:absolute; top:159vw; left:30vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose13 { position:absolute; top:155vw; left:26vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose14 { position:absolute; top:149.5vw; left:22vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose15 { position:absolute; top:146vw; left:24vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose16 { position:absolute; top:142vw; left:36vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose17 { position:absolute; top:146vw; left:34vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose18 { position:absolute; top:150vw; left:38vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose19 { position:absolute; top:155vw; left:36vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }
.f_rose20 { position:absolute; top:143vw; left:46vw; width:5vw; height:4.26vw; background:url(../images/f1.svg); background-size:5vw 4.26vw; }

.f_pose1 { position:absolute; top:160vw; right: 4vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose2 { position:absolute; top:163vw; right: 7vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose3 { position:absolute; top:165vw; right: 16vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose4 { position:absolute; top:166vw; right: 2vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose5 { position:absolute; top:172vw; right: 17vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose6 { position:absolute; top:172vw; right: 2vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose7 { position:absolute; top:175vw; right: 8vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose8 { position:absolute; top:180vw; right: 2vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose9 { position:absolute; top:181vw; right: 12vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose10 { position:absolute; top:186vw; right: 4vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose11 { position:absolute; top:190vw; right: 8vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose12 { position:absolute; top:188vw; right: 16vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose13 { position:absolute; top:178vw; right: 20vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose14 { position:absolute; top:174vw; right: 24vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose15 { position:absolute; top:168vw; right: 26vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose16 { position:absolute; top:165vw; right: 34vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose17 { position:absolute; top:165vw; right: 22vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose18 { position:absolute; top:158vw; right: 14vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose19 { position:absolute; top:159vw; right: 28vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose20 { position:absolute; top:163vw; right: 46vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose21 { position:absolute; top:166vw; right: 41vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose22 { position:absolute; top:172vw; right: 36vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose23 { position:absolute; top:170vw; right: 30vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose24 { position:absolute; top:175vw; right: 30vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }
.f_pose25 { position:absolute; top:160vw; right: 20vw; width:4.33vw; height:4.2vw; background:url(../images/f2.svg); background-size:4.33vw 4.2vw; }

.f_tan1 { position:absolute; top:132vw; right: 1vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan2 { position:absolute; top:139vw; right: 4vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan3 { position:absolute; top:145vw; right: 10vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan4 { position:absolute; top:149vw; right: 4vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan5 { position:absolute; top:146vw; right: 20vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan6 { position:absolute; top:132vw; right: 19vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan7 { position:absolute; top:138vw; right: 14vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan8 { position:absolute; top:127vw; right: 10vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan9 { position:absolute; top:134vw; right: 30vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan10 { position:absolute; top:128vw; right: 43vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan11 { position:absolute; top:127vw; right: 35vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }
.f_tan12 { position:absolute; top:125vw; right: 25vw; width:6.34vw; height:6.29vw; background:url(../images/f3.svg); background-size:6.34vw 6.29vw; }

.f_sun1 { position:absolute; top:162vw; left: 2vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun2 { position:absolute; top:170vw; left: 6vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun3 { position:absolute; top:182vw; left: 5vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun4 { position:absolute; top:189vw; left: 8vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun5 { position:absolute; top:180vw; left: 15vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun6 { position:absolute; top:173vw; left: 20vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun7 { position:absolute; top:188vw; left: 18vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun8 { position:absolute; top:180vw; left: 30vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun9 { position:absolute; top:185vw; left: 25vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun10 { position:absolute; top:170vw; left: 30vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun11 { position:absolute; top:173vw; left: 37vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun12 { position:absolute; top:173vw; left: 45vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun14 { position:absolute; top:178vw; left: 52vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun15 { position:absolute; top:185vw; left: 57vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun16 { position:absolute; top:188vw; left: 44vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun17 { position:absolute; top:183vw; left: 38vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }
.f_sun18 { position:absolute; top:190vw; left: 35vw; width:5.37vw; height:6.62vw; background:url(../images/f4.svg); background-size:5.37vw 6.62vw; }


.q_border{width:90vw;margin: 0 5vw;padding-bottom: 5vw;}

.q_intro_block{ width:100%; margin:5vw 0 5vw 0; text-align: center; line-height:3.5rem; }
.q_title { display:none;}
.q_title_m { display:inherit;width: 100%; text-align: center; letter-spacing: 0.78vw; margin:10vw auto; font-weight: 500;}
.q_intro { width:100%; margin:0 auto; text-align: left;}


.q_wording_block{width:80vw;height:auto;margin:5vw auto;}
.q_wording_block_top{width:80vw;height:5.15vw;background-image: url(../images/q/deco1.png);background-size:80vw 5.15vw;background-repeat: no-repeat;}
.q_wording_block_bottom{width:80vw;height:5.16vw;background-image: url(../images/q/deco2.png);background-size:80vw 5.15vw;background-repeat: no-repeat;}
.q_wording_title{display: none;}
.q_wording_content{display: none;}
.q_wording_title_m{display:inherit;width: 100%; text-align: center; font-size:3rem; line-height: 4rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin-bottom:1vw; }
.q_wording_content_m{display: inherit;width: 100%;height:auto;min-height:30vw;padding-left:0vw;padding-top:25vw;margin:3vw 0;box-sizing: border-box;background-image: url(../images/q/icon1.png);background-size: 20vw 21.74vw; background-repeat: no-repeat;background-position: center top;}

.q_wording_content_mobile{display: none;}

.q_list_simple{float:left;width:90vw;height:auto;margin:15vw 0vw;}
.q_list_title{float:left;width: 100%; text-align: center; font-size:3rem; line-height: 4rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin-bottom:2vw; }

.q_list_table { float:left;width:90vw;height:auto;border:1px solid #DCBD71;background-color: #FFF;}
.q_list_columns{ display:none;float:left;width:90vw;height:auto;text-align: center; color:#006837;border-bottom: 0.1vw solid #DCBD71;}
.q_list_column_subject{ float:left;width:29.5vw;padding:1vw; box-sizing: border-box;}
.q_list_column_enddate{ float:left;width:16.5vw;padding:0.5vw 1vw;margin:0.5vw 0; border-left: 0.1vw solid #DCBD71;border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_status{ float:left;width:11vw;padding:1vw; box-sizing: border-box;}

.q_list_row{ display:inherit;align-items:center;float:left;width:86vw;height:auto;margin:0 2vw; border-bottom: 1px solid #DDDDDD;padding:1vw;box-sizing: border-box;}
.q_list_row:last-child{border-bottom:none;}
.q_list_value_subject{ float:left;width:86vw;padding:2vw 2vw 0 2vw; box-sizing: border-box;}
.q_list_value_enddate{ float:left;width:40vw;padding:1vw 2vw;font-size: 2rem; text-align: left;box-sizing: border-box;}
.q_list_value_enddate::after{content:" 截止";}
.q_list_value_status{ float:right;width:40vw;padding:1vw 2vw;font-size: 2rem; text-align: right;box-sizing: border-box;}


.q_more_title{display:none;}
.q_more_title_m{display:inherit;float:left;width: 100%; text-align: center; font-size:3rem; line-height: 4rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin:3vw 0; }
.q_btn_backhome { float: left; width:54.84vw; height:11.875vw; background:url(../images/btn_backhome.svg); background-size:54.84vw 11.875vw; margin:0 17.58vw 10vw 17.58vw; }
.q_line_gray{width: 90vw;}
.q_line { width:90vw; height:0.5vw; background:url(../images/line.svg) no-repeat; background-size:90vw 0.5vw; margin:10vw auto; }



.q_list_column_subject_s{ float:left;width:22vw;padding:1vw; box-sizing: border-box;}
.q_list_column_enddate_s{ float:left;width:13vw;padding:0.5vw 1vw;margin:0.5vw 0; border-left: 0.1vw solid #DCBD71;border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_status_s{ float:left;width:13vw;padding:0.5vw 1vw;margin:0.5vw 0;  border-right: 0.1vw solid #DCBD71;box-sizing: border-box;}
.q_list_column_result_s{ float:left;width:9vw;padding:1vw; box-sizing: border-box;}


.q_list_value_subject_s{ float:left;width:86vw;padding:2vw 2vw 0 2vw; box-sizing: border-box;}
.q_list_value_enddate_s{ float:left;width:30vw;padding:1vw 2vw;font-size: 2rem; text-align: left;box-sizing: border-box;}
.q_list_value_enddate_s::after{content:" 截止";}
.q_list_value_status_s{ float:left;width:34vw;padding:0 2vw;margin:1vw 0;font-size: 2rem; text-align: center;box-sizing: border-box;border-right: 0.2vw solid #CCCCCC;border-left: 0.2vw solid #CCCCCC;}
.q_list_value_result_s{ float:right;width:20vw;padding:0vw 2vw;line-height:7vw;font-size: 2rem; text-align: right;box-sizing: border-box;}
.q_btn_act{width: 16vw;height: 6.5vw;font-size:1.8rem;background-color: #006837;color:#FFF;margin: 0 -2vw 0 0;border-radius: 1.5vw;font-weight: 550;box-sizing: border-box;}

.q_list_func{float:left;width: 100%;height: auto;margin: 0 0 5vw 0;}
.q_search{float:left;width: 90vw;height: 8.25vw;background-color: #FFF;border: 0.2vw solid #DCBD71;margin-top: 5vw;}
.q_search input{float: left;width:79vw;height:8.25vw;margin: 0;padding-left: 4vw;border: none; box-sizing: border-box;}
.q_search_btn{float: right;width: 10vw;height: 6.25vw;background-image: url(../images/q/search.png);background-repeat: no-repeat;background-size: 6.25vw 6.25vw;border-left: 0.2vw solid #DCBD71;margin: 1vw 0;background-position: center;}
.q_logout_btn{float:right;width:12.37vw;height:6.5vw;background-image: url(../images/q/btn_logout.png);background-repeat: no-repeat;background-size: 12.37vw 6.5vw;margin-left: 5vw;}
.q_suggest_btn{float:right;width:21.18vw;height:6.5vw;background-image: url(../images/q/btn_proposal.png);background-repeat: no-repeat;background-size: 21.18vw 6.5vw;}
.q_list_search{float:left;width: 100%;height: auto;margin: 0 0 1vw 0;}


.a_border{width:90vw;margin: 0 5vw;padding-bottom: 10vw;}
.a_intro{display: none;}
.a_intro_m { display: inherit; width: 100%; text-align: center; line-height: 3.5rem; letter-spacing: 0.78vw; margin:5vw auto;font-weight:500; }

.a_title { width: 100%; text-align: left; font-size:3rem; line-height: 4.8rem; letter-spacing: 0.78vw; margin-top:10vw; color:#18904d; }
.a_content { width: 100%;height: auto;margin: 3vw 0;}
.a_content a{ color:#18904d;}
.a_content a:hover{ color:#ff0bb9;}
.a_img { width: 100%;height: auto;}
.a_img img{ width: 100%;height: auto;}
.a_line { width:90vw; height:0.5vw; background:url(../images/line.svg) no-repeat; background-size:90vw 0.5vw; margin:5vw auto; }

.a_term_block{float:left;width: 90%;height: auto;margin:0 5% 0vw 5%;}
.a_term{float:left;width: 50%;height:30vw;font-size:2rem;line-height: 3.5rem;text-align:center;padding-top:17vw;background-repeat: no-repeat;background-size: 35vw 15.05vw;background-position: top center;box-sizing: border-box;}
.a_term1{background-image: url(../images/q/icon2.png);}
.a_term2{background-image: url(../images/q/icon3.png);}
.a_term3{background-image: url(../images/q/icon4.png);}
.a_term4{background-image: url(../images/q/icon5.png);}
.a_term span{font-size: 3.5rem;color:#009E9C;font-weight: bold;}
.a_term3 span{font-size: 2.4rem;}

.a_hot_title{width: 100%; text-align: center; font-size:3rem; line-height: 4.8rem; color:#ff0bb9; font-weight: 900; letter-spacing: 0.78vw; margin:3vw 0; }

.a_banner_block{width: 100%;height:auto;margin:0 0 10vw 0;}

.a_event_block{width: 100%;height: auto;margin:0 0 4vw 0;background-color: #fff;box-sizing: border-box;padding: 4vw;}
.a_event_period{font-size: 2rem;}
.a_event_title{color:#18904d;margin-bottom: 2vw;}
.a_event_title_new{color:#18904d;line-height: 10vw;padding-left:7vw;background-image:url(../images/q/new.png);background-repeat: no-repeat;background-size: 5vw 5vw;background-position: left center;box-sizing: border-box;}
.a_event_content{}




}



@media screen and (max-width: 360px)  {
.flower_board { position: absolute; top: 89vw; left: 50vw; width:43vw; height:25.86vw; font-size:1.8rem; }
.board_title { color:#fff; text-align: center; font-size: 2.4rem; width:100%; margin:0; }
.board_left { float: left; width:22vw; font-size:2rem; line-height: 3.1rem; color:#fff; letter-spacing: 0; margin:0; transform:scale(0.8); }
.board_right { float:right; width:22vw; font-size:2rem; line-height: 3.1rem; color:#fff; letter-spacing: 0; text-align: right; transform:scale(0.8); }
.board_right img { width: auto; height:4vw; margin:0 1vw 0 0; }
.list th { font-size:1.8rem; font-weight: 500; color:#319e3b; text-align: center; padding:0 0 2vw 0; transform:scale(0.9); }
.list td { font-size:1.8rem; font-weight: 400; color:#333; text-align: center; padding:0.5vw 0; transform:scale(0.9); }

}