/**
 *  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{
}
#wrapper{
	overflow:hidden;
	background: url(../images/register/bg2.png) repeat-x left top,
				url(../images/register/bg3.png) no-repeat center top;
}
/*colorbox*/
.register_downlist{
	background:#c00;
	color:#fff;
	padding:10px 20px;
	margin-bottom:30px;
	font-size: 18px;
}
.register_downlist span{
	color:#FC0;
}
.register_colorbox{ display:none; }
.inline_colorbox { color:#f93f1e; display:none; }
a.inline_colorbox{ display:inline;}
.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;
}
/* 主要資訊區 */
#pagebody{
	overflow:hidden;
}

/* 會員登入 */
#register_login{
	overflow:hidden;
	padding:157px 20px 0 20px;
	min-height:300px;
}
.login_icon{
	float:left;
	width:80px;
	margin:0 30px 0 0;
}
.login_form{
	float:left;
	display:block;
	/*width:307px;*/
}
.login_l{
	float:left;
	clear:left;
	width:422px;
	height:169px;
	background:#fff100;
	padding:30px 12px;
}
.login_r{
	float:right;
	clear:right;
	width:275px;
	height:169px;
	background:#fafafa;
	padding:30px 89px;
}
.login_r .title{
	color:#464646;
	font-size:24px;
	margin:0 0 15px 0;
}

/* 步驟流程 */
#box_step{
	overflow: hidden;
	margin-top:25px;
	margin-bottom:28px;
	text-align:right;
}

/* 左選單區 */
aside{
	float:left;
	clear:left;
	width:182px;
	background:#ffffff;
	padding:14px 0px;
}
#navigation{
}
.left_title{
	color:#ff3600;
	font-size:30px;
	line-height:1;
	margin-bottom:10px;
	padding:0 9px;
}

.left_center li{
	width:164px;
	margin:0 auto;
	padding:10px 0;
	border-top:#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:#ffc600;
}
/* 第二層 */
.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:0;
	margin:0 0 0 -9px;
	width:182px;
}
.left_center li ul li a, .left_center li.open ul li a{
	background:none;
	color:#ff8a00;
	padding:9px 5px 9px 28px;
}
.left_center li ul li a:hover, .left_center li.open ul li a:hover{
	background: #fcf248;
	background: -moz-linear-gradient(top,  #fcf248 0%, #fdeb33 51%, #fce433 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf248), color-stop(51%,#fdeb33), color-stop(100%,#fce433));
	background: -webkit-linear-gradient(top,  #fcf248 0%,#fdeb33 51%,#fce433 100%);
	background: -o-linear-gradient(top,  #fcf248 0%,#fdeb33 51%,#fce433 100%);
	background: -ms-linear-gradient(top,  #fcf248 0%,#fdeb33 51%,#fce433 100%);
	background: linear-gradient(to bottom,  #fcf248 0%,#fdeb33 51%,#fce433 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf248', endColorstr='#fce433',GradientType=0 );
	border:#e9ca54;
}

/* 個人報名資訊 */
.left_personal{
	background:none;
/*	padding:10px 4px;*/
}
.left_group{
	background:#FFF100;
	padding:10px 4px;
}
.personal_title{
	font-size:30px;
	color:#36444d;
	text-align:center;
}
.personal_content{
	color:#6d6d6d;
	padding:0 0 0 20px;
}
.box_project{
	background:#36444d;
	color:#fefefe;
	padding:13px 11px;
	margin:10px 0 0 0;
}
.project_title{
	font-size:18px;
	border-bottom:#868f94 1px dotted;
	padding:0 0 2px 0;
	margin:0 0 10px 0;
}
.project_content{
	margin-bottom:20px;
}
.project_content:last-child{
	margin-bottom:0;
}
.project_content a{
	color:#fefefe;
}
.project_content span{
	font-size:14px;
	color:#fff100;
}
.size_label{
	float:left;
	min-width:50px; height:18px;
	clear:both;
	text-align:center;
	border:1px solid #8ab9c5;
	color:#8ab9c5;
	line-height:18px;
	background:#fff;
	padding:0 5px;
	margin-right:10px;
}
select[name*=clothes_chose]{
	vertical-align:top;
}
/*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;
}

/* 右區塊 */
#box_center{
	float:right;
	clear:right;
	width:716px;
	background:#ffffff;
	padding:20px 22px;
}
#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_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;
	width:227px;
	margin:0 15px 0 0;
}
.bulletin_img img{
	border:#b6b6b5 1px solid;
	padding:1px;
}
.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;
}

/* 個人/團體 */
#box_sign{
	border-bottom:#cccccc 1px solid;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#box_sign .note{
	display:block;
	color:#ff5c25;
	padding:5px 0 0 0;
}
.trans_price{ font-size: 18px; color:#ff0000; }
/* 會員資料 */
#register_member{
	overflow:hidden;
	border-bottom:#cccccc 1px solid;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#register_member .pic_edit{
	width:140px;
}
#register_member .left{
	float:left;
}
.newmember_upload{display:block;}
#register_member .img{
	margin:0 0 5px 0;
}
#register_member .img img{
	padding:4px;
	border:#cccccc 1px solid;
}
#register_member .right{
	float:right;
	min-width:520px;
}

