@charset "UTF-8";
/*
 * Base Layout & Presentation stylesheet - (X)HTML/CSS
 *
 * @copyright       Copyright (c) 2011, Gamania Inc. All rights reserved.
 * @link            http://www.gamania.com
 * @version         2.1.0
 * @lastmodified    $Date: 2011-12-01 14:10
 *
 */
 


/* ----------------------------------- */
/* Yahoo UI Library CSS Reset */
/* ----------------------------------- */
/*
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 3.0.0b1
	build: 1160
*/
html{ 
	color:#000; 
	background: #FFF; 
	}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th, { 
	margin: 0; 
	padding: 0;
	}


fieldset,
img {
	border: 0;
	}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
	}

li {
	list-style: none;
	}

caption,
th {
	text-align: left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	}
q: before,
q: after {
	content: '';
	}
abbr,
acronym {
	border: 0;
	font-variant: normal;
	}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
	}
sub {
	vertical-align: text-bottom;
	}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle;
	resize: none;
	}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
	}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
	}




/* ----------------------------------- 
 Content clearfix 
 ----------------------------------- */
.Clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

/*.Clearfix: after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	}
.Clearfix { display: inline-block; }*/

/* float clearing for IE6 */
* html .Clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .Clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.Clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* ----------------------------------- 
 Font and background
 -------------------------------------*/
body, html {
	background-color:#FFF;
 	}

 p, td, th, ul, ol, textarea, input, span {
	color: #666666;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	right: auto;
	}

	
.footer a{
	background-color: transparent;
	color: #FF8300;
	text-decoration: none;
	outline: none;	
	}
.footer a:hover {
	background-color: transparent;
	color:#F93;
	text-decoration: underline;
	outline: none;	
	}



/* ----------------------------------- 
 Footer formatting 
 ----------------------------------- */
p.Copyright {
	color: #666666;
	font-size: 12px;
	}
p.Copyright a {
	padding-left: 3px;
	padding-right: 3px;
	color: #FF8300;
	font-size: 12px;
	text-decoration: underline;
	}
p.Copyright a:hover {
	color: #F38630;
	font-size: 12px;
	}


/*mine*/
.title {
	font-family:微軟正黑體,新細明體;
	font-size:16px;
	color:#FF8300;
	line-height:px;
	font-weight:bold;
}

.title2 {
	font-family:微軟正黑體,新細明體;
	font-size:24px;
	color:#000;
	line-height:30px;
	font-weight:bold;
}

.text {
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #FF8300;
	line-height:20px;
	}
.text a {
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #222;
	line-height:20px;
	text-decoration:none;
	}
	
.text a:hover{
	text-decoration:underline;
	color: #FF8300;
    }
	
.goto {
	font-family:"微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF8300;
	line-height:40px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-color:#000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	text-decoration:none;
	text-style:bold;
	width: auto;
}	

.goto a:hover{
	font-family:"微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF8300;
	line-height:40px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-color:#000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	text-decoration:underline;
	text-style:bold;
	width: auto;
}	
	
.sp {	
     font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;}
	
.sp2 {	
     font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CCC;
	font-weight:bold;
	line-height:20px;}
.sp3 {
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:20px;}
.small {	
     font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight: normal;
	line-height:20px;
	}

#divFooter{
	border-top: 3px solid #FF8300 !important;
}

.row{
	margin-bottom: 12px;
}
.align-center{
	text-align: center;
}
.bfm-btn{
	padding: 13px 25px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	outline: 0;
	border: none;
	border-radius: 200px;
	box-sizing: border-box;
	background-color: #ff8343;
	appearance: none;
	display: inline-block;
}

@media screen and (max-width: 750px){
	.row{
		margin-bottom: 3.2vw;
		font-size: 4vw;
	}
	.row *{
		font-size: 4vw;
	}
	.bfm-btn{
		padding: 3.4666vw 6.6666vw;
		font-size: 5.3333vw;
	}
}