/**
 *  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;
}

/* 左選單區 */
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:720px;
}
#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:470px;
	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:#36444d;
	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:#fff100;
	overflow:hidden;
}
.member_help h3{
	display:block;
	margin:0 0 15px;
}
.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:720px;
}
#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;
}