html, body{ margin:0; height:100%; }
body {margin: 0;padding: 0;}
.cf {zoom:1;}
.cf:before,.cf:after {
	content: "";
	display: table;
}
.cf:after {clear:both;}
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}

/*popup視窗*/
.tracking-login-layer-activity {
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    z-index: 10;
display:none;
}
.tracking-login-layer-activity .layer-mask {
	background-color:black;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.tracking-login-layer-activity .layer-inner {
	position: absolute;
    left: 50%;
    top: 25%;
    width: 610px;
    margin: 0px 0 0 -305px;
    padding: 10px;
    z-index: 10;
    background: url(http://www.myfone.com.tw/buy/myfoneweb/buy/event2015/double_eleven/bg_layer_event_login_2015.png) 0 0 repeat;
}
.tracking-login-layer-activity .layer-inner .btn-x {
	background: url(http://myfone.taiwanmobile.com/buy/myfoneweb/buy/event160101_1/img_sprite_event_login_2016.png) 0 -42px no-repeat;
	position: absolute;
    left: 630px;
    top: 0;
    width: 41px;
    height: 41px;
    display: block;
    white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.tracking-login-layer-activity .layer-inner .btn-x:hover {background-position: -41px -42px}
.tracking-login-layer-activity .layer-inner .layer-content {
	max-height: 374px;
	text-align: center;
	padding: 30px;
	background-color: #fff;
}
.tracking-login-layer-activity .layer-inner .layer-content h2 {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.5em;
}
.tracking-login-layer-activity .layer-inner .layer-content >h2 {
	margin-bottom: 20px;
}
.tracking-login-layer-activity .layer-inner .layer-content h2 span {
	background-image: url(http://myfone.taiwanmobile.com/buy/myfoneweb/buy/event160101_1/img_sprite_event_login_2016.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 102px;
	display: block;
	margin: 0 auto;
}
.tracking-login-layer-activity .layer-inner .layer-content h3 {
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 20px;
	line-height: 1.2em;
}
.tracking-login-layer-activity .layer-inner .layer-content h3 span {
	display: inline-block;
	margin-bottom: 10px;
}
.title-heart h2 span {background-position: 0px -113px;}
.title-heart p  {overflow: hidden;font-size: 19px;}
.title-heart .user-phone-number {
	width: 210px;
	height: 45px;
	border:1px solid #666;
	display: inline-block;
	margin-left: 0px;
	margin-top: -12px;
	margin-top: -10px \9;
	font-size: 19px;
	text-indent: 1em;
	box-sizing:border-box;
}
.layer-inner .layer-content p .btn-send {
	font-size: 23px;
	padding: 0 20px 0;
	display: inline-block;
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin-left:-4px;
}

.title-access h2 span {background-position: -101px -114px;}
.tracking-login-layer-activity .layer-inner .layer-label-note {
	background: url(http://myfone.taiwanmobile.com/buy/myfoneweb/buy/event160101_1/img_sprite_event_login_2016.png) 0 -225px no-repeat;
	width: 161px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 20px;
	font-size: 17px;
	text-align: left;
	line-height: 20px;
	padding: 9px 0 0 10px;
	letter-spacing: -0.05em;
}
.tracking-login-layer-activity .layer-inner .layer-label-note strong {
	font-size: 25px;
	font-family: arial;
}
.title-limit h2 span {background-position: -101px -13px;}
.tracking-login-layer-activity .layer-inner input {
	margin-right: 10px;
	margin-top: -1px;
}
.confirm-code {
	height: 45px;
}
.confirm-code-refresh {
	
	text-decoration: underline;
}
.tracking-login-layer-activity .layer-inner .layer-content p.notice {
	background: url(http://myfone.taiwanmobile.com/buy/myfoneweb/buy/event160101_1/img_sprite_event_login_2016.png) -179px -306px no-repeat;
	padding-left: 28px;
	text-align: center;
	margin-top: 20px;
	display: inline-block;
}
/*過場動畫*/
.layer-animation {
	width: 400px;
	height: 400px;
	position: absolute;
    left: 50%;
    top: 25%;
    margin: -100px 0 0 -200px;
    z-index: 10;
}
.title-exclamation h2 span {background-position: 0px -309px;}