/* CSS Document */
@charset "utf-8";
/*@import url(_reset.css);
@import url(_basic.css);*/

/* CSS Document */
*{
	/*margin及padding的標準化*/
	margin: 0;
	padding: 0;
	/* [disabled]border: 0; */
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*解除padding跟寬高的關係*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-height:100%;
}

#fancybox-overlay { max-height:none; }

html{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}

:focus {outline: 0;}

/*標準font-size*/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

input, button, textarea,select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*移除清單的list-style樣式*/
ol,ul,li {
list-style:none;
}

code, kbd, samp, tt {font-size: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.RexCB {
	clear: both;
	height: 0px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

a {
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* DeskTop First 桌機版優先 */
#wrapper {
	width: 100%;
	height: 100%;
	bottom: 0;
	/*網頁內設定999以內 */
	z-index: 999;
}
.area-box {
	width: 100%;
}

.area-1220 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1220px;
	width: 100%;
}

.area-970 {
	margin-right: auto;
	margin-left: auto;
	max-width: 970px;
	width: 100%;
}

.area-850 {
	margin-right: auto;
	margin-left: auto;
	max-width: 850px;
	width: 100%;
}

.area-25 {
	padding-right: 2.5%;
	padding-left: 2.5%;
}

#toTop {
	height: 48px;
	width: 48px;
	position: fixed;
	right: 10px;
	bottom: 20px;
	display: none;
	cursor: pointer;
	z-index: 999;
}

/* ==平板電腦====================================== */
@media screen and (min-width: 640px) and (max-width: 969px) {

	html, body {
		width: 100%;
		min-height: 100%;
		font-size: 18px;
	}

	#wrapper {
		width:100%;
		max-width: 100%;
		min-height:100%;
		bottom: 0;
	}

}
/* ==手機電腦====================================== */
@media screen and (max-width: 639px) {
	
}