/**
 *  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";
body {
	font-size:12px;
	color:#000000;/*#605f5f;*/
	vertical-align:middle;
	margin:0 auto;
}

/* 連結定義 */
a{ text-decoration:none; color:#000000;/*#333333;*/}
a:link{}
a:visited{}
a:hover, a:active{}


/* 基本設定 */
h1{
	display:inline;
}
h1.webname{ display:none;}
.weblogo{ display:none;}

h2{
	font-size:18px;
	line-height:33px;
	color:#ffffff;
}

h3{
	color:#383737;
	font-size:18px;
	display:inline;
	vertical-align:middle;
}
h4{
	color:#000000;
	font-size:16px;
}

img{ vertical-align:middle;}
select,input,textarea,radio,checkbox{vertical-align:middle;}
input[type="email"], input[type="password"], input[type="text"], input[type="url"], input[type="search"],textarea{
	border:#cccccc 1px solid;
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
	padding:3px 5px;
	margin-left:3px;
}
input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus,textarea:focus{
	border:#4D90FE 1px solid;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}
input[type="image"]{border:none;}
input[type="radio"]{background:none; border:none;}
input[type="submit"], input[type="resed"]{
	border:none;
	padding:2px 3px;
	cursor:pointer;
}
input[type="checkbox"]{background:none;	border:none;}

/* 按鈕樣式 */
.btn_style01{
	background:url(../images/default/register_send.png) left top no-repeat;
	color:#79522c;
	font-size:16px;
	font-weight:bold;
	padding:0;
	width:94px;
	height:36px;
}
.btn_style02{
	background:url(../images/default/register_reset.png) left top no-repeat;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	width:95px;
	height:36px;
	text-align:center;
	border:none;
}


/* 共用區塊 */
.container{
	width:960px;
	margin:0 auto;
	position:relative;
}

header{
	padding:29px 0 14px 0;
	overflow:hidden;
}
header nav{
	float:right;
	background:url(../images/default/line_01.png) no-repeat right center;
	text-align:left;
	margin:19px 0 6px 0;
}
header nav li{
	float:left;
	background:url(../images/default/line_01.png) no-repeat left center;
	text-align:center;
	padding:0 25px;
	font-size:14px;
	line-height:20px;
}
header nav li a{color:#ffffff;}
header nav li a:hover{ color:#f3f334;}

#box_login{
	position:absolute;
	left:140px;
	top:25px;
	z-index:99;
	color:#36444d;
}
.login_wrapper{
	background:#ffff33;
	padding:15px 25px;
	margin:18px 0 0 0;
	box-shadow:0 0 6px #d7d7d7;
}
.login_box{
	float:left;
	width:300px;
}
.or_line{
	margin:0 10px;
	width:27px;height:180px;
	float:left;
	display:block;
	background:url(../images/default/or_line.png) no-repeat center;
}
.fb_login_box{
	float:left;
	width:180px;
}
.fb_login_box .login_note{ font-size:11px; }
.fb_login_box .title{ color:#023285; margin:0 0 16px 4px; }
.fb_login_box p{ color:#023285; margin:8px 0 0 4px; }
.login_arrow{
	position:absolute;
	top:0px;
	left:44px;
}
#box_login .title{
	font-size:16px;
}
#box_login .title span{ font-size:12px; padding-left:12px; vertical-align:bottom;}
.login_input table td{
	padding:3px 2px;
	font-size:13px;
}
.login_btn{
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	border-top:dotted #9e9f23 1px;
	overflow:hidden;
}
.form_btn{
	display:blcok;
	float:left;
	background:#a0a0a0;
	width:90px;
	height:33px;
	border-radius:5px;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
	margin-left:15px;
}
.form_btn a{
	color:#ffffff;
	font-size:14px;
	display:block;
	height:33px;
	line-height:33px;
	font-weight:bold;
}
.form_btn input{
	color:#ffffff;
	font-size:13px;
	background:none;
	height:33px;
	font-weight:bold;
}
.form_btn.over{
	margin:0;
	background:#36444d;
}
.login_btn01{
	background:#36444d;
	width:90px;
	height:33px;
	border-radius:5px;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}
.login_btn02{
	background:#a0a0a0;
	width:90px;
	height:33px;
	border-radius:5px;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	margin:0 0 0 12px;
	font-weight:bold;
}

#box_sitemap{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background: rgba(9%,9%,9%,0.85);
}
#box_sitemap ul{ width:160px; float:left; }
#box_sitemap ul li{ }
#box_sitemap li a{ display:block; margin:0px 10px; padding:10px 0; border-bottom:1px dotted #989898; color:#989898;}
#box_sitemap li.site_top a{ color:#fff100; }
.sitemap_box{}
.sitemap_content{
	padding:37px 0px;
}
.box_search{
	display:inline-table;
	width:180px;
	color:#5b6c8e;
	font-size:13px;
	padding-top:-10px;
}
.box_search span{
	background:#ffffff;
	border:#cdcdcd 1px solid;
	padding:4px 0;
}
.box_search span.err{border:#ff0000 2px solid;}
.box_search span input{
	background:none;
	border:none;
	padding:0;
}
.box_search span input[type="image"]{padding:2px 4px 2px 0;}
.box_search span input:focus{
	border:none;
	box-shadow:none;
}

/* 大寫 */
.uppercase, .code { text-transform:uppercase;}
#blood_type, #id_number{
	text-transform: uppercase;
}

/* 編輯器 */
.edtor ol, .edtor ul{
	list-style:decimal;
	padding:0 0 0 2em;
}

/* 表單 */
.required{
	color:#ff0000;
}

/*清除浮動*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* g-style */
.g_style{
	display:inline-block;
	float:right;
}
.g_style a{ color:#000000;/*#AFAEAE;*/; text-decoration:none;}