/**
 *  use CSS Classes for Slopoo studio
 *  Copyright (c) 2009-2012 Varmus Lin (http://www.slopoo.com.tw/)
 *  varmus@slopoo.com.tw
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 */
@charset "utf-8";
/* CSS Document */
body { position:relative; }
#wrapper
{
	position:relative;
	overflow:hidden;/*background:url(../images/default/bg_03.png) no-repeat center top;*/
}

/* QRcode */
#box_qrcode{
	position:fixed;
	top:195px;
	right:0;
	background:url(../images/default/qrcode_prev.png) no-repeat left top;
	width:109px;
	height:111px;
	z-index:999;
}
#box_qrcode.over{ background:#ff3; }
#box_qrcode .qr_bg img{ margin:5px 4px; }
#box_qrcode img { display:none; }
#box_qrcode.over .qr_bg img { display:block; }

/* 會員專區 */
#box_member{
	display:block;
	position:absolute;
	background:url(../images/default/mamber_bg.png) repeat-x left top;
	width:100%;
	height:31px;
	left:0;
	top:0;
}
#box_login { display:none; }
.box_member_open{
	background:url(../images/default/member_open.png) no-repeat left top;
	width:16px;
	height:8px;
	position:absolute;
	bottom:-30px;
	right:0;
}
.member { }
.member_l
{
	float:left;
	width:48%;
}
.member_l a, .member_l a:hover { color:#008aff; }
.member_r
{
	float:right;
	/*width:48%;*/
	text-align:right;
	color:#000000;
}
.member_r a { color:#000000;/*#AFAEAE;*/ }

/* 區塊上 */
#box_banner { margin-bottom:14px; }

/* partners_slider */
.partners_slider{							/*slider_detail寬高*/
	margin:0;
	height:54px;
	width:100%;
}
.partners_slider .mask
{
	margin:0 auto;
	width:840px;
	height:54px;		/*slider遮罩寬高*/
}
.partners_slider .items_bar li{
	width:140px;
	height:54px;			/*內容區寬高自定，一般同遮罩區*/
	float:left;
}
.partners_slider .items_bar li a{ margin-top:10px;}
.partners_slider .arrow{				/*設定左右按鈕定位及寬高*/
	width:20px;
	height:54px;
	top:0px;
}
.partners_slider .arrow.arrow_prev{	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow2_prev.png) left center no-repeat;
	left:0px;
}
.partners_slider .arrow.arrow_next{	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow2_next.png) right center no-repeat;
	right:0px;
}

/* 主要資訊區 */
#pagebody
{
	background: #dfdfdf;
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfdfdf), color-stop(15%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: linear-gradient(to bottom, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff', GradientType=0 );
	overflow:hidden;
}
.page_content
{
	overflow:hidden;
	padding:17px 20px;
}
#page_top
{
	overflow:hidden;
	padding-bottom:13px;
	margin-bottom:20px;
	border-bottom:#cccccc 1px solid;
}
#page_top h3
{
	float:left;
	width:48%;
	color: #141414;
}

/* 2026-08 線上報名頁改版（照使用者提供的 HTML/CSS 稿），先只套用在 .mod-register_new，
   後來確認沒問題後跟 album/news 一起統一成不分模組，內容主體(#my_content)、
   側邊選單(#navigation) 都是白底圓角卡片，跟稿子的 .main-wrapper 效果一致。
   這裡用不分模組的寫法(不加 .mod-xxx scope)套用到 style.css 有載入的所有頁面(不含首頁，
   首頁走 index.css 是另一份版面) */
#pagebody{
	background:none;
}
.page_content{
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	box-shadow:0 4px 20px rgba(0,0,0,0.1);
	overflow:hidden;
	margin-top:16px;
	margin-bottom:40px;
}
/* 2026-08 register_new 頁面內容區裡多包了一層 Bootstrap 的 .container(main-wrapper/row)，
   跟 navbar 那個 .container 一樣會被 Bootstrap 斷點的 max-width 蓋掉、變比 page_content 窄，
   這裡明確蓋回 max-width:none，讓內容區實際寬度真的跟 page_content 一樣寬，不會內縮 */
