@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, Tahoma, Verdana, DFLiHei, "華康儷黑", "Microsoft YaHei New", "Microsoft JhengHei", "微軟正黑體", "MHei", "Lucida Grande", "Lucida Sans Unicode", "STHeiti Light", "STXihei", sans-serif;
	color: white;
}
HTML {
	scrollbar-face-color:#e5e5e5;
	scrollbar-arrow-color:#aaa;
	scrollbar-track-color:#FFF;
	scrollbar-shadow-color:#aaa;
	scrollbar-highlight-color:#aaa;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	overflow-y : scroll;
} /*IEb@.FireFox䴩*/
.lineD {
	height:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
	clear:both;
}

#free_form {
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
/* 加入會員 */



.joinBox {
	width:100%;
	/*border:1px solid #999;*/
	margin: 0 auto;
	overflow:hidden;
	padding:0;
	background-color: transparent;
	/*-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;*/
}
.joinBox h1 {
	color:#FFF;
	display:block;
}
.joinBox h1:after{
	color:#178FF0;
	content:"免費加入會員試聽";
	display:block;
	font-size:1.25em;
	line-height:1.75em;
	font-weight:bold;
	position: relative;
	margin:-60px auto 0 auto;
	border-bottom:2px solid #178FF0;
}
.joinBox em {
	color:#F30;
	padding:0 1px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:normal;
	font-size:1em;
}
.joinBox table {
	color:#555;
	vertical-align:middle;
}
.joinBox th{
	width:20%;
	font-size:0.85em;
	max-width:100px;
	font-weight:normal;
	color:#000;
	padding:1px 2px 2px 1px;
 *padding:1px 2px 1px 0px !important;
	_padding:1px 2px 1px 0px;
	text-align:right;
	white-space: nowrap;
}
.joinBox th, .joinBox td {
	padding:5px 0;
	line-height:1.5em;
}
.joinBox td {
	color:#555;
	text-align:center;
}
.joinBox p {
	color:#555;
	text-align:center;
	padding:0;
	font-size:13px;
}
.joinBox form {
	margin:0;
	padding:0;
}
.joinBox a, .joinBox a:visited {color:#390; text-decoration:underline; padding:0 3px;}
.joinBox a:hover{color:#F00; }
.input02 {
	color:#222;
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
	margin:auto 10% auto 0;
	padding:0 0 0 10px;
	float:left;
	border:1px solid #ccc/*1e62d0*/;
	background-color:#FFF;	
	height:42px;
	line-height:2em;
	-moz-border-radius:5px;
	-webkit-border-radius:0px;
	border-radius:5px;
	-webkit-appearance: none;
}
/**/
.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
width:auto;
cursor: pointer;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}

select{
	color:#666;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	color:#333;
  outline: thin dotted #F90;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio,
.checkbox {
  min-height:20px;
  padding-left: 20px;
  vertical-align:middle;
}
option{ line-height:32px; height:32px;}/**/
.w120 {
	width:92%;
	margin:2px auto;
}
.al {
	width:90%;
	max-width:650px;
	margin:10px auto 20px auto;
 *padding:0 5px 0 10px !important;
	overflow:hidden;
	text-align:center;
}
.out {
	 display: inline;
    float: left;
    width: 44%;
    font-size:20px;
		font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
    -moz-border-radius: 5px;
    -webkit-border-radius: 0px;
    border-radius: 5px;  
		-webkit-appearance: none;
    padding:15px 10px;
    margin: 0 0 0 10px;
		max-width:325px;
    text-decoration: none;
		border: 1px solid #178FF0;
    background:#0169CB;/*表單按鈕變色*/
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background: -ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    /* background-color: #ededed; */
    color: #FFF;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
    cursor: pointer;
}
.out:hover {/*in*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	border:1px solid #ce0100;
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	box-shadow:inset 1px 1px 0px 0px #f29c93;
}
.in:hover {
	border:1px solid #F66;
	filter: alpha(opacity=70);
	-moz-opacity: 0.80;
	opacity: 0.80;
	cursor: pointer;
}
.fontColor {
	color:#999;
	padding-left:5px;
}
.fontNote {
	color:#CC3300;
	padding-left:5px;
}

input[type="radio"], .checkbox input[type="checkbox"] {
	vertical-align: bottom;
}
@media ( min-width : 600px ) {
	.joinBox table tr th{ max-width:125px;}
	.joinBox tr th, .joinBox table tr td { font-size:1em;}
	.out{ margin:0 0 0 15px;}
}