/* 通用*/
#Xmas{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif, '黑體', "微軟正黑體";  /*背景*//*全螢幕*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* set image max width to 100% */
#Xmas img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/*中間內容*/
#Xmas .center1366 {
	width: 1366px;
	height: 100%;
	margin: 0 auto;
	padding: 0 50px;
	display: block;
}

/* 螢幕等高 */
#Xmas .vh100 {
	height: 100vh;
}
/*置中*/
#Xmas .center {
	margin: 0 auto;
}
/* 浮動float*/
#Xmas .left {
	float: left;
}
#Xmas .right {
	float: right;
}
#Xmas .clear {
	clear: both;
}
/* 定位 */
#Xmas .rel {
	position: relative;
}
#Xmas .abs {
	position: absolute;
}
#Xmas .fix {
	position: fixed;
}
#Xmas .z1 {
	z-index: 1;
}
#Xmas .z2 {
	z-index: 2;
}
#Xmas .z3 {
	z-index: 3;
}
#Xmas .z4 {
	z-index: 4;
}
#Xmas .z5 {
	z-index: 5;
}
#Xmas .z6 {
	z-index: 6;
}
#Xmas .z7 {
	z-index: 7;
}
#Xmas .z8 {
	z-index: 8;
}
#Xmas .z-1 {
	z-index: -1;
}
#Xmas .z99 {
	z-index: 99;
}
#Xmas .z999 {
	z-index: 999;
}
#Xmas .z9999 {
	z-index: 9999;
}
/* 背景色 */
#Xmas .bgwhite {
	background-color: #fff;
}
#Xmas .bggray {
	background-color: #ececec;
}
#Xmas .bggrayd {
	background-color: #aaaaaa;
}
#Xmas .bgblack {
	background-color: #313131;
}
#Xmas .bggold {
	background-color: #bda999;
}
#Xmas .bggoldd {
	background-color: #998674;
}
#Xmas .bgred {
	background-color: #ba282a;
}
#Xmas .bgyred {
	background-color: #d82c2c;
}
#Xmas .bgcomplexion {
	background-color: #faf5f0;
}
#Xmas .bgbrown {
	background-color: #a28265;
}
#Xmas .bgorange {
	background-color: #f7965b;
}
#Xmas .bgpurple {
	background-color: #7e308e;
}

