html{background: #5592C6;}
*{margin: 0; padding: 0;}
body{font:9pt/120% Arial, Helvetica, sans-serif; width: 778px; background: #ADD4FF; position:relative;}
img{border: none;}
button{cursor: pointer;}
h1,h2,h3,h4,h5,h6{font:10pt Arial;}
/* logo */
#logo{height: 46px; background:#5592C6 url(../img/photo/photo_logo.gif) no-repeat 2em center; padding: 0 2em;}
#logo a{text-decoration: none;}
#logo a span{ visibility: hidden;font:2em/30px Arial;}
/* nav */
#nav{background: #006599; color: #fff; border-top: solid 1px #fff; height: 80px; line-height: 30px; padding: 0 1em;}
#nav a{color: #fff; text-decoration: none; padding: 0 5px;}
#nav a:hover{color: #fff; text-decoration: underline;}
/* main */
#main{ position: relative; top: -40px; left: 130px; width: 648px;}
/* menu */
#menu{background: url(../img/photo/menu_bg.gif) repeat-x; height: 40px;}
#menu #limg{ position: absolute; top: -9px; left: 0; z-index: 11;}
#menu ul{list-style: none; padding:6px 0 0 90px; text-align: center;}
#menu li{background: url(../img/photo/menu_line.gif) no-repeat right center; float: left; width: 92px;}
#menu li a{line-height: 30px;}
#menu #menuend{background: none;}
/* contain */
#contian{background: #fff; border-left: solid 8px #E5EEF9;}
/* imgtop */
#imgtop{ border: solid 1px #C9DDF1; padding: 3px; height: 75px; margin: 0 3px;}
#imgtop ul{ list-style: none; background: url(../img/photo/imgtop_title.gif) no-repeat left center; float: left; width: 150px; padding-left: 20px; height: 70px;}
#imgtop ul li{line-height: 190%; background: url(../img/photo/ico_01.gif) no-repeat 5px center; padding-left: 20px;}
#imgtop marquee{padding-top: 8px; height: 60px;}
#imgtop marquee dd{float: left; background: url(../img/photo/bg_scoll.gif) no-repeat 73px center; width: 90px;}
#imgtop marquee dd img{ padding: 1px; border: solid 1px #ccc; width: 68px; height: 48px;}
/* so */
#so{background: url(../img/photo/so_bg.gif) repeat-x; height: 35px; margin: 5px 3px; border-top:solid 2px #1A66AF;}
#so form{background: transparent url(../img/photo/ico_so.gif) no-repeat 9px center; margin-top: 4px; padding-left: 80px;}
#so .sobot{ border: none;background: url(../img/photo/bot_so.gif) no-repeat; width: 62px; height: 21px; line-height: 21px; padding: 1px 0 0 0; overflow: hidden; margin: 0 3px;}
/* mid */
#mid{position: relative; background: #fff;}
#hot{padding: 0 0 0 4px; width: 430px;}
#hot object{ margin-left: 19px;}
#hot dl{ line-height: 24px;}
#hot dt{border-top: solid 1px #80BFE8; color: #1B7EDB; padding-left:24px; font: bold 14px/24px "ËÎÌå";background:#EEF7FE url(../img/photo/ico_02.gif) no-repeat 5px 5px; }
#hot dd{float: left; width: 16.4%; text-align: center; padding: 3px 0;}
#hot dd div{width: 55px; height: 50px; border: solid 1px #ccc; padding: 1px; overflow: hidden;}
#hot dd div img{ width: 55px;}
#hot dd a{display: block; width: 70px; overflow: hidden; margin: 0 auto; background: url(../img/photo/bg_img_a.gif) no-repeat center; line-height: 21px;}
/* rightlist */
#rightlist{ position: absolute; right: 8px; top:0; width: 192px;}
#rightlist h2{font: bold 16px/30px "ËÎÌå";color: #1B7EDB; background: #EEF7FE; padding: 0 9px;}
#rightlist ul{list-style: none; line-height: 22px; border: solid 1px #80BFE8;}
#rightlist li{ border-bottom: solid 1px #eee; padding-left: 24px; margin-left: 8px;}
#rightlist li#top2{ background: url(../img/photo/2.gif) no-repeat left center;}
#rightlist li#top3{ background: url(../img/photo/3.gif) no-repeat left center;}
#rightlist li#top4{ background: url(../img/photo/4.gif) no-repeat left center;}
#rightlist li#top5{ background: url(../img/photo/5.gif) no-repeat left center;}
#rightlist li#top6{ background: url(../img/photo/6.gif) no-repeat left center;}
#rightlist li#top7{ background: url(../img/photo/7.gif) no-repeat left center;}
#rightlist li#top8{ background: url(../img/photo/8.gif) no-repeat left center;}
#rightlist li#top9{ background: url(../img/photo/9.gif) no-repeat left center;}
#rightlist li#top10{ background: url(../img/photo/10.gif) no-repeat left center;}
/* leftlist */
#leftlist{ position:absolute;left:0; top: 127px; width: 129px; border-right: solid 1px #ADD4FF; background: url(../img/photo/left_bg.gif) repeat-y right;}
#leftlist h3{ position: absolute; top: -20px; left: 40px; color: #fff; font-weight: bolder;}
#leftlist h4{background: #4685CA;border-top: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 24px; text-align: center; color: #fff;}
#leftlist form label{ display: block; margin: 6px 0;}
#leftlist form label input{background: url(../img/photo/inputbg1.gif) no-repeat; border: solid 1px #8E8E8E; height: 17px; padding: 3px 0 0 3px; overflow: hidden;}
#leftlist form label span{ float: left; width: 43px; text-align: right; margin-top: 5px;}
#leftlist form p button{border: none; width: 55px; margin-left: 4px; height: 19px; overflow: hidden;}
#leftlist form p button span{visibility: hidden;}
#leftlist form .login{background: url(../img/photo/login.gif) no-repeat;}
#leftlist form .reg{background: url(../img/photo/reg.gif) no-repeat;}
#leftlist a{ color: #0E6090; font-weight: bold;}
/* Create */
#create{ background: #fff;}
#create h6,#piclist h6{line-height: 50px; padding: 0 1em; position: relative;}
#create h6 img,#piclist h6 img{float: left; width: 30px; height: 30px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create h6 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create h5,#piclist h5{line-height: 24px; padding: 0 1em; margin: 5px 0;}
#create h4{margin: 8px 0; clear: both; padding: 0 1em;}
#create h3,#piclist h3{line-height: 25px; padding: 0 1em; position: relative;}
#create h3 img,#piclist h3 img{float: left; width: 30px; height: 20px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create h3 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create fieldset{border: none; padding: 9px;}
#create legend{color: #f60; line-height: 30px; font-size: 11pt;}
#create form{padding:9px;}
#create form label{ display: block; padding: 6px; color: #999;}
#create form label span{float: left; width: 80px; text-align: right; margin-top: 5px; color: #000;}
#create form label b{font-weight:lighter; padding-left:8px;color: #000;}
#create form label input{border: solid 1px #A7A6AA; height: 17px; padding: 2px 0 0 2px; overflow: hidden;}
#create form label textarea{border: solid 1px #A7A6AA;padding: 2px 0 0 2px;}
#create ul{list-style: none; line-height: 24px;}
#create li{float: left; width: 23%; margin:5px 1.3% 0 0; text-align: center; background: url(../img/photo/ico_world.jpg) no-repeat 5px 5px; padding: 5px 0; border: solid 1px #eee;}
#create li img{padding: 2px; display: block; border: solid 1px #ccc; width: 90px; height: 90px; }
#create dl{line-height: 22px;}
#create dt{clear: both;}
#create dd{float: left; width: 23%;text-align: center;margin: 8px 1% 0 0; border: solid 1px #eee; padding: 8px 0;}
#create dd div{ width: 100px; height: 120px; overflow: hidden; padding: 2px; border: solid 1px #ccc;}
#create dd img,#piclist dd img{ width: 100px;}
#create dd span,#piclist dd span{color: #f60;}
/* Create2 */
#create2{ background: #fff;}
#create2 h6,#piclist h6{line-height: 50px; padding: 0 1em; position: relative;}
#create2 h6 img,#piclist h6 img{float: left; width: 30px; height: 30px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create2 h6 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create2 h5,#piclist h5{line-height: 24px; padding: 0 1em; margin: 5px 0;}
#create2 h4{margin: 8px 0; clear: both; padding: 0 1em;}
#create2 h3,#piclist h3{line-height: 25px; padding: 0 1em; position: relative;}
#create2 h3 img,#piclist h3 img{float: left; width: 30px; height: 20px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create2 h3 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create2 fieldset{border: none; padding: 9px;}
#create2 legend{color: #f60; line-height: 30px; font-size: 11pt;}
#create2 form{padding:9px;}
#create2 form label{ display: block; padding: 6px; color: #999;}
#create2 form label span{float: left; width: 80px; text-align: right; margin-top: 5px; color: #000;}
#create2 form label b{font-weight:lighter; padding-left:8px;color: #000;}
#create2 form label input{border: solid 1px #A7A6AA; height: 17px; padding: 2px 0 0 2px; overflow: hidden;}
#create2 form label textarea{border: solid 1px #A7A6AA;padding: 2px 0 0 2px;}
#create2 ul{list-style: none; line-height: 24px;}
#create2 li{float: left; width: 23%; margin:5px 1.3% 0 0; text-align: center; background: url(../img/photo/ico_world.jpg) no-repeat 5px 5px; padding: 5px 0; border: solid 1px #eee;}
#create2 li img{padding: 2px; display: block; border: solid 1px #ccc; width: 90px; height: 90px; }
#create2 dl{line-height: 22px;}
#create2 dt{clear: both;}
#create2 dd{float: left; width: 30%;text-align: center;margin: 8px 1% 0 0; border: solid 1px #ccc; padding: 8px 0;}
#create2 dd span,#piclist dd span{color: #f60;}
#create2 dd div{background: url(../img/photobg.jpg) no-repeat;width:164px;height:130px;margin: 8px 1px 0 0;}
#create2 dd div p{width: 129px; height: 106px; overflow: hidden;padding: 2px;}
#create2 dd div img{margin: 18px -14px 0 0;width: 127px;}
/* Create3 */
#create3{ background: #fff;}
#create3 h6,#piclist h6{line-height: 50px; padding: 0 1em; position: relative;}
#create3 h6 img,#piclist h6 img{float: left; width: 30px; height: 30px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create3 h6 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create3 h5,#piclist h5{line-height: 24px; padding: 0 1em; margin: 5px 0;}
#create3 h4{margin: 8px 0; clear: both; padding: 0 1em;}
#create3 h3,#piclist h3{line-height: 25px; padding: 0 1em; position: relative;}
#create3 h3 img,#piclist h3 img{float: left; width: 30px; height: 20px; padding: 1px; border: solid 1px #ccc; margin: 8px 5px 0 0;}
#create3 h3 label{position: absolute; left: 380px; top: 0; width: 200px;}
#create3 fieldset{border: none; padding: 9px;}
#create3 legend{color: #f60; line-height: 30px; font-size: 11pt;}
#create3 form{padding:9px;}
#create3 form label{ display: block; padding: 6px; color: #999;}
#create3 form label span{float: left; width: 80px; text-align: right; margin-top: 5px; color: #000;}
#create3 form label b{font-weight:lighter; padding-left:8px;color: #000;}
#create3 form label input{border: solid 1px #A7A6AA; height: 17px; padding: 2px 0 0 2px; overflow: hidden;}
#create3 form label textarea{border: solid 1px #A7A6AA;padding: 2px 0 0 2px;}
#create3 ul{list-style: none; line-height: 24px;}
#create3 li{float: left; width: 23%; margin:5px 1.3% 0 0; text-align: center; background: url(../img/photo/ico_world.jpg) no-repeat 5px 5px; padding: 5px 0; border: solid 1px #eee;}
#create3 li img{padding: 2px; display: block; border: solid 1px #ccc; width: 90px; height: 90px; }
#create3 dl{line-height: 22px;}
#create3 dt{clear: both;}
#create3 dd{float: left; width: 31%;text-align: center;margin: 8px 1% 0 0; border: solid 1px #ccc; padding: 8px 0;}
#create3 dd span,#piclist dd span{color: #f60;}
#create3 dd div{background: url(../img/photobg.jpg) no-repeat;width:164px;height:130px;margin: 8px 1px 0 0;}
#create3 dd div p{width: 129px; height: 106px; overflow: hidden;padding: 2px;}
#create3 dd div img{margin: 18px -14px 0 0;width: 127px;}
/* piclist */
#piclist dl{padding-left: 9px; line-height: 22px;}
#piclist dd{float: left; width: 18%;text-align: center;margin: 8px 1% 0 0; border: solid 1px #eee; padding: 8px 0;}
#piclist dd div{ width: 100px; height: 120px; overflow: hidden; padding: 2px; border: solid 1px #ccc;}
#piclist dd i{visibility: hidden;}
#piclist dd h3{background: url(../img/photo/edit_del.gif) no-repeat; width: 50px;}
/* setup */
#setup{padding: 8px; background: #fff; position: relative;}
#setup dl{line-height: 22px; padding: 9px 0;}
#setup dt{ padding-left: 18px; font: bolder 14px/26px Arial; background: url(../img/photo/ico_03.gif) no-repeat 5px 8px;}
#setup dd{border-bottom: dashed 1px #ccc; padding:9px 0;}
#setup dd img{float: left; width: 90px; height: 90px; border: solid 1px #eee; padding: 2px; margin: 5px 16px 0 0;}
#setup dd a{color: #666; text-decoration: underline; padding: 0 3px;}
#setup dd a:hover{color: #f60; text-decoration: none;}
.bot1{ border: none; margin-left: 8px; background: url(../img/photo/bot_1.gif) no-repeat; width: 70px; height: 25px; line-height: 25px;}
.bot2{border: none; background: url(../img/photo/bot_2.gif) no-repeat; width: 45px; margin-left: 8px; height: 21px; overflow: hidden; line-height: 21px; }
/* picvisit */
#picvisit{ text-align: center;}
/* grade */
#grade{padding: 0 5px; background: url(../img/photo/bg_grade.gif) no-repeat; width: 157px; height: 18px; line-height: 18px; float: right;}
#grade span{visibility: hidden;}
#grade a{padding: 0 9px;}
/* remark */
#remark{ padding: 9px;}
#remark dl{line-height: 140%;}
#remark dd{border-bottom:dashed 1px #ccc; padding: 5px; clear: both; height: 45px;}
#remark dd img{ float: left; padding: 1px; width: 40px; height: 40px; padding: 1px; border: solid 1px #ccc; margin: 3px 8px 3px 0;}
/* photoclass */
#contian h1{ position: relative; margin: 0 8px 8px 8px; border-top: solid 1px #80BFE8; color: #1B7EDB; padding-left:24px; font: bold 14px/24px "ºÚÌå";background:#EEF7FE url(../img/photo/ico_02.gif) no-repeat 5px 7px; padding-top: 2px; }
#photoclass{padding: 8px; border: solid 1px #80BFE8; margin: 0 8px; background: #EEF7FE; position: relative; left: 0; top: 0; z-index: 18}
#photoclass h2{background: url(../img/photo/ico_04.gif) no-repeat 4px; padding: 0 1em; line-height: 26px;}
#photoclass h2 form{position: absolute; left: 130px; top: 4px; line-height: 18px;}
#photoclass h2 form input{border: solid 1px #BAC5D1; height: 17px; padding: 2px 0 0 2px; overflow: hidden;}
#photoclass dl{padding: 8px; border: solid 1px #80BFE8; background: #fff; height: 460px; line-height: 20px;}
#photoclass dd{float: left; width: 23%; background: #fff; margin:0 1% 8px 0; text-align: center; border: solid 2px #F0F0F0;}
#photoclass dd div{ border: solid 1px #D8D8D8; padding: 5px;}
#photoclass dd div p{width: 112px; height: 85px; overflow: hidden; border: solid 1px #ccc; padding: 1px;}
#photoclass dd div span{color: #f00;}
#photoclass dd img{ width: 110px;}
#photoclass h4{text-align: center; line-height: 50px;}
#photoclass h4 b{color: #039; padding: 0 3px; font-family:System;}
/* classimg */
#classimg{padding: 9px; position: relative; left: 0; top: 0; }
#classimg dt{ border-top:dashed 1px #ccc; font: bold 14px/24px "ËÎÌå"; color: #026AAB; clear: both; margin-bottom: 6px;}
#classimg dd{margin-left: 2em; font-size: 10pt; line-height: 155%;}
#classimg dd b{ font-family: System; color: #e60; padding: 0 3px;}
#classimg dd img{width: 60px; height: 60px; padding: 1px; border: solid 1px #ccc; float: left; margin:0 18px 5px 0;}
#classimg dt a{color: #026AAB; text-decoration: none;}
#classimg dt a:hover{text-decoration: underline;}
#classimg dd a{color:#026AAB; text-decoration: underline; padding: 0 3px;}
#classimg dd a:hover{color:#036; text-decoration: none;}
/* foot */
#foot{text-align: center; line-height: 180%; clear: both;}
/* page */
#page{line-height: 30px; text-align: right; padding: 0 2em; clear: both;}
#page a{color: #369; padding: 0 3px;}
/* rim */
.rim{border: solid 1px #80BFE8;}
.rimb{border-bottom: dashed 1px #369}
/* color */
a:link,a:visited{color: #333; text-decoration: none;}
a:hover{color: #f30; text-decoration: underline;}
a.red:link,a.red:visited{color: #f00; text-decoration: none;}
a.blue:link,a.blue:visited{color: #369; text-decoration: none;}
a.blue:hover{color:#039; text-decoration: underline;}
a.green:link,a.green:visited{color: #6c0; text-decoration: none;}
a.sky:link,a.sky:visited{color: #039; text-decoration: underline; font-size: 14px; line-height: 24px;}
a.sky:hover{color:#007; text-decoration: none;}