@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}


a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	font-weight: bold;
}


.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
}


.header {
	background-color: #CCC49F;
}


.btn {
	background-image: url(../repair/string-images/ck2_bg.png);
	padding: 15px;
	font-family: Arial, "細明體";
	font-size: 14px;
	background-color: #AA3925;
}

.sidebar1 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding-bottom: 10px;
}
.content {

	padding: 10px 0;
	width: 780px;
	float: left;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #ADB96E;
	color: #FFF;
}


.footer {
	padding: 10px 0;
	background: #CCC49F;
	position: relative;
	clear: both; 
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#aaa {border-top:1px dashed #1934FF;height: 1px;overflow:hidden;}

#bbb {border-bottom:3px dotted #FFCC00;height: 3px;overflow:hidden;}

.button {
    display: inline-block;
    position: relative;
    margin: 6px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    font: bold 16px/25px Arial, "細明體";
}
.gray {
    color: #FFFFFF;
    background: #888C33;
}
.button {
    display: inline-block;
    position: relative;
    margin: 6px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    font: bold 16px/25px Arial, "細明體";
 
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
 
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.gray {
    color: #FFFFFF;
 
    background: #888C33; 
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #888C33 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#888C33)); 
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#888C33 100%); 
    background: -o-linear-gradient(top,  #d3d3d3 0%,#888C33 100%); 
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#888C33 100%); 
    background: linear-gradient(top,  #d3d3d3 0%,#888C33 100%); 
}
.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}