.page_content > .container{ max-width:none; }
/* 2026-09 register_new 滿版嘗試：#pagebody.container 原本被 common.css 訂死 1200px，
	這裡只在 .mod-register_new 這個 body class 底下蓋掉，改成流動寬度、左右留 40px，
	不影響其他模組共用的 #pagebody 寬度。Bootstrap 的 .container(main-wrapper) 拿掉
	max-width 之後本來就是 width:100%，會自動跟著外層變寬；.row 底下的 col-lg-3/9
	也是用 % 分配，一起變寬不用另外調 */
.mod-register_new #pagebody.container{
	width:auto;
	max-width:none;
	padding-left:100px;
	padding-right:100px;
	box-sizing:border-box;
}
/* 2026-09 上面內容區改滿版了，頁尾也一起改，跟內容區同一組呼吸空間，左右對齊。
	下面這行舊註解說的「拿掉滿版特例」是指之前另一次改版的事，跟這次的滿版嘗試無關，
	這裡是重新加回來。#footer 自己本身就有白色背景（不像 #pagebody 是子層
	.page_content 才有背景），只加 padding 的話背景會直接畫到 padding 底下、貼齊
	瀏覽器邊界，完全沒留邊。改成 margin 40px（背景本身跟瀏覽器邊界之間真正留白的邊，
	跟 #pagebody.container 的 40px padding 留出來的視覺寬度對齊一致）+ padding 20px
	（裡面文字自己的呼吸空間） */
.mod-register_new #footer.container{
	width:auto;
	max-width:none;
	margin-left:100px;
	margin-right:100px;
	padding-left:20px;
	padding-right:20px;
	border-radius:16px;
	box-sizing:border-box;
}
/* 2026-08 footer 拿掉滿版特例，改回跟全站一樣的 #footer.container(1360px置中)，見 common.css */
/* 2026-09 news 滿版嘗試：跟 register_new 一樣先把 #pagebody/#footer 的 .container 打開，
	但 news 這類頁面（aside 選單 + #box_center 內文）是用 display:table-cell 排的兩欄，
	沒有另外包一層 display:table，瀏覽器會自動生成一個「匿名 table」包住這兩個
	table-cell——匿名 table 預設跟 <table> 一樣是縮到內容大小(shrink-to-fit)，不會像
	一般 div 撐滿容器，所以就算外層 .container 變寬，這兩欄還是維持原本 163+940px
	的寬度、不會跟著變寬，右邊會空一大塊。改成 aside 用 float:left（寬度維持 163px
	不變），#box_center 用 overflow:hidden 建立自己的 BFC、寬度改 auto——這是不用
	flexbox 也能讓「浮動側欄 + 自動撐滿剩餘空間的主內容」的經典寫法，#box_center
	就會自動吃掉 aside 讓出以外的所有寬度 */
.mod-news #pagebody.container{
	width:auto;
	max-width:none;
	padding-left:100px;
	padding-right:100px;
	box-sizing:border-box;
}
/* 2026-09 #footer 自己本身就有背景色，跟上面 #pagebody.container(背景在子層
	.page_content) 不一樣，只加 padding 背景會貼齊瀏覽器邊界、完全沒留邊，
	一樣改成 margin 40px + padding 20px，見上面 .mod-register_new 那組同樣的說明 */
.mod-news #footer.container{
	width:auto;
	max-width:none;
	margin-left:100px;
	margin-right:100px;
	padding-left:20px;
	padding-right:20px;
	border-radius:16px;
	box-sizing:border-box;
}
/* 2026-09 album/user 滿版：這兩個模組都沒有 aside 側欄，內容本身也不是
	display:table-cell 排的（album 是 #album_list li{float:left;width:214px}
	的方塊網格，靠 float 自然換行；user 底下的表單/清單也都是一般 block/float），
	外層 .container 變寬後會自動吃到更多空間、方塊網格自然排得下更多欄，不會像
	news 那樣卡住，所以不用另外處理，直接套用跟 register_new 一樣的做法即可 */
