html, body
{
	background-color: #fff;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, sans-serif;
	-webkit-text-size-adjust: none;
}

sup, sub {
	font-size: smaller;
   	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
sub { 
	top: 0.4em;
}

#debug
{
	color: #ff0000;
	left: 0;
	position: fixed;
	top: 0;
}

.clear
{
	clear: both;
}

.clearFix
{
	zoom:1;
}
.clearFix:after 
{ 
	clear:both;
	display:block; 
	visibility:hidden;
	height:0; 
	line-height:0; 
	content:"";
}

.block
{
	display: block;
}

.inlineBlock
{
	display: inline-block;
}

.hide
{
	display: none;
}

/************************* LOADING ****************************/
.loading{
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.loading img{
	display: block;
	height: 32px;
	margin: -16px auto 0;
	position: relative;
	top: 50%;
	width: 32px;
}

/************************* COMMON ****************************/

.wrapper
{
	position: relative;
	background: url(../images/bg.jpg) repeat;
}

.desktop .wrapper
{
	width: 640px;
	margin: 0 auto;
}

.content
{
	position: relative;
	min-width: 320px;
}


/************************* CONTENT ****************************/
.desktop .header{
	position: relative;
	height: 80px;
	width: 100%;
	background-color: #fff;
}
.mobile .header{
	position: relative;
	height: 40px;
	width: 100%;
	background-color: #fff;
}
.desktop .header .logo{
	width: 100px;
}
.desktop .header .logo img{
	width: 100%;
}
.header .logo{
	position: absolute;
	top: 0;
	left: 0;
}
.bgMother{
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
}

.content img{
	display: block;
}

.bear{
	position: relative;
}
.bear .btn1{
	position: absolute;
	top: 38%;
	left: 10%;
	width: 30%;
	height: 13%;
}
.bear .btn2{
	position: absolute;
	top: 43%;
	left: 58%;
	width: 30%;
	height: 13%;
}
.section .imgContent{
	position: relative;
	display: none;
}
.section .imgContent .btnUp{
	position: absolute;
	bottom: 0;
	right: 5%;
	width: 20%
}
.section .imgContent .btnUp img{
	width: 100%;
}



/************************* THANKYOU ****************************/
.popThankyou
{
	position: relative;
	margin: 0 auto;
	padding: 20px;
}
.desktop .popThankyou{
	width: 555px;
}
.popThankyou .popupContent
{
	text-align: center;
}
.popThankyou .popupContent .btnDetail
{
	position: absolute;
	bottom: 7%;
	left: 17%;
	width: 68%;
	height: 9%;
}
.popThankyou .mfp-close
{
	top:20px;
	right: 20px;
}
.mfp-close-btn-in .mfp-close{
	background-image: url(../images/imgClose.png);
	background-size: 40px auto;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
}