@charset "UTF-8";
/*
http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
body {
    line-height: 1;
    margin:0;
}
ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }

a {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
a, a:hover
{
    text-decoration: none !important;
}


/*  clearfix
http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
*/
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #37302a;
    background: #fff;
    font: normal 100%/1rem Arial
}

/*
 force Hardware Acceleration with translate3d
*/
/*html {
    -webkit-transform: translate3d(0px,0px,0px);
}*/



/* Mobile tap highlighting */
* {
    -webkit-tap-highlight-color: transparent;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}
a:focus {
    /*outline: thin dotted;*/
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

/*舊版瀏覽器CSS 2.0辨識用*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*新版瀏覽器CSS 3.0辨識用*/
*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*----------------- 統一默認設定 -----------------*/
html, body, form {
	height: 100%;
	margin: 0;
}
body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", "serif";
	line-height: normal;
	font-size:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
body {
	line-height: normal;
}
}

/* clear */
.xxx-clear:before, 
.xxx-clear:after, 
.xxx-clear::before, 
.xxx-clear::after {
	content: "";
	display: table;
}
.xxx-clear:after, 
.xxx-clear::after {
	clear: both;
}
.xxx-clear {
	zoom: 1;
}

/* scrollToTop */
.scrollToTop2 {
	width:50px;
	height:50px;
	text-align:center;
	text-decoration: none;
	position:fixed;
	right:15px;
	bottom:20px;
	display:none;
	background: url('../images/to-top2.html') no-repeat 0px 0px;
	background-size: 50px 50px;
	-ms-behavior: url("css/backgroundsize.min.html");/*ie7 ie8*/
	behavior: url("css/backgroundsize.min.html");/*ie7 ie8*/
	z-index:9999;
	transition: none;
	-webkit-transition:none;
}
.scrollToTop2:hover {
	text-decoration:none;
	transition: none;
	-webkit-transition:none;
}

/*colorbox*/
#cboxOverlay, 
#colorbox, 
#colorbox div, 
#colorbox button, 
#colorbox a {
	transition:none !important;
	-webkit-transition:none !important;
}
/*ie10-11 class辨識區*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
}

/*ie10-11 class自適應辨識區*/
@media screen and (-ms-high-contrast: active) and (max-width: 1024px),
(-ms-high-contrast: none) and (max-width: 1024px) {
}

@media only screen and (max-width: 1280px){
}

@media only screen and (max-width: 1024px){
}


@media only screen and (max-width: 780px){
}

@media only screen and (max-width: 640px){
}

@media only screen and (max-width: 480px){
}