/* 分隔線 */
#Xmas .line {
	border-top: 1px inset #bda999;
	margin: 5% 0 2% 0;
	padding: 2% 0;
	clear: both;
}
#Xmas .linew {
	border-top: 1px solid #fff;
	margin: 5% 0 2% 0;
	padding: 2% 0;
	clear: both;
}
#Xmas .linewb {
	border-top: 5px solid #fff;
	margin: 5% 0 2% 0;
	padding: 2% 0;
	clear: both;
}
#Xmas .lineg {
	border-top: 1px solid #bda999;
	margin: 5% 0 2% 0;
	padding: 2% 0;
	clear: both;
}
/* 外框 */
#Xmas .framew {
	border: 1px inset #fff;
}
#Xmas .frameg {
	border: 1px inset #bda999;
}
#Xmas .framesg {
	border: 1px solid;
}
/* 字色 */
#Xmas .tred {
	color: #ba282a;
}
#Xmas .tgold {
	color: #bda999;
}
#Xmas .tgoldd {
	color: #998674;
}
#Xmas .tgray35 {
	color: #bfbfbf;
}
#Xmas .tgray50 {
	color: #a0a0a0;
}
#Xmas .tgray70 {
	color: #707070;
}
#Xmas .twhite {
	color: #fff;
}
#Xmas .tbrown {
	color: #a28265;
}
#Xmas .tblack {
	color: #313131;
}
#Xmas .torange {
	color: #f7965b;
}
#Xmas .tblue {
	color: #57a2eb;
}
#Xmas .tbluepurple {
	color: #a57ded;
}
#Xmas .tgreen {
	color: #c4d46b;
}
#Xmas .tpurple {
	color: #9332a7;
}
/*文字陰影*/
#Xmas .tshadow {
	text-shadow:2px 1px 7px #000000;
}
/*文字對齊*/
#Xmas .tcter {
	text-align: center;
}
#Xmas .tlef {
	text-align: left;
}
#Xmas .trht {
	text-align: right;
}
/* 字級 */
#Xmas .h0-0 {
	font-size: 80px;
	font-weight: lighter;
	line-height: 80px;
}
#Xmas .h0-1 {
	font-size: 80px;
	font-weight: lighter;
	line-height: 90px;
}
#Xmas .h1-0 {
	font-size: 60px;
	font-weight: lighter;
	line-height: 60px;
}
#Xmas .h1-1 {
	font-size: 60px;
	font-weight: lighter;
	line-height: 70px;
}
#Xmas .h2-0 {
	font-size: 45px;
	font-weight: lighter;
	line-height: 45px;
}
#Xmas .h2-1 {
	font-size: 45px;
	font-weight: lighter;
	line-height: 55px;
}
#Xmas .h3-0 {
	font-size: 40px;
	font-weight: lighter;
	line-height: 40px;
}
#Xmas .h3-1 {
	font-size: 40px;
	font-weight: lighter;
	line-height: 50px;
}
#Xmas .h4-0 {
	font-size: 28px;
	font-weight: lighter;
	line-height: 30px;
}
#Xmas .h4-1 {
	font-size: 28px;
	font-weight: lighter;
	line-height: 40px;
}
#Xmas .h4-2 {
	font-size: 28px;
	font-weight: lighter;
	line-height: 50px;
}
#Xmas .h5-0 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 20px;
}
#Xmas .h5-1 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 25px;
}
#Xmas .h5-2 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 30px;
}
#Xmas .h6-0 {
	font-size: 16px;
	font-weight: lighter;
	line-height: 16px;
}
#Xmas .h6-1 {
	font-size: 16px;
	font-weight: lighter;
	line-height: 24px;
}
#Xmas .h6-2 {
	font-size: 16px;
	font-weight: lighter;
	line-height: 42px;
}
#Xmas .p-0 {
	font-size: 15px;
	line-height: 17px;
}
#Xmas .p-1 {
	font-size: 15px;
	line-height: 22px;
}
#Xmas .p-2 {
	font-size: 15px;
	line-height: 25px;
}

/* 字級間距 */
#Xmas .ls2 {
	letter-spacing: 0.2em;
}
#Xmas .ls5 {
	letter-spacing: 0.5em;
}
#Xmas .ls7 {
	letter-spacing: 0.7em;
}

/*垂直間隔*/
#Xmas .ht1{ padding-bottom:1vh;}
#Xmas .ht3{ padding-bottom:3vh;}
#Xmas .ht5{ padding-bottom:5vh;}
#Xmas .ht7{ padding-bottom:7vh;}

/*文字陰影*/
#Xmas .tshad {
	text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}



/*按鈕*/
#Xmas .nubtn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 50px;
	line-height: 1.42857143;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	/*陰影*/
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#Xmas .nubtn:hover {
	opacity: 0.8;
	color: rgba(210,210,210,0.82);
	text-decoration: none;	
	/*陰影*/
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.9);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}
#Xmas .nubtn a {
	color: #FFFFFF;
	text-decoration: none;
}
#Xmas .nubtn a:hover {
	color: #FFFFFF;
}

/* loading*/
#Xmas .loading{
	opacity:1;
	width:66px;
	height:66px;
	margin:0 auto;
	background-image: url(../images/loadings.gif);
	background-repeat: no-repeat;
	animation: loading 5s ease 0s 1 normal;
	-moz-animation: loading 5s ease 0s 1 normal;
	-webkit-animation: loading 5s ease 0s 1 normal;/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	}
@keyframes loading {
0% {
opacity:0.2;
}

100% {
opacity:1;
}
}
@-moz-keyframes loading {
0% {
opacity:.2;
}

100% {
opacity:1;
}
}
@-webkit-keyframes loading {
0% {
opacity:.2;
}

100% {
opacity:1;
}
}


/*通用end*/