body, td, th { font-size:16px; color:#4a4a4c; font-family:HelveticaNeue, 'Lucida grande', Tahoma, Verdana, Geneva, Arial, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
body { background-size:cover; -webkit-text-size-adjust:100%; }
caption, th { text-align:left; }
a, ins { text-decoration:none; }
a { color:#4a4a4c; cursor:pointer; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
/*input { -webkit-appearance:none; border-radius:0; }*/
textarea { resize:none; }
b { font-weight:bold; }
img, area, map { outline:none; }
area { display:block; position:relative; }


#frame { position:relative; width:100%; max-width:810px; margin:auto; overflow:hidden; background:#eeeeee; }
.section { display:none; position:relative; width:810px; overflow:hidden; }

#landing { height:1449px; display:block; background:url(../img/index_bg.jpg) no-repeat center top; }

#socialBox { position:relative; margin:1140px auto 0; /*background:url(../img/index_steps.png) no-repeat center center;*/ overflow:hidden; }
#partnership { display:block; width:220px; height:104px; margin:80px auto 0; background:url(../img/wedding_partner.png) no-repeat center center; }
#btnLike { position:absolute; overflow:hidden; left:225px; top:0; }
#btnFollow { position:absolute; left:525px; top:0; width:64px; height:28px; background:url(../img/btn_follow.png) no-repeat center center; }
#btnStart { display:block; width:187px; height:56px; margin:30px auto 0; background:url(../img/btn_next_step.png) no-repeat center center; } 

#form { background:url(../img/p2_bg.jpg) no-repeat center top; }
#formFrameTop { position:relative; width:706px; height:40px; background:url(../img/frame_top.png) center top; overflow:hidden; margin:610px auto 0; }
#formFrameBot { position:relative; width:706px; height:40px; background:url(../img/frame_bottom.png) center top; overflow:hidden; margin:auto; }
#formFrame { position:relative; background:url(../img/frame_center.png) center repeat-y; overflow:hidden; margin:0 auto; }
#regTitle { width:629px; height:124px; margin:20px auto; background:url(../img/pg2_title.png) no-repeat center center; }
#formList { display:block; width:590px; margin:0 auto 20px; }
#formList li { display:block; }
#formList li span.fieldName, #formList li input[type=text], #formList li select { display:inline-block; }
#formList li span.fieldName { width:120px; margin:5px 0; line-height:46px; vertical-align:top; text-align:right; font-weight:bold; }
#formList li input[type=text], #formList li select { border:0; color:#666; line-height:36px; width:450px; margin:5px; padding:5px; background:#e6dfef; text-align:center; }
#formList li input.inputS { width:180px; }
#formList li select { width:460px; height:46px; margin:5px 0; }
#formList li #radioOptionList, #formList li #radioOptionList li { display:inline-block; }
#formList li #radioOptionList { width:460px; }
#formList li #radioOptionList li { }
#formList li label.radioOption { display:block; line-height:36px; padding:5px; margin:5px 40px 5px 0; }
#formList li label.radioOption.disabled { color:#ddd; }
#formList li span.checkField { display:inline-block; width:120px; margin:5px 0; line-height:30px; vertical-align:top; text-align:right; font-weight:bold; }
#formList li label.ckLabel { display:inline-block; line-height:30px; margin: 5px 0; }
#formList li label.ckLabel a { text-decoration:underline; }

input[type=radio] + label.customrb { display:inline-block; width:24px; height:24px; margin-right:5px; background:url(../img/radiobtn_normal.png) no-repeat center center; vertical-align:middle; }
input[type=radio]:checked + label.customrb { background:url(../img/radiobtn_active.png) no-repeat center center; }

input[type=checkbox] + label.customcb { display:inline-block; width:30px; height:30px; margin-right:10px; background:url(../img/pg2_chkbox.png) no-repeat center center; }
input[type=checkbox]:checked + label.customcb { background:url(../img/pg2_chkbox_active.jpg) no-repeat center center; }

input[type=radio], input[type=checkbox] { display:none; }


#btnSubmit { display:block; width:187px; height:56px; margin:10px auto; background:url(../img/btn_confirm.png) no-repeat center center; }


#finishSect { height:1062px; background:url(../img/thanksbg.jpg) no-repeat center center; text-align:center; }
#btnFin { display:inline-block; width:187px; height:56px; margin-top:800px; background:url(../img/btn_confirm.png) no-repeat center center; }

#footer { display:block; width:810px; height:50px; margin:auto; background:url(../img/tnc_bar.jpg) no-repeat center top; }


.popup { display:none; position:relative; }
#tnc { width:651px; height:1142px; background:url(../img/tnc2.png) no-repeat center center; }
#loading { width:100px; height:100px; background:url(../img/ajax-loader.gif) no-repeat center center; }
#finish { width:578px; height:246px; background:url(../img/img_thankyou.png) no-repeat center center; overflow:hidden; }
#btnCfmFin { display:block; width:187px; height:56px; margin:155px auto 0; background:url(../img/btn_confirm.png) no-repeat center center; }

.clear { display:block; height:0; line-height:0; clear:both; }
span.errorMsg { display:block; }
#errorDate { margin-left:120px; }

/* override fancybox and sweet alert style */
.fancybox-overlay, .sweet-overlay { background:rgba(0, 0, 0, 0.7); }

/* override fancybox style */
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fancybox-skin { background:transparent; }
.fancybox-close { right:3%; top:3%; width:23px; height:23px; background:transparent url(../img/btn_close.png) no-repeat center center; background-size:100%; }

/* override error tooltip style*/
/*.tooltipster-shadow { background:#fff; }*/
.tooltipster-content { color:#f00; }