.register{
	float:left;
}
.group_data{
	margin-top:40px;
}
.profile_data, .group_data{
	padding:10px 4px;
	background:#fff100;
}
.register td span{ margin:0 10px; }
.register td { padding:3px 0; }
.team_register{ width:100%; }
.team_register table{ width:100%; }
.register td a { color:#0072ff; }
.profile { padding:5px 15px 10px; }
.profile h3 { font-size:24px; }
#register_member .profile { text-align:center; padding:0; }
#register_member .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_member .pic_edit
{
	background:url('../images/default/member_edit1.png') left center no-repeat;
	text-align:left;
}
input.err{ border:1px solid red; }
.login_table .justity{ width:80px; }
.edit_data { display:none; }
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_btn{
	text-align:center;
}
.register_btn input{
	width:94px;
	height:36px;
	text-align:center;
	font-weight:bold;
}
.justity{
	text-align: justify;
	text-justify:inter-ideograph;
}
#register_send, #relogin{
	color:#79522c;
	font-size:16px;
	background:url('../images/default/register_send.png') center no-repeat;
}
#register_reset{
	color:#ffffff;
	font-size:15px;
	margin-left:15px;
	background:url('../images/default/register_reset.png') center no-repeat;
}
#zip{
	width:30px;
}
/*會員登入頁*/

#box_center.box_center{
	background:none;
	display:block;
	padding:20px;
	width:auto;
	margin:157px 0;
	float:none;
}

