@charset "utf-8";
/*
	author:fairytale
	created:080221
	updated:080228
*/

/*2-28 sky add*/
.h3-1 { font-size:18px; margin-bottom:10px;}
.ul-3 { float:left}
.ul-3 li { width:28%; float:left}

body{font:12px Arial, Helvetica, sans-serif;}
body,h1,h2,h3,h4,h5,p,form,fieldset,legend,ul,ol,dl,dt,dd {margin:0 auto;padding:0;}
ul,ol { list-style:none; }
li a,a{color:#236EB5; line-height:18px}img { border:0; }
.clear { clear:both; height:0; overflow:hidden; }
h1 {font-size: 1.8em; margin-bottom:10px; color: #000; display:inline}
h2 {margin: -10px 0 20px 0; color:#888; font-size: 1.2em;}
h3 {color:#000; margin:20px 0 0 0;}

/*contain*/
#contain{ width:800px;margin:0 auto; margin-top:10px; background:#fff; padding-bottom:10px;}

/*header*/
#header {width:802px;height:99px;background-image:url('../images/common/background-content.gif');}
#header #logo{background-image:url('../images/common/banner.gif'); height:69px}

/*main*/
#main {width:802px;height:auto; margin:0px auto;background-image:url('../images/common/background-content.gif'); float:left;}

/*nav*/
#nav{width:784px;height:30px;margin:0px auto;}
#nav ul{height:30px; background-image:url('../images/common/nav-bg.gif'); }
#nav #nav-top li{float:left;line-height:30px; border-right:1px #595959 solid;padding:0 5px;}
#nav #nav-top li a{ font-weight:bold;text-decoration:none;color:#D2D1D1; display:block; font-size:11px;line-height:30px}
#nav #nav-top li a:hover{color:white;}

/*content*/
.content{padding:15px;width:755px; float:left}
.content .solo{line-height:18px; padding-left:2px}
.content .div-1{float:left;overflow: hidden;}
.content .left{margin:10px;width:410px}
.content .right{width: 245px; height:178px;margin:0px 0px 0px 20px; overflow: hidden;padding:5px 0px 5px 35px;background-image:url('../images/common/search.jpg')}
.content .right form {left:90px;  margin-top:16px}
.content .right p { margin-bottom:20px; }
.content .right label { display:block; }

/*customers*/
.customers{background-image:url('../images/common/div2-bg.gif');width:784px; height:30px; overflow: hidden; margin-left:9px;display:inline; float:left}
.customers h2{ line-height:30px;margin:2px 0px 0px 25px;color:#E2E1E1;display:inline}
.customers-list{width:784px; height:auto; margin:0px auto auto 9px;background-color:#CFCFCF; border-bottom:3px #9E9E9E solid; float:left; display:inline}
.customers-list ul{width:235px; margin:10px 0px 10px 15px;float:left; display:inline;}
.customers-list li{background:url('../images/icon/tag-02.gif') no-repeat 0 6px;padding-left:15px;line-height:20px;color:white;width:90%;color:#4D4D4D;}
.customers-list li a{color:#4D4D4D; text-decoration:none}
.customers-list li a:hover{color:#4D4D4D; text-decoration:underline}
/*black*/
.black{background-color:#222222;width:784px; height:455px; margin:0 auto;overflow: hidden; border-bottom:2px #6F6F6F solid;}
.black .div-2{ float:left;}
.black .left{ margin:20px 10px 20px 20px;float:left;width:408px;height:400px;display:inline}
.black .right{ margin:20px 0px 0px 0px;float:left;width:320px;height:400px;}
.black #top{ background-image:url('../images/common/black-bg.jpg');width:319px;height:23px}
.black #middle{background-color:#4E4E4E; width:316px;height:360px;margin-left:2px;}
.black #middle h2{ color:#D0D0D0;font-size:14px;padding:0px 0px 0px 15px;font-weight:bold;}
.black #middle h3{ color:#D0D0D0;font-size:11px;font-weight:bold;padding:10px 0px 0px 15px;}
.black #middle .mp{ color:white;font-size:11px;padding:10px 10px 0px 15px;}
.black #bottom{background-image:url('../images/common/black-bg2.jpg');width:319px;height:23px;margin-left:1px}
.black .div-2 h2{color: #fff; font-size: 1.45em; line-height: 1.5em;margin: 0;}
.black .div-2 h3 {color: #fff; margin:0px 0 0 0; font-size:14px}
.black .div-2 h3 a{color: #fff; text-decoration:none;}
.black .div-2 h3 a:hover{color: #fff; text-decoration:underline}
.black .div-2 p{color: #e0e0e0; font-size: 1.1em; line-height: 1.5em}
.black .div-2 .mp{color: #e0e0e0; font-size:11px;}

/*lower*/
.lower{background-color:#333333;width:784px;margin:0 auto;overflow: hidden;}
.lower ul{width:235px; padding:10px 0px 10px 25px;float:left;display:inline}
.lower li{background:url('../images/icon/tag-01.gif') no-repeat 0 6px;padding-left:15px;line-height:20px;color:white; float:left; width:90%}
.lower li a{color:white; text-decoration:none}
.lower li a:hover{color:white; text-decoration:underline}
/*footer*/
#footer{background-image:url('../images/common/footer-bg.gif');width:791px; clear:both;margin-left:5px;}
#footer p{ text-align:center;color:333; line-height:41px;font-size:10px;}
#footer p a{color:333; text-decoration:none}


.link{ line-height:18px; margin-bottom:5px}
.link a{ text-decoration:underline; color:#00f}


/*small-btn*/
.small-btn{ padding:20px;}
.small-btn img{ border:0; vertical-align:middle;}
.small-btn li{ list-style:none; line-height:30px;}
.small-btn li a{ text-decoration:underline; font-weight:bold;}

.page-1 {text-align:center; margin-bottom:10px;}
.page-1 a {text-decoration:underline; padding:3px; }
.page-1 .select { text-decoration:none;}
#tags { margin-bottom:15px;}
#tags .site-tags { text-align:center; margin-left:20px; margin-bottom:10px; width:620px; margin:0 auto;}
#tags .site-tags li { float:left; margin-right:5px; text-align:center; width:15px; height:20px; font-size:13px; background:#666; color:#fff; font-weight:bold;}
#tags .site-tags li a { color:#036; display:block; width:15px; height:18px; background:#fff;  border:1px solid #fff; text-decoration:underline; }
#tags .site-tags li a:hover{background:#036; color:#fff;}
#tags .tag-list li { margin-bottom:10px;}
#tags .tag-list li a { color:#036; text-decoration:underline;}
#tags .tag-list li a:hover {text-decoration:none;}
#tags .tag-list .wrap { width:85%; margin:0 auto 10px;}
#tags .tag-list .left { float:left; width:45%;}
#tags .tag-list .right {float:right; width:45%;}

#editpick {}
#editpick li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; width:95%;}
#editpick .img {width:120px; float:left;}
#editpick h2 {margin-left:135px; font-size:13px;}
#editpick h2 a {color:#06c;text-decoration:underline;}
#editpick h2 a:hover {text-decoration:none;}
#editpick p {margin-left:135px; margin-bottom:5px;}
#editpick .downbuy {}
#editpick .downbuy a {font-weight:bold; color:#06c;text-decoration:underline;}
#editpick .downbuy a:hover {text-decoration:none;}

/*sponsored-link*/
.sponsored-links { width:280px; border:1px solid #ddd; padding:5px 10px 10px 10px; font-size:12px; background:#fff; text-align:left;}
.sponsored-links p { font-size:11px; color:#666; }
.sponsored-links a { text-decoration:none; }
.sponsored-links dt { margin-top:10px; font-size:13px;}
.sponsored-links dt a { color:#06c;text-decoration:underline; font-size:12px; }
.sponsored-links dt a:hover {text-decoration:none;}
.sponsored-links dd { color:#333; }
.sponsored-links .d1 { margin-top:3px; margin-bottom:3px; font-size:11px; }
.sponsored-links .d2 { font-size:11px; }
.sponsored-links .d2 a { color:#666; text-decoration:underline; }
.sponsored-links .price {font-size:12px; margin-bottom:5px; color:#FF6600;}
.sponsored-links .save {font-size:11px; color:#090;}

#sponsored1 .img img {width:110px; float:left;}
#sponsored1 dl {border-bottom:1px solid #efefef; padding-bottom:7px; margin-bottom:7px;}
#sponsored1 dt {margin-left:115px;}
#sponsored1 dt a {color:#06c}
#sponsored1 .d1,#sponsored1 .d2 {margin-left:115px; margin-bottom:10px;}
#sponsored1 .d2 a {color:#06c; font-weight:bold;}
#sponsored1 .price {margin-left:115px;}
#sponsored1 .save {margin-left:115px;}

#sponsored2 dt{ margin-bottom:10px;}
#sponsored2 dt a {color:#06c}
#sponsored2 dl {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#sponsored2 .img {  }
#sponsored2 .img img {width:130px;}
#sponsored2 .d2 a {color:#06c; font-weight:bold;}
#sponsored2 .price { }
#sponsored2 .save {}

#sponsored3 {width:728px; margin:0 auto; background:#fff;}
#sponsored3 dl{float:left; width:30%; overflow:hidden; padding:0 5px; margin-bottom:10px; margin-top:5px; border-left:1px dotted #ccc;background:#fff;}
#sponsored3 dt {margin-bottom:12px; margin-left:102px; word-break:break-all;  }
#sponsored3 dt a {color:#06c}
#sponsored3 .img  {float:left;}
#sponsored3 .img img {width:100px;}
#sponsored3 .p {margin-left:102px; margin-bottom:5px;}
#sponsored3 .d2 {margin-left:102px;}
#sponsored3 .d2 a {font-weight:bold; color:#06c}
#sponsored3 .price {margin-left:102px;}
#sponsored3 .save {margin-left:102px;}
#sponsored3 .d1 {margin-left:102px; margin-bottom:10px;}
#sponsored3 .last {border:none;}