/* =====================>>> styles reset <<<===================== */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea,
p, blockquote, abbr, acronym ,img, th, td{
    margin: 0;padding: 0;    
}
body {line-height: 1.5;}
html, body, fieldset, button, img, abbr, acronym {border: 0;}
abbr, acronym {font-variant: normal;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, var, em, strong, b, th, optgroup {font-style:normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub {	font-size: 100%;}
sup, sub {vertical-align: baseline;}
input, button, textarea, select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size:100%;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align:left;}
/* remember to define focus styles! */
:focus {outline-width:0;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* =====================>>> .mod <<<===================== */
.mod .inner{position:relative;}
.hd,.bd,.ft{overflow:hidden;_zoom:1;}
.tl, .tr, .bl, .br, .top, .bottom{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br, .tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.top{background-position:center top;}
.bottom{background-position:center bottom;}

.tl, .tr, .bl, .br{width:10px;height:10px;}
/*.bl, .br{margin-top:-10px;}*/

/* =====================>>> library <<<===================== */
/* .clearfix */
.clearfix {display:inline-block;} 
.clearfix:after {
	/*/*/content: "."; /* ¼æÈÝie8 */ 
	display:block;height:0;clear: both;visibility: hidden;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;} 
/* End Hides from IE-mac */
.clear {clear:both;font-size:0;line-height:0;}

/* .fl, .fr */
.fl {float:left;*display:inline;}
.fr {float:right;*display:inline;} 
/* list */
.list {line-height:23px;font-family:"ËÎÌå";}
.list a {white-space:nowrap;}
/* img-list */
.img-list li {float:left;*display:inline;text-align:center;}
.img-list img {display:block;margin:auto;}
/* Image Button for button, input, a */
.img-btn {padding:0;text-indent:-9999px;cursor:pointer;vertical-align:middle;overflow:hidden;display:inline-block;*float:left;*display:inline;}
/* =====================>>> page head, body, and foot<<< ===================== */
#page{margin: 0 auto;width:950px;}
#page a:hover {color:#F00;}
#body{margin:auto;overflow:hidden; _overflow:visible;_zoom:1;}
/* columns */
.col-main {float:left;*display:inline;overflow:hidden;_overflow:visible;_zoom:1;}
.col-side {float:left;*display:inline;}
.col-extra {float:right;*display:inline;}
/*=====================>>> default style <<<=====================*/
body {vertical-align:middle;font:12px Arial,"lucida Grande",Helvetica,sans-serif;}
input, button, img, select {vertical-align:middle;}
body, a, input, textarea, button {color:#000;}
a:focus {outline:1px dotted #333;}