.login_box.clear{
	width:460px;
	float:left;
	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:420px;
	padding:20px 10px 10px;
	border:1px solid #ccc;
	overflow:hidden;
	background:#fff;
}
.member_page h4.title{
	font-size: 16px;
    color: #023285;
    margin:0 0 5px 25px;
}
.services .fb_login_btn{ float:left; margin-left:20px;}
.services .login_note{ width:180px; float:left; font-size:11px; margin-left:10px;}
.services .b_title{
	border-top:1px solid #ccc;
    margin-top: 10px auto 0;
	width:100%;
    padding-top: 10px;
}
.services .b_title a{
	display:block;
	margin-left:25px;
}
.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{
	width:100%;
	overflow:hidden;
	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;
}
.right .register{ width:100%; margin:0; }
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 0 0; }
.register td a { color:#0072ff; }
/* 團報、加購專區 */
#box_purchase{
	overflow:hidden;
	border-bottom:#cccccc 1px solid;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#team_purchase{
	position:relative;
	overflow:hidden;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
}
.join_purchase{
	background:#deddd9;
	padding:15px;
	margin:10px 0 10px 0;
}
.join_purchase.hide{ display:none; }
#add__purchase .birthday{ display:inline-block; margin:0; }
td span.valid_check, span.valid_check{ display:inline-block; margin:0; width: 60px; }
.valid_check.hide{ display:none; }
.purchase_note{
	color:#ff5c25;
}
.purchase_content{
	position:relative;
	background:#deddd9;
	padding:15px 20px;
	margin:10px 0 0 0;
}
.add_memberlist .purchase_content{ margin:0; }
.purchase_content textarea{
	border:#cccccc 1px solid;
	background:#ececec;
	margin:10px 0 0 0;
}
#team_purchase a.add_member{
	float:right;
}
#membername.lock{
	color:#ccc;
}
.purchase_close{
	background:#858582;
	text-align:center;
}
.purchase_close a{
	display:block;
	font-size:10px;
	padding:5px 0;
	line-height:10px;
	color:#fff100;
}
#team_member li{
	background:url(../images/register/newdata_01.png) no-repeat left 8px;
	border-top:1px solid #ccc;
	font-weight:bold;
	color:#000;
}
#team_member li.click{
	background:url(../images/register/newdata_02.png) no-repeat left 8px;
}
#team_member td.err{ color:red; }
#team_member li td{ margin:0;padding:0; }
#member_msg{
	position:absolute;
	left:0;top:6px;
	width:100%;
	text-align:center;
	color:#ff0000;
	visibility:hidden;
}
#member_msg.on{
	visibility:visible;
}
.member_data{
	padding:5px 0;
}
#team_member li.newdata{
	background-color:yellow;
}
.member_data table{
	width:100%;
}
.member_data span{
	color:#ff3600;
}
.delete_btn{
	visibility:hidden;
}
li.over .delete_btn{
	visibility:visible;
}
.user_add{ margin: 10px auto; }
.user_add span{ margin: 0 10px 0; }
/* 活動費用 */
#box_cost{}
.nt_price{
	font-size:17px;
	color:#ff3600;}
.price{
	font-size:17px;
	color:#ff3600;
}
.member_cash{ color:#ff3600; }
.member_cash .price{ font-size:100%; }
#box_cost .note{
	font-size:13px;
	color:#ff3600;
}

/* 按鈕區塊 */
.btn_box{
	border-top:#cccccc 1px solid;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
}
/*register_signup*/
.register_note{
	background:#e2e0d6;
	padding:10px 20px;
	margin-bottom:30px;
	overflow:hidden;
	border:1px solid #ccc;
}
.register_note img{
	margin:0 5px;
}
.note{
	color:#ff3600;
	font-weight:bold;
}
#register_signup table{
	width:100%;
	margin:10px auto;
}
#register_signup table, #register_signup td{
	border:1px solid #000;
	font-weight:bold;
	text-align:center;
}
#register_signup td{
	padding:5px 0;
	color:#000;
}
#register_signup td.note{
	color:#fa1103;
}
#register_signup td span{
	width:100%;
	display:block;
	text-align:left;
	margin-left:30px;
}
.register_link{
	width:100%;
	margin:10px auto 30px;
	overflow:hidden;
	text-align:center;
}
.register_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	height:36px;
	padding:0 18px;
	margin:0 5px 5px 0;
	border-radius:6px;
	border:1px solid transparent;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.15);
	white-space:nowrap;
	vertical-align:middle;
}
.register_btn:hover{
	filter:brightness(1.06);
}
.register_btn:active{
	filter:brightness(.94);
}
.register_btn_edit{
	background:linear-gradient(to bottom, #5bb0f0, #2f8fd4);
	border-color:#2678b5;
}
.register_btn_cancel{
	background:linear-gradient(to bottom, #f2825c, #e15b2c);
	border-color:#c94a1e;
}
.register_btn_print{
	background:linear-gradient(to bottom, #8fd15a, #5fae2e);
	border-color:#4c9124;
}
.register_btn_later{
	background:linear-gradient(to bottom, #c9ccd1, #a3a8ae);
	border-color:#8b9096;
}
.register_btn_pay{
	background:linear-gradient(to bottom, #ffb347, #f5821f);
	border-color:#d96a0a;
}
.register_btn_locked{
	background:linear-gradient(to bottom, #9aa1a8, #6f767d);
	border-color:#5c6268;
	pointer-events:none;
	cursor:not-allowed;
}
.register_btn_locked::before{
	content:'';
	width:12px;
	height:12px;
	border:2px solid rgba(255,255,255,.5);
	border-top-color:#fff;
	border-radius:50%;
	animation:register_btn_spin .8s linear infinite;
}
@keyframes register_btn_spin{
	to{ transform:rotate(360deg); }
}
.bg_td{
	background:#eee;
}
.register_banknote{
	background:#fd4919;
	color:#fff;
	padding:10px 20px;
	margin-bottom:30px;
	font-size: 16px;
}
.register_banknote h4{
	color:#fff;
}
.register_banknote span{
	color:#FC0;
}
.impnote_notes{
	margin:10px auto 20px;
}
.close_win{
	text-align:center;
	margin-top:40px;
}
/* Footer */
footer{
	overflow:hidden;
	color:#9a9a9a;
}
#footer{
	padding:35px 0 15px 0;
	overflow:hidden;
}
footer .copyright{
	font-size:11px;
	text-align: center;
}
footer .copyright a, footer .copyright a:hover{color:#9a9a9a;}
.class_accordion li ul{ position:absolute; height:auto; }

#float_mask{
	position:absolute;
	width:716px;
	height:98%;
	overflow:hidden;
	background:url(../images/register/bg3.png) no-repeat 20% 20%;
	background-color:#ffffff;/* 背景色 */
	filter:alpha(opacity=50); /* IE 透明度20% */
	-moz-opacity:0.5; /* Moz FF 透明度20%*/
	opacity: 0.5; /* 支持CSS3的瀏覽器（FF 1.5也支持）透明度20%*/
	z-index:999;
	font-size:24px;
	text-align:center;
}
#float_mask_message{
	background:#000;
	height:60px;
	line-height:60px;
	color:#FFF;
	margin-top: 395px;
}
#float_mask_message a{
	color:#FFF;
}