.mod-album #pagebody.container,
.mod-user #pagebody.container{
	width:auto;
	max-width:none;
	padding-left:100px;
	padding-right:100px;
	box-sizing:border-box;
}
.mod-album #footer.container,
.mod-user #footer.container{
	width:auto;
	max-width:none;
	margin-left:100px;
	margin-right:100px;
	padding-left:20px;
	padding-right:20px;
	border-radius:16px;
	box-sizing:border-box;
}
/* 2026-09 common.css 的 body{background:#fff !important} 全站強制白底，上面幾組
	margin 留的邊在 devtools 量得到、但肉眼看不出來——那圈範圍露出來的就是 body 的
	白色，跟 #footer/.page_content 卡片本身的白色背景幾乎一樣。只在這兩個改過滿版
	的模組給 #wrapper 一個淺灰底色，讓留白邊界能實際被看到，不影響其他頁面 */
.mod-register_new #wrapper,
.mod-news #wrapper,
.mod-album #wrapper,
.mod-user #wrapper{
	background:#eef1f5;
}
.mod-news aside{
	display:block;
	float:left;
}
.mod-news #box_center{
	display:block;
	float:none;
	overflow:hidden;
	width:auto;
}
.mod-register_new #path_top, .mod-register_new #path_top a{ color:rgba(255,255,255,0.7); font-size:12px; }
.mod-register_new #path_top a:hover{ color:#ffffff; }
.mod-register_new #path_top span{ color:#ffffff; font-weight:600; }
.mod-register_new #page_top{ border-bottom:none; padding-bottom:0; }
.mod-register_new #page_top h3{ color:#ffffff; font-weight:800; font-size:22px; }
.mod-register_new #navigation{
	background:#ffffff;
	border-radius:16px;
	box-shadow:0 10px 30px rgba(0,0,0,0.12);
	padding:20px;
	margin-top:24px;
}
.mod-register_new .aside_title{ font-size:1.02rem; font-weight:700; color:#263238; margin-bottom:0.8rem; padding:0; }
.mod-register_new .aside_title i{ margin-right:8px; color:#f37021; }
.mod-register_new .left_center li a i{ width:18px; margin-right:6px; text-align:center; color:#90a4ae; }
.mod-register_new .left_center li.open a i{ color:#0369a1; }
.mod-register_new .left_center li{ margin-bottom:6px; }
.mod-register_new .left_center li a{
	border-radius:10px;
	color:#546e7a;
	font-weight:500;
	padding:12px 16px;
}
.mod-register_new .left_center li a:hover{ background:#f1f5f9; color:#008cba; }
.mod-register_new .left_center li.open a{
	background:#e0f2fe;
	color:#0369a1;
	font-weight:700;
	border-left:none;
	padding-left:16px;
}
.mod-register_new #my_title h3{ color:#ffffff; font-weight:800; }
.mod-register_new #my_content{
	background:#ffffff;
	border-radius:16px;
	box-shadow:0 10px 30px rgba(0,0,0,0.12);
	padding:24px;
	margin-top:24px;
	box-sizing:border-box;
}

/* 左選單區 */
aside
{
	display: table-cell;
	width:163px;
	border-right:#9e9f9d 1px dotted;
	padding:0 18px 0 0;
}
#navigation { }
.left_center li
{
	padding:10px 0;
	border-bottom:#cccccc 1px solid;
}
.left_center li a
{
	display:block;
	background:url(../images/default/icon_01.png) left 2px no-repeat;
	color:#000000;/*#737373;*/
	padding:0 0 0 20px;
	text-decoration:none;
	line-height:1.4;
}
.left_center li a:hover { background:url(../images/default/icon_02.png) left 2px no-repeat; }
.left_center li.open a
{
	background:url(../images/default/icon_02.png) left 2px no-repeat;
	color:#ff3600;
}
.class_accordion li ul
{
	position:absolute;
	height:auto;
}

/* 第二層 */
.left_center li ul { }
.left_center li ul.zero
{
	padding:0px;
	border:none;
}
.left_center li ul li, .left_center li.open ul li
{
	border:none;
	padding:3px 0 3px 0;
}
.left_center li ul li a, .left_center li.open ul li a
{
	background:none;
	color:#ff8a00;
}

/*tooltip*/
#tooltip
{
	position:absolute;
	background:#000000;
	color:#ffffff;
	margin-left:5px;
}
.tooltip { padding:0 9px; }
#tooltip .tooltip:before
{
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000000;
	border-top: 5px solid transparent;
	content: "";
	height: 0;
	left: -5px;
	position: absolute;
	top: 6px;
	width: 0;
}

/* 左廣告區 */
ul.left_ad { margin-top:20px; }
ul.left_ad li
{
	padding:0;
	margin:0 0 20px 0;
	border:none;
}

/* 右區塊 */
#box_center
{
	display: table-cell;
	padding:0 0 0 18px;
	width:940px;
}
/* 2026-08 內文舊資料常帶固定 px 寬度的表格/圖片，外框加寬後會留下大片空白，強制跟著容器寬度縮放 */
.edtor table{ width:100% !important; max-width:100%; }
.edtor img{ max-width:100%; height:auto; }
#my_title { }
#my_title h3
{
	color:#ff3600;
	font-size:26px;
}
.box_share { }
#my_content {
	min-height:350px;
	clear:both;
}
article footer
{
	border-top:#9e9f9d 1px dotted;
	padding:11px 0 0 0;
	margin:40px 0 0 0;
}

/* 廣告區塊 */
#box_ad
{
	position:relative;
	margin:0 0 25px 0;
}
.ad_close
{
	position:absolute;
	right:1px;
	top:-1px;
	cursor:pointer;
}
.ad_slider
{							/*slider_detail寬高*/
	margin:0 auto;
	height:119px;
	width:718px;
}
.ad_slider .mask
{
	width:720px;
	height:119px;		/*slider遮罩寬高*/
}
.ad_slider .items_bar li
{
	width:718px;
	height:119px;		/*內容區寬高自定，一般同遮罩區*/
}
.nav_key
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:20px;
	z-index:999;
	text-align:center;
}
.nav_key a
{
	background:url(../images/default/icon_05.png) no-repeat left top;
	width:9px;
	height:9px;
	padding:0 5px 0 0;
}
.nav_key a span { visibility : hidden; }
.nav_key a:hover, .nav_key a.over { background:url(../images/default/icon_06.png) no-repeat left top; }

/* 關於我們 */
#about_box { margin:35px 0 0 0; }

/* 公告 */
#box_bulletin
{
	margin:0 0 30px 0;
	overflow:hidden;
}
.box_bulletin
{
	overflow:hidden;
	margin:0 0 30px 0;
}
.bulletin_text
{
	color:#010101;
	font-size:16px;
	margin:0 0 15px 0;
	line-height:1.5;
}
.bulletin_img
{
	float:left;
	border:#b6b6b5 1px solid;
	width:223px;
	height:203px;
	margin:0 15px 0 0;
	padding:1px;
}
.bulletin_img img { }
.bulletin_information
{
	float:right;
	width:698px;
	font-size:13px;
	color:#000000;/*#4f4f4f;*/
}
.b_title { color:#ff3600; }
.bulletin_btn { margin:5px 0 0 0; }
.bulletin_btn li
{
	float:left;
	margin:0 15px 0 0;
}

/* 活動公告 */
#ac_box { margin:35px 0 0 0; }

/* 課程公告 */
#class_box { margin:35px 0 0 0; }

/* 最新消息 */
#news_box { }
#news_box .edtor { min-height:350px; }
#news_list { }
#news_list li
{
	border-bottom:#d1d1d1 1px solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	font-size:13px;
}
#news_list span { line-height:1.4; }
#news_list .sort
{
	display:block;
	color:#000000;/*#4f4f4f;*/
}
#news_list .title a, #news_list .title a:hover
{
	color:#ef5a00;
	font-size:16px;
}
.news_time
{
	color:#000000;/*#9b978a;*/
	font-size:13px;
	line-height:1.4;
	margin:0 0 20px 0;
}
.news_tool
{
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	padding:10px 0;
	margin:35px 0 0 0;
	overflow:hidden;
}
.news_tool_l
{
	float:left;
	width:48%;
}
.news_tool_r
{
	float:right;
	width:48%;
	font-size:11px;
	color:#000000;/*#6c6c6c;*/
	text-align:right;
}
.news_tool_r a, .news_tool_r a:hover { color:#000000;/*#6c6c6c;*/ }
#extended_reading
{
	margin:10px 0 0 0;
	font-size:13px;
}
#extended_reading h4 { border-bottom:#cccccc 1px solid; }
#extended_reading li
{
	color:#999898;
	border-bottom:#cccccc 1px solid;
	padding:3px 0;
}
#extended_reading li a, #extended_reading li a:hover { color:#2c6db7; }

/* 影像紀錄 */
#box_album { }
ul#album_list { overflow:hidden; }
#album_list li
{
	float:left;
	margin:0 21px 30px 0;
	width:214px;
	height:200px;
}
#album_list li.first { height:430px; }
#album_list li.end { margin:0; }
#album_list li.first .text { border-right:#9e9f9d 1px dotted; }
.album_story { padding:15px 0 0 0; }
.album_story span
{
	display:block;
	color:#ef5a00;
	font-size:13px;
}
.album_img
{
	border:#cccccc 1px solid;
	padding:10px 9px;
	width:194px;
	height:129px;
}
.album_img:hover
{
	border:#ffe05d 1px solid;
	background:#ffe05d;
}
.album_name { margin:5px 0 0 0; }
.album_name a, .album_name a:hover { color:#010101; }
.album_link { }

/*活動行曆曆*/
#calendar_timer
{
	width:163px;
	/*width:183px;*/

	border:none;
	padding:0 18px 0 0;
	float:left;
}
.timer
{
	width:100%;
	margin:0;
	padding:5px 8px 10px;
	background:#fff100;
}
.timer_clock
{
	position:relative;
	padding:5px 0;
	margin:10px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#calendar_timer .day
{
	position:absolute;
	right:14px;
	bottom:30px;
	font-size:105px;
	color:#0e3963;
	font-weight:bold;
	line-height:1;
	letter-spacing:-10px;
}
.timer_discount
{
	padding:3px 9px 3px 8px;
	height:19px;
	width:auto;
	margin:1px 0;
	color:#fff;
	background:#ff3600;
	float:left;
}
.timer_arrow
{
	margin-top:9px;
	float:left;
}
#calendar
{
	width:250px;
	height:320px;
	float:left;
}
#calendar_data
{
	width:430px;
	margin:0 20px 20px;
	font-size:13px;
	float:left;
}
#calendar_data h4 { margin-top: 30px; }
#calendar_data span.text { margin-left:10px; }
div.line
{
	width:100%;
	margin-top: 30px;
	border-bottom: 2px solid #eee;
}
.bike_news, .bike_itinerary { min-height:4em; }

/*會員登入頁*/
#box_center.box_center
{
	display:block;
	width:auto;
	margin:0;
	padding:0;
}
.login_box.clear{
	width:480px;
	float:left;
	/*margin-bottom:50px;*/
	/*padding:30px 0 50px 25px;*/
	padding:20px 0 5px;
	overflow:hidden;
	border:1px solid #ccc;
}
.lock_img{
	float:left;
	margin:0 20px;
	height:100%;
}
.login_form
{
	float:left;
	/*height:155px;*/
}
.login_form .login_btn {
	margin-top: 15px;
    padding: 20px 0;
}
.login_form .form_btn
{
	width:97px;
	border-radius:0px;
}
.member_login{
	font-size:16px;
	margin-right:5px;
}
.member_page{
	overflow:hidden;
}
.member_page .login_box{
	background:#FFFF33;
}
.member_page .separator{
	float:left;
	height:240px;
	line-height:240px;
	text-align:center;
	margin:0px 11px;
}
.services{
	float:right;
	font-size:13px;
	width:380px;
	/*height:148px;*/
	/*margin:18px 0 0;*/
	/*padding:40px 40px 47px 40px;*/
	padding:20px 10px 10px;
	border:1px solid #ccc;
	overflow:hidden;
}
.member_page h4.title{
	font-size: 16px;
    color: #023285;
    margin:0 0 16px 4px;
}
.services .fb_login_btn{ float:left; }
.services .login_note{ width:180px; float:left; font-size:11px; margin-left:10px;}
.services .b_title{
	border-top:1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
.services ul{
	margin:0;
	padding:0;
}
.services li { padding:0; }
.box_center footer { clear:both; }
#captcha1 { }
.inline_colorbox { display:none; }
.member_help{
	width:740px;
	padding:30px 30px 15px;
	background:#ffffff;		/*	2026-08 原本是刺眼的黃色 #fff100，改成白底+陰影，跟現在整站的卡片式彈窗風格一致 */
	border-radius:12px;
	box-shadow:0 10px 40px rgba(0,0,0,0.15);
	overflow:hidden;
}
.member_help h3{
	display:block;
	margin:0 0 15px;
	color:#0e3963;
	font-size:20px;
}
.member_help ol{
	margin-bottom:10px;
	padding:30px 0 30px;
	border-bottom:1px dotted #999;
}
.member_help li{
	margin-left:20px;
	list-style:decimal outside none;
}
.member_help .form_btn{
	float:right;
	border-radius:0px;
}
#member_join{
	width:180px;
	background:#fff100;
	overflow:hidden;
	float:left;
}
.register_birthday
{
	margin-left:3px;
	margin-right:30px;
}
#zip { width:30px; }
.profile { padding:5px 15px 10px; }
.profile h3 { font-size:24px; }
#member_query .profile { text-align:center; }
#member_query .profile img { border:1px solid #ccc; }
.member_pic { margin:0 auto 5px; }
.pic_edit
{
	padding:0 15px 0 20px;
	background:url('../images/default/member_edit.png') left center no-repeat;
}
.register
{
	width:700px;
	margin-left:40px;
	margin-bottom:30px;
	float:left;
}
fieldset { margin:5px 0; }
.form_note
{
	margin:20px 0;
	padding:25px 0;
	font-size:13px;
	font-weight:bold;
	color:#e5793b;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
}
.register .register_btn { text-align:center; }
.register .register_btn input:nth-child(2) { margin-left: 15px; }
.justity
{
	text-align: justify;
	text-justify:inter-ideograph;
}
#register_send { }
#relogin { }
#ajax_colorbox
{
	background:#fff100;
	width:485px;
	overflow:hidden;
}
#ajax_colorbox h3
{
	display:block;
	margin-bottom:20px;
}
.ajax_colorbox { padding:25px 35px; }
#ajax_colorbox fieldset { margin:10px 0; }
#ajax_colorbox .form_btn
{
	float:right;
	border-radius:0px;
}
.captcha_btn
{
	border-top:1px dotted #999;
	padding-top:10px;
	margin-top:20px;
}
.forget_pass h3
{
	display:block;
	font-weight:bold;
	font-size:26px;
	color:#ff3600;
	margin-bottom:20px;
}
.forget_pass p
{
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.forget_pass span
{
	font-size:13px;
	margin-right:10px;
}
.forget_pass .register_btn
{
	border-top:1px dotted #999;
	height:255px;
	padding-top:25px;
	margin-top:85px;
}
.forget_pass .register_send { float:left; }
.modify_password h3
{
	display:block;
	font-weight:bold;
	font-size:26px;
	color:#ff3600;
	margin-bottom:20px;
}
.modify_password p
{
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.modify_password input[type="password"] { margin:0; }
.modify_password .register_btn
{
	border-top:1px dotted #999;
	padding-top:25px;
	margin-top:50px;
	margin-bottom:100px;
}
.member_profile { margin:20px; }
.member_name
{
	border-right:1px dotted #000;
	padding-left:20px;
	padding-right:80px;
}
.member_email { padding-left:40px; }
.member_profile .register_btn { margin-top:25px; }
#member_query
{
	width:180px;
	overflow:hidden;
	float:left;
}
#member_query .pic_edit
{
	background:url('../images/default/member_edit1.png') left center no-repeat;
	text-align:left;
}
.query_list
{
	border-top:1px solid #cccccc;
	clear:both;
}
.query_list li
{
	padding-left:18px;
	background:url('../images/default/icon_01.png') left 5px no-repeat;
	border-bottom:1px solid #cccccc;
}
.query_list li a
{
	display:block;
	margin:5px 0;
}
.query_list li.over
{
	padding-left:15px;
	background:url('../images/default/icon_02.png') left 5px no-repeat;
}
.query_list li.over a
{
	color:#ffc600;
	font-weight:bold;
}
.query_list div { display:none; }
.query_list .over div { display:block; }
.query_list table
{
	padding-left:10px;
	margin:0 auto;
}
.query_list table, .query_list td { border:1px solid #d1d1d1; }
.query_list td div
{
	display:block;
	margin:15px 8px;
}
tr.tb_title td
{
	margin:0;
	background:#fff100;
	text-align:center;
}
tr.tb_title td div { margin:5px 8px; }
.query_note { margin:10px 0; }
.query_list .active_data { padding:5px 0 50px; }
.active_data table td { text-align:left; }
.query_list div.note, .register .note
{
	color:#fe3000;
	font-weight: bold;
}
.query_list tr.even { background:#e9e9e8; }
.register td
{
	padding:2px 0;
	color:#000000;/*#343333;*/
}
.register td span { margin:0 5px; }
.register td a { color:#0072ff; }

/* 檔案下載 */

#download_box { }

/* 線上報名 */

#register_box { }
#register_list li
{
	border-bottom:#cccccc 1px solid;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#register_list li.end
{
	border:none;
	padding:0;
	margin:0;
}
#register_box .title{
	cursor:pointer;
	color:#ff3600;
	font-size:16px;
}
#register_box .note
{
	display:block;
	color:#000000;/*#4f4f4f;*/
	font-size:13px;
}
#register_list li ul li
{
	border:none;
	padding:0;
	margin:0;
}
div.box_bulletin { display:none; }
.over div.box_bulletin { display:block; }

/*contact*/
#inc_source
{
	padding-right:0;
	width:180px;
	overflow:hidden;
}
#inc_source div
{
	border-bottom:1px solid #ccc;
	margin-right:10px;
	padding-bottom:20px;
	margin-bottom:20px;
}
#inc_source h5 { color:#ffc600; }
#box_center.contact
{
	padding:0 0 0 18px;
	width:940px;
}
#box_center.contact p
{
	display:block;
	margin-bottom:30px;
}
.contact_form { width:595px; }
.contact_form td { padding:5px 0; }
.contact_form textarea
{
	width:98%;
	margin:0;
	padding-left:0;
	padding-right:0;
}
.contact_form .register_btn
{
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:30px;
	text-align:center;
}
.contact_form .register_btn input:nth-child(2) { margin-left:15px; }

/* 網頁路徑 */
#path, #path a
{
	color:#000000;/*#6c6c6c;*/
	font-size:11px;
}
#path span { color:#ff3600; }

/* Footer */

footer
{
	position:relative;
	overflow:hidden;
}
#footer
{
	background:#ffffff;
	padding:25px 0 15px 0;
	overflow:hidden;
}
footer nav
{
	position:relative;
	border-top:#cecfce 1px solid;
	border-bottom:#cecfce 1px solid;
	padding:10px 0;
	margin:0 19px 18px 19px;
	color:#5b6c8e;
	font-size:13px;
	font-weight:bold;
}
ul.footer_menu
{
	display:inline-table;
	overflow:hidden;
}
ul.footer_menu li
{
	float:left;
	padding:0 21px;
	border-right:#9e9f9d 1px dotted;
}
ul.footer_menu li a { color:#5b6c8e; }
ul.footer_menu li a:hover { color:#ff3600; }
ul.footer_link { display:inline-table; }
ul.footer_link li
{
	float:left;
	padding:0 7px;
}
footer .text
{
	float:left;
	width:50%;
	color:#000000;/*#444343;*/
	font-size:11px;
	margin-left:19px;
}
footer .copyright
{
	float:right;
	width:45%;
	color:#000000;/*#444343;*/
	font-size:11px;
	text-align:right;
	margin-right:19px;
}
footer .copyright a, footer .copyright a:hover { color:#000000;/*#444343;*/ }

/* 網站搜尋 */
.box_search
{
	float:right;
	width:48%;
	text-align:right;
	padding:2px 0 0 0;
}
.box_search span.err { border:1px solid red; }

/*box_sitemap*/
#box_sitemap { visibility:hidden; }

/* 合作夥伴 */
#box_partners
{
	background:#cecfce;
	padding:5px 19px;
}
.partners_arrow
{
	position:absolute;
	left:280px;
	top:26px;
}
span.search_key { color:#008AFF; }
span.hs { color:#ccc; }

/*likebtn*/
.like_btn { float:left; }
.fb-like.like_btn { margin-right:10px; }
.fb_like .fb-like span { overflow:hidden; }

/* 會員資料修改 */
a.newmember_upload{
	display:block;
}
.edit_data { display:none; }
.login_table{ width:100%; }
.login_table .justity{ width:80px; }
.login_table fieldset{ margin:0; }
input[type=file].hide{
	display:block;
	display:none;
}
td span.valid_check{ margin:0; }
.valid_check.hide{ display:none; }
td span.valid_tw{ margin:0; }
.valid_tw.hide{ display:none; }
input.err{ border:1px solid red; }

/*inlinebox*/
.register_colorbox{
	display:none;
}
/*google翻譯*/
.goog-te-gadget{
	float:right;
	margin-right:10px;
}
.goog-te-gadget-simple img{
	display:none;
}
.goog-te-gadget-simple.none{
	background:none;
	border:none;
}

/*	2026-09 網站搜尋框（news / register_new 共用格式，layout/b-search.php 與
	register_new/list.php 都會用到），刻意不依賴 Bootstrap（Bootstrap 只在
	register_new 模組載入，見 layout/header.php 的說明），這裡手刻等效樣式；
	選擇器故意疊兩層 class 把優先度墊高，蓋掉本檔案上面 input[type="text"] 那條
	全站灰底/圓角規則 */
.news-search-form{
	display:flex;
	max-width:260px;
}
#page_top .news-search-form{ float:right; margin-top:2px; }
.news-search-form .news-search-input{
	flex:1 1 auto;
	min-width:0;
	background:#ffffff;
	border:1px solid #ced4da;
	border-radius:0.25rem 0 0 0.25rem;
	margin-left:0;
	padding:0.25rem 0.75rem;
	font-size:0.875rem;
}
.news-search-form .news-search-input:focus{
	border-color:#ced4da;
	background:#ffffff;
	outline:none;
	box-shadow:none;
}
.news-search-form .news-search-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.25rem 0.6rem;
	font-size:0.875rem;
	color:#6c757d;
	background:#ffffff;
	border:1px solid #ced4da;
	border-left:none;
	border-radius:0 0.25rem 0.25rem 0;
	cursor:pointer;
}
.news-search-form .news-search-btn:hover{
	color:#ffffff;
	background:#6c757d;
	border-color:#6c757d;
}