@charset "utf-8";
/* CSS Document */

/* genral */
body{margin:0px; padding:0px; font:normal 100% Arial, 微软雅黑, Helvetica, sans-serif; background-repeat:repeat; text-align:center; min-width:320px; max-width:480px;}
img {max-width: 100%; border:0}
#container{width:100%; text-align:center; margin:0px; padding:0px;}
#messagetitle{width:90%; margin:0px auto; text-align:left;}
#bodybutton1{ margin:0px auto;}
#bodybutton2{ margin:0px auto;width:100%;height:500px;}
#bodybutton{ text-align:center;}
#blank{ height:20px;}
#greywords{ color:#999; font-size: 0.8em; }
#line{ height:6; background-image:url(http://zfm2013.sinaapp.com/themes/zfm_web/img/line2.png); background-repeat:repeat-x; background-position:center;}
#input{ height:20px; width:90%; border: 1px solid; border-color: #CCC #EEE #EEE #CCC;background: #fff;}
#input2{ height:80px; width:90%; border: 1px solid; border-color: #CCC #EEE #EEE #CCC;background: #fff;}

/* index */
.headertable{width:100%; height:100%;}
.headertable_left{background-image:url(header_l.png); background-repeat:no-repeat; background-position:right; width:17%;}
.headertable_right{ background-image:url(header_r.png); background-repeat:no-repeat; background-position:left; width:17%;}
.headertable_middle{ background-image:url(header_b.png); background-repeat:repeat-x; vertical-align:top;}
#header{height:62px; text-align:center; color:#FFF; font-size: 1.5em; width:100%; margin:20px auto 0px auto;}
#name{width:100%; margin:10px auto 0px auto; background-repeat:no-repeat; background-position:center;}
#Bridegroom{text-align:right; vertical-align:top; margin-top:0px;}
#Bride{text-align:left; vertical-align:top; margin-top:0px;}
#xiicon{ background-image:url(header_c.png); background-repeat:no-repeat; background-position:center; width:15%; position:absolute; top:30px;}
#bodypic{background-image:url(optic100.png); background-repeat:repeat-y; background-position:center; text-align:center; padding:10px; margin:20px auto;}
#weddingpic{ margin:0px auto; width:100%; text-align:center;}
#weddinginfo{margin:10px auto 0px auto; width:100%; text-align:center;}
#weddingtime{width:36%;}
#weddingtime1{width:120px;}
#weddingtime2{width:25px; height:41px; background-image:url(branch_l.png); background-repeat:no-repeat; background-position:right;}
#weddingtime3{width:25px; height:41px; background-image:url(branch_r.png); background-repeat:no-repeat; background-position:left;}
#weddingtime4{font-size: 1.4em; text-align:center;}
#weddingtime5{font-size: 1.4em; vertical-align:bottom; text-align:center;}
#weddingplace{vertical-align:center;}
#weddingplace3{ width:96%;}
#weddingplace1{ text-align:left; color:#dd4b38; font-size: 1.6em; }
#weddingplace2{ text-align:left; font-size: 1em;  }
#weddingline{ background-image:url(line1000.png); background-repeat:repeat-y; background-position:center; width:20px;}
#footer{ margin:40px auto 0px auto;text-align:center; background-image:url(optic300.png); background-repeat:repeat-y; background-position:center; color:#FFF; vertical-align:middle;}

/* invatation */
#headersub{position:fixed; top:-2px; height:43px; text-align:center; color:#FFF; font-size: 1.2em; width:100%; margin:0px auto; background-image:url(header_b.png); background-repeat:repeat-x; padding-top:9px;}
#submit1{width:90%; background-image:url(bgcolor2.png); background-repeat:repeat; margin:60px auto 20px auto; text-align:center;}
#submit2{ width:90%; margin:0px auto 0px auto;}
#mesagetitle1{ width:40%; padding-left:14px; background-image:url(message1.png); background-position:left; background-repeat:repeat-y; text-align:left; color:#FFF;}
#message{width:90%; margin:10px auto 0 auto; background-image:url(message0.png); background-position:left; background-repeat:repeat-y; background-color:#FFF; text-align:left;table-layout:fixed; word-break: break-all; overflow:hidden;}
#messagewords{ width:96%;  padding-left:14px;}
#more{width:90%; height:30px; margin:10px auto; background-color:#FFF; text-align:center; display:none}

/* pic */
#leftb{ position:fixed; left:10px; top:10px;z-index:1000; }
#rightb{ position:fixed; right:10px; top:10px;z-index:1000; }
#centerb{ position:absolute; left:90px; top:10px; margin-right:90px; z-index:1000; width:90%; height:25px; background-image:url(http://zfm2013.sinaapp.com/themes/zfm_web/img/bgcolor3.png); background-repeat:repeat; color:#FFF; text-align:center; }
#footer1{ position:fixed; bottom:0; left:0; right:0; z-index:1000; width:100%; height:30px; background-image:url(http://zfm2013.sinaapp.com/themes/zfm_web/img/bgcolor3.png); background-repeat:repeat; color:#FFF; text-align:center;}

/* more */
#detail{width:90%; margin:10px auto; background-color:#FFF;  background-image:url(message1.png); background-position:left; background-repeat:repeat-y; text-align:center;}

#message a:link { color:#999;text-decoration:none;}
#message a:visited { color:#999;text-decoration:none; }
#message a:visited:hover { color:#999;text-decoration:none; }
#message a:hover { color:#999;text-decoration:none; }
#message a:active { color:#999;text-decoration:none; }

#bodybutton1 a:link { color:#fff;text-decoration:none;}
#bodybutton1 a:visited { color:#fff;text-decoration:none; }
#bodybutton1 a:visited:hover { color:#fff;text-decoration:none; }
#bodybutton1 a:hover { color:#fff;text-decoration:none; }
#bodybutton1 a:active { color:#fff;text-decoration:none; }

#submit2 a:link { color:#f00;text-decoration:none;}
#submit2 a:visited { color:#f00;text-decoration:none; }
#submit2 a:visited:hover { color:#f00;text-decoration:none; }
#submit2 a:hover { color:#f00;text-decoration:none; }
#submit2 a:active { color:#f00;text-decoration:none; }