@charset "utf-8";
/* CSS Document */
#main-content { background:url(img/bg-content.gif) repeat-x top #f0f0f0; padding:0 20px; margin:0}
#main-content p { color:#484847; line-height:20px; padding:10px 0 15px 0; margin:0}
#main-content p a { color:#0a668c}
#main-content p a:hover { text-decoration:none}
#main-content h1 { font-size:20px; color:#5a5959; font-weight:normal; line-height:30px; border-bottom:1px #5a5959 dashed; padding:15px 0 0 0; margin:0 0 10px 0}
#main-content h1 .small { font-size:14px; color:#1e8bb7; font-weight:bold}
#content-bottom { background:url(img/bg-page-bottom.gif) no-repeat; margin:0 0 13px 0; padding:0; height:59px}

#image-preview { width:946px; height:188px; margin:20px 0 10px 0; padding:0; background:#d0d0d0}
#image-preview1 { width:946px; height:275px; margin:20px 0 10px 0; padding:0;}
.page-select { width:25px; height:188px; float:left; margin:0;}
.image-select { width:896px; height:188px;margin:0 20px; float:left}
.image-select2 { width:896px; height:188px;margin:0; float:left}
.image-select img, .image-select2 img { width:200px; height:150px; border:#fff 2px solid; margin:0 0 5px 0}
.image-box { width:200px; height:auto; float:left; margin:12px; text-align:center; padding:0; font-weight:bold; color:#484847}
.image-box2 { width:190px; height:auto; float:left; margin:6px 8px; text-align:center; padding:0; font-weight:bold; color:#484847}


.free-list ul{ list-style:none; margin:10px 0; padding:0}
.free-list ul li { color:#484847; font-size:12px; line-height:30px; background:url(img/free-list.gif) left 8px no-repeat; padding:0 0 0 30px}

.notice { width:264px; border:#a5cfe0 1px solid; margin:10px 0 0 20px; padding:0; float:right; height:auto}
.notice-inside { background:#efefef; border:#fff 1px solid; width:242px; height:auto; color:#484847; padding:10px 10px 0 10px}
.notice-inside ul { list-style:none; margin:0; padding:0}
.notice-inside ul li { font-size:11px; line-height:20px; margin-bottom:10px; background:url(../images/nootice-list.gif) left 5px no-repeat; padding:0 0 0 25px}

.main-list { margin:10px 0 0 0 ; padding:0}
.main-list .pic { float:left; width:130px; height:auto; margin:0 10px 0 0; text-align:center}
.main-list .text { float:left; width:803px; height:auto; margin:0; padding:0; color:#484847; font-size:13px}
.main-list .text img { border:1px solid #666666}

.sign-up-tab { margin:20px auto;}
.sign-up-tab th { height:16px; text-align:left; background:url(img/bg-table-td.gif) repeat-x top; padding:6px; color:#fff; border:#d6f5ff 1px solid}
.sign-up-tab td.style1 { height:17px; background:#eeeeee; padding:6px; font-weight:bold; line-height:18px}
.sign-up-tab td { border:#eeeeee 1px solid; padding:15px 6px; line-height:30px; background:#fff}
#main-content .sign-up-tab p { margin:0; padding:0}

.notice2 { width:678px; height:296px; background:url(img/bg-notice.gif) no-repeat; margin:20px auto; color:#fff; font-size:12px; padding:10px; font-weight:bold;}
#main-content .notice2 p {color:#fff; font-size:11px; line-height:20px; margin:10px 0; padding:0; font-weight:normal}
.notice2 .pic { width:678px; text-align:center; margin:30px 0 0 0}

#preview { width:706px; height:503px; margin:0; padding:0; background:url(img/bg-window.gif) no-repeat}
#preview .option { height:13px; text-align:right; padding:5px 10px}
#preview .image { width:700px; height:477px; margin:0 auto; padding:0}
#preview .image img {width:700px; height:477px; }

ol { margin:10px 40px; padding:0; line-height:20px; color:#484847; font-size:11px}

#signin { margin:40px auto 10px auto; width:349px; height:226px; background:url(img/bg-signin.gif) no-repeat}
#main-content #signin p { margin:0; padding:0; font-size:11px}
.sign-table { width:300px; margin:20px}
.sign-table td { height:16px; padding:8px; color:#484847}
.capctha { float:left; width:80px; height:20px; margin:0 10px 0 0}

.freetemple-tit-left { width:100px; float:left; text-align:left}
.freetemple-tit-right { font-weight:normal}
#image-preview1 a { color:#484847;}