@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; font-family:'Open Sans', sans-serif; background:#eee;}
.div-top-con{width:100%; position:relative; float:left; min-width:360px; background-image:linear-gradient(to bottom right, #030, #003); height:70px; border-bottom:3px #ffff00 solid; padding:10px 0; text-align:center;}
.div-top{width:360px; margin:10px auto; height:100px;}
.div-shade-con{width:100%; position:relative; float:left; min-width:360px; background:#eaeaea; height:36px; color:#333;}
.div-shade{width:340px; padding:0 10px; margin:5px auto; text-align:left; height:20px; font-size:17px; vertical-align:middle; font-weight:bold;}

.user{background:#F03; color:#fff; padding:4px 7px; width:250px; text-align:left; position:relative; float:left; border-radius:7px; font-size:14px;}

.logout{background:#F03; color:#fff; padding:4px 7px; width:50px; text-align:center; position:relative; float:right; border-radius:7px; font-size:14px;}
.div-main-con{width:100%; position:relative; float:left; min-width:360px; background:#fff; min-height:170px; padding-bottom:20px;}
.div-main{width:360px; margin:5px auto 25px auto; text-align:center; min-height:160px;}

.div-bottom-con{width:100%; position:relative; float:left; min-width:360px; background:#eee; min-height:36px; color:#666;}
.div-bottom{width:360px; margin:8px auto; text-align:center; min-height:20px; font-size:12px;}
.div-bottom a{text-decoration:none; color:#666;}
.div-bottom a:hover{color:#C00;}

.textbox{width:80%; padding:20px 10% 0 10%;}
.textbox input{background:#FFF; padding:10px; border:#ccc 1px solid; width:80%; border-radius:7px; -webkit-border-radius:7px;} 
.lbutton{width:80%; padding:20px 10% 0 10%;}
.lbutton input{background:#06F; text-align:center; color:#FFF; padding:10px 0; border:#ccc 1px solid; width:90%; border-radius:7px; -webkit-border-radius:7px;} 
.lbutton input:hover{background:#06C;}
.abutton{background:#06F; text-align:center; color:#FFF; padding:10px 0; border:#ccc 1px solid; width:90%; border-radius:7px; -webkit-border-radius:7px; width:80%; padding:20px 10% 0 10%;} 

.main-table{position:relative; float:left; padding:0; margin:0; width:100%; color:#333;}
.main-table tr{border-collapse:collapse;}
.main-table tr:hover{color:#C00;}
.main-table tr td{border-bottom:dashed 1px #CCC; border-collapse:collapse; font-size:14px;} 
.main-table tr td a{ text-decoration:none; color:#F03;}
.main-table tr th{ border-bottom:dashed 1px #CCC; background:#eee; border-top:dashed 1px #CCC; border-collapse:collapse;  font-size:14px;} 

.divpanel{padding:10px; text-align:center; font-size:14px; position:relative; float:left; width:333px; margin:3px; min-height:20px; background:#eeee88; color:#333; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.divpanel:hover{background:#cece68;}
.divpanel-green{padding:10px; text-align:center; font-size:14px; position:relative; float:left; width:333px; margin:3px; min-height:25px; background:#090;  color:#FFF;}
.divpanel-red{padding:10px; text-align:center; font-size:14px; position:relative; float:left; width:333px; margin:3px; min-height:25px; background:#F30;  color:#FFF;}
.divpanel-blue{padding:10px; text-align:center; font-size:14px; position:relative; float:left; width:333px; margin:3px; min-height:25px; background:#0CC;  color:#FFF;}
.divpanel-notice{padding:10px; text-align:center; font-size:14px; position:relative; float:left; width:333px; margin:3px; min-height:25px; background:#eaeaea; color:#333;}