@charset "utf-8";

/*  
Theme Name: iV-box
Theme URI: http://ivane.net
Description: The WordPress theme based on the Wordpress.
Version: 0.1 Alpha
Author: iVane Hwang
Author URI: http://ivane.net/

	This theme was designed and built by iVane Hwang,
	whose blog you will find at 【 http://ivane.net/ 】
*/

/*=S Reset=*/
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
ul,ul li {list-style-type:none;}
fieldset,img {border:0 none;}
fieldset legend, table caption {display:none;}
code, kbd, pre, samp, tt {font-family:"Courier New", Courier, monospace;}
button, label {cursor:pointer;}
button, input, select, textarea {font:12px/1 Arial, sans-serif;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
html {overflow-y:scroll;}
body {font:12px/1 Arial,sans-serif;}
html,body {_height:100%;}
/*=E Reset=*/

/*=S Global=*/
body {margin-top:175px; background:#FFFFFF; color:#333333;}
a {color:#0066CC;}
a:hover {color:#0053A6;}
.hide {display:none;}
.clear {zoom:1;}
.clear:after {content:""; display:block; height:0; clear:both;}
/*=E Global=*/

/*=S Header=*/
.header {width:100%; position:absolute; left:0; top:0; height:144px;}
.header .tit {margin:0 auto; padding-top:17px; width:980px; height:97px;}
.header h1, .header h2 {margin-bottom:3px; font-size:56px; text-align:center; font-family:Arial;}
.header h1 a, .header h2 a {color:#000000; text-decoration:none;}
.header h1 a:hover, .header h2 a:hover {color:#0053A6; text-decoration:none;}
.header p.slogan {text-align:center;}
.header .nav {width:100%; height:28px; border:#CCCCCC solid; border-width:1px 0;}
.header ul {float:left; position:relative; left:50%;}
.header ul li {position:relative; right:50%; float:left; margin-right:10px;}
.header ul a {margin-top:1px; display:block; font-size:14px; padding:0 10px; height:26px; line-height:26px; overflow:hidden; float:left; text-decoration:none; color:#666666;}
.header ul a:hover {background:#666666; color:#FFFFFF; text-decoration:none;}
/*=E Header=*/

/*=S Wrapper=*/
.wrapper {margin:0 auto; width:980px; margin-bottom:20px;}
.section {float:left; width:720px;}
.section .search-result {padding:10px; border:1px #ABCD3A solid; background:#F2FDDB; font-size:18px; font-weight:bold; margin-bottom:20px;}
.section .notice {padding:10px; border:1px #E8DB97 solid; background:#FFD; font-size:18px; font-weight:bold; margin-bottom:20px;}
.section .article {margin-bottom:40px;}
.section .article h1, .section .article h2 {font-size:18px; font-family:Microsoft Yahei; margin-bottom:10px;}
.section .info {color:#999999;}
.section .cont {margin-top:15px; font-size:14px;}
.section .cont p {margin-bottom:10px; line-height:160%;}
.section .cont p.from-where {padding:6px 10px; border:1px #E8DB97 solid; background:#FFD; font-size:12px;}
.section .cont blockquote {border-left:2px #0066CC solid; background:#F3F3F3; margin:0 10px 12px 20px; padding:10px 12px 2px;}
.section .cont ul, 
.section .cont ol {padding-bottom:12px;}
.section .cont ul li, 
.section .cont ol li {color:#3C3C3C; font-size:14px; line-height:160%; margin:0 0 8px 50px;}
.section .cont ul li {list-style-type:disc;}
.section .cont ol li {list-style-type:decimal;}
.section .cont ul li ul, 
.section .cont ul li ol, 
.section .cont ol li ul, 
.section .cont ol li ol {padding:8px 0 0;}
.section .cont ul li ul li,
.section .cont ol li ul li{list-style-type:square; margin:0 0 8px 20px;}
.section .cont ul li ol li,
.section .cont ol li ol li {list-style-type:lower-alpha; margin:0 0 8px 20px;}
.section .tags {border:#CCCCCC solid; border-width:1px 0; height:28px; line-height:30px; text-align:right; padding:0 10px;}
.section .tags a {margin-left:8px;}
.section .single-info {margin-top:-15px; border-top:1px #CCCCCC solid; background:#EEEEEE; margin-bottom:25px; padding:10px 10px 2px;}
.section .single-info p {margin-bottom:8px;}
.section .article-nav {margin:10px 0; padding-top:10px; border-top:1px #CCCCCC solid;}
.section .article-nav .prev {float:left;}
.section .article-nav .next {float:right; text-align:right;}
/*==S Page Nav==*/
.section .page-nav {margin-bottom:30px;}
.section .page-nav a {display:block; float:left; margin-right:15px; text-align:center; padding:6px 10px; border:1px #999 solid; color:#999; overflow:hidden;}
.section .page-nav a:hover {border:1px #0053A6 solid; color:#FFFFFF; background:#0053A6; text-decoration:none;}
/*==E Page Nav==*/
/*==S Comment==*/
.section .comment {}
.section .comment ol {list-style-type:none;}
.section .comment li {margin-bottom:10px; border-bottom:1px #CCCCCC solid; padding:0 5px 10px 85px; position:relative; min-height:78px;}
.section .comment li.last {border:0 none;}
.section .comment li p {margin-bottom:2px; line-height:150%;}
.section .comment li p.name {font-size:14px;}
.section .comment li p.avatar {display:block; width:64px; height:64px; overflow:hidden; padding:3px; font-size:0; line-height:0; position:absolute; left:5px; top:3px; border:1px #CCCCCC solid;}
.section .comment li p.time {color:#A0A0A0; margin-bottom:6px; font-size:10px;}
.section .comment li p.time a {margin-left:8px;}
.section .comment fieldset {margin-top:25px; padding:0 5px;}
.section .comment legend {display:block; font-size:16px; font-family:Microsoft Yahei; font-weight:bold;}
.section .comment legend label {display:block; margin-bottom:8px;}
.section .comment p {margin-bottom:16px;}
.section .comment p.verify {color:#005A9D; font-weight:bold;}
.section .comment p label {font-size:14px; display:block; margin-bottom:5px; float:left;}
.section .comment p label span {font-size:12px; color:#CCC;}
.section .comment textarea {overflow:auto; width:576px; padding:6px; height:128px; font-size:14px; border:2px #CCCCCC solid;}
.section .comment textarea:focus {border-color:#ACC6E9; background:#E8F5FE;}
.section .comment .int-tx {padding:6px; width:576px; border:2px #CCCCCC solid; clear:both;}
.section .comment .int-tx:focus {border-color:#ACC6E9; background:#E8F5FE;}
.section .comment .int-sub {padding:6px; color:#000000; font-weight:bold; border:2px #CCCCCC solid; cursor:pointer;}
/*==E Comment==*/

/*==S Sidebar==*/
.aside {float:right; width:222px; padding:0 12px; border-left:1px #CCCCCC solid;}
.aside .panel {margin-bottom:30px;}
.aside .panel h4 {font-size:16px; font-family:Microsoft Yahei; padding-bottom:5px; border-bottom:1px #CCCCCC solid; margin-bottom:10px;}
.aside .panel p {line-height:150%; margin-bottom:10px;}
.aside .panel ul li {list-style-type:disc; margin:0 0 20px 16px;}
.aside .panel ul li.linkcat {list-style-type:none; margin:0 0 8px;}
.aside .panel ul li.linkcat h2 {font-size:14px; margin-bottom:8px;}
.aside .panel ul li.linkcat li {list-style-type:disc; margin:0 0 8px 16px;}
.aside .panel .int-tx {width:120px; padding:6px; border:2px #CCCCCC solid; background:#FFFFFF; vertical-align:middle;}
.aside .panel .int-tx:focus {border-color:#ACC6E9; background:#E8F5FE;}
.aside .panel .int-sub {padding:5px; font-weight:bold; text-align:center; border:2px #CCCCCC solid; background:#FFFFFF; color:#666666; cursor:pointer;}
/*==E Sidebar==*/
/*=E Wrapper=*/

/*=S Footer=*/
.footer {border-top:1px #CCCCCC solid; padding:15px 0; margin:0 auto; width:980px;}
.footer p {text-align:center;}
/*=E Footer=*/

/*=S Option add the class to the <body>=*/
.width_780 {}
.width_780 .header .tit, .width_780 .wrapper, .width_780 .footer {width:780px;}
.width_780 .section {width:550px;}
.width_780 .aside {width:192px;}
/*=E Option add the class to the <body>=*/