/* HTML5 Resetr*/

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:none;word-wrap:break-word;word-break:normal;}
article,aside,figure,footer,header,hgroup,nav,section{display:block;}
img,object,embed{max-width:100%}
html{overflow-y:scroll}
ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
/*input,select{vertical-align:middle}*/
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
select,input,textarea{font:99% sans-serif}
a:hover,a:active{outline:none}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace,sans-serif}
.clickable,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}

/* for iphone */

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} 
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

/* puclic */

body{font-size:18px;color:#9e8c7b;background-color:#ede4d5;}
a,
a:link,
a:visited,
a:hover,
a:active{color: #514331;text-decoration: none;}

mark {background-color: #FF0;}

/* input & button */

* {-webkit-appearance:none;
	  -moz-appearance:none;
   -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
		   box-sizing:border-box;}
		   
textarea:focus,	   
input:focus {outline:none;}

input,
textarea,
button,
.form-rel article a,
.signup a,
#forgot-pass nav a,
#logout a,
.jumpform .prev,
.jumpform .next,
.jumpform input {display:inherit;width:100%;padding:10px;border:solid 1px;border-radius:4px;font-size:1em;}

.jumpform input{text-align: center;}

input,
textarea,
#forgot-pass nav a,
.jumpform select {border-color:#c3b29e;background-color:#fff;
	box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);}

button,
.form-rel article a,#login,
#logout a {
	text-align:center;border-color:#a37951;color:#514331;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	background-color: #E9D8B9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E9D8B9), to(#D4BC97));
	background-image: -webkit-linear-gradient(top, #E9D8B9, #D4BC97);
	background-image:    -moz-linear-gradient(top, #E9D8B9, #D4BC97);
	background-image:      -o-linear-gradient(top, #E9D8B9, #D4BC97);
	background-image:         linear-gradient(to bottom, #E9D8B9, #D4BC97); }
	
.signup a {
	text-align:center;border-color:#5e8c2f;color:#fff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	background-color: #7cac3f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9ac657), to(#7cac3f));
	background-image: -webkit-linear-gradient(top, #9ac657, #7cac3f);
	background-image:    -moz-linear-gradient(top, #9ac657, #7cac3f);
	background-image:      -o-linear-gradient(top, #9ac657, #7cac3f);
	background-image:         linear-gradient(to bottom, #9ac657, #7cac3f);}

.jumpform .prev,
.jumpform .next {text-align:center;
	border-color:#c4b19e;color:#514331;
	background-color: #FEFAED;}

/* Head */

header{ height:44px;background-color: #5FB336; }

/*header #btn-channel,
header #btn-user,*/
header .logo,.menu {display:block;height:44px;line-height:44px;padding:0 3px;}
header .menu {float:right;color:#514331;}
/*header #btn-channel:before{margin-right:4px;}*/

header .logo {float:left;width:158px;background:url('logo2.png') no-repeat 0 0px;
text-indent: -9999px;
}

header nav {position:absolute;top:44px;z-index:100;width:100%;background:#fff;display:none;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
	
header nav a {display:block;padding:10px;border-bottom:1px solid #F1ECE7;}
header nav a:after{content:"»";float:right;opacity:0.5;}
header nav a:nth-last-child(1):after {content:"";}

header .active {background:#fff;}

header .themebutton {margin:-4px 0 0 0;float:right;}
header .themebutton,
header .themebutton::before {display:inline-block;vertical-align:middle;border-radius:15px;}
header .themebutton {width:54px;height:27px;background:#52a8f1;box-shadow:inset 0 0 4px rgba(0,0,0,0.3);}
header .themebutton::before {content:"";width:25px;height:25px;border: 1px solid #ccc;background:#eee;box-shadow: 1px 0 2px rgba(0,0,0,0.3), inset 0 0 2px rgba(255, 255, 255, 1);}

/* banner */

.ad_center {text-align:center;height:50px;}

.spread-row {text-align:center;font-size:16px;}
.spread-row a {display:inline-block;padding:0 5px;}
.spread-row span {display:block;width:64px;height:64px;margin:0 auto .5em auto;}
.spread-row .qiubai-icon {background:url(Mobile.png) no-repeat 0 -240px;background-size:135px 368px;}
.spread-row .taobao-icon {background:url(Mobile.png) no-repeat 0 -176px;background-size:135px 368px;}
.spread-row .game-icon {background:url(Mobile.png) no-repeat 0 -304px;background-size:135px 368px;}

/* main */

.main .article-row,
.foot-nav {margin:12px 8px;padding:2px 0 0 0;background:#fff;border-radius:4px;
	border: 1px solid;border-color: #e6ddcf #d9d1c3 #cbc3b6 #d9d1c3;border-bottom-width: 2px;}
.main .article-row .text,
.main .article-row .user {margin:8px 12px;}
.main .article-row .user img{width:33px;height:33px;vertical-align:middle;margin-right:6px;border-radius:20px;}
.main .article-row .text {color:#333;}
.main .article-row .text br {display:none;}
.main .article-row .thumb {line-height:0;}
/*.main .article-row .thumb img {width:100%;}*/

.main .info {padding:8px 12px;border-top: 1px solid #F1ECE7;font-size:16px;}
.main .info a,
.main .info .voted,
.main .info .downed { cursor: pointer;display:inline-block;padding:0 0 0 20px;height:16px;color:#9e8c7b;line-height:16px;}
.main .info a.vote,.main .info .voted{background:transparent  url(Mobile.png) no-repeat 0 -55px;background-size:135px 368px;}
.main .info a.down,.main .info .downed{background:transparent  url(Mobile.png) no-repeat 0 -71px;background-size:135px 368px;margin:0 0 0 20px;}
.main .info a.comments {background:transparent url(Mobile.png) no-repeat 0 -87px;background-size:135px 368px;float:right;margin:2px 0 0 0;}
.main .info .voted,.main .info .downed {font-weight:bold;color:#bf4131;}

.reply {padding:10px;border-top:1px solid #f1ece7;font-size:16px;}
.reply .row {padding-bottom:.6em;line-height:1.1em;}
.reply .row span:before {content:": ";}
.reply .row span {color:#333;}
#comment_input,
#comment_submit {height:40px;display:inline-block;vertical-align:middle;}
#comment_input{width:70%;margin:0;border-radius:4px 0 0 4px;}
#comment_submit{width:30%;margin:0 0 0 -8.5px; border-radius :0 4px 4px 0;}

.jumpform {padding:0 10px 10px 10px;}
.jumpform .prev,
.jumpform .next,
.jumpform .form {display:inline-block;text-align:center}
.jumpform .prev {width:35%;}
.jumpform .form {width:20%;}
.jumpform .next {width:35%;}
.jumpform select {color:#9e8c7b;text-align:center;}
.jumpform .disable {opacity:0.3;}

/* footer */


.foot-nav h3,
.foot-nav nav a {display:block;padding:10px;}
.foot-nav h3 {font-weight:bold;}
.foot-nav nav a {border-top: 1px solid #F1ECE7;}
.foot-nav nav a::after{content:"»";float:right;opacity:0.5;}

footer {clear:both;padding:15px;text-align:center;font-size:16px;}
footer a {padding:0 0 0 8px;}

/* kanshu link */

.ext-link {line-height:1%;font-size:1%;}
.ext-link img {display:inline;}

/* post & suggest & sign & forgot-pass */

#signin,
#suggest, 
#new_article,
#forgot-pass {clear:both;padding:14px 10px;}

#new_article textarea,
#new_article input[type="file"],
#suggest textarea {margin:0 0 10px 0;}

#signin input:nth-child(1),
#forgot-pass input:nth-child(1) {border-radius:4px 4px 0 0;}
#signin input:nth-child(2),
#forgot-pass input:nth-child(2) {border-radius:0 0 4px 4px;margin:-1px 0 10px 0;box-shadow:0 0 0 rgba(0,0,0,0) inset;}
#signin .fetch{position:relative;float:right;padding:7px;margin:-50px 0 0 0;}
#signin .fetch::before {content:"";display:block;float:right;width:24px;height:24px;
	background:url(Mobile.png) no-repeat 0 -152px;background-size:135px 368px;}
#signin p {margin:0 0 10px 0;color:#D95338;}

.signup {position:fixed;bottom:0;width:100%;padding:10px;}
.signup p {text-align:center;margin:0 0 6px 0;}

#new_article p,
#forgot-pass p,
#forgot-pass h3 {margin:10px 0;}
#forgot-pass nav a::before {content:"";display:block;float:right;width:24px;height:24px;margin:-2px 0 0 0;
	background:url(Mobile.png) no-repeat -24px -152px;background-size:135px 368px;}
	
.form-rel {padding:40px;text-align:center;}
.form-rel article h3 {font-size:18px;margin:10px 0;}
.form-rel article span {display:block;margin:20px auto;}
.form-rel article a {width:100px;margin:10px auto;}

/* css icon */

.icon-tick {font-size:15em;width:0.4em;height:0.4em;border:0.03em solid #c6b79e;position:relative;border-radius:0.35em;}
.icon-tick::before{content:"";display:inline-block;position:absolute;top:0.223em;left:0.03em;border-width:0;background:#c6b79e;width:0.12em;height:0.04em;
 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);}
.icon-tick::after{content: "";display:inline-block;position:absolute;top:0.17em;left:0.07em;border-width:0;background:#c6b79e;width:0.27em;height:0.04em;
 -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);}
	  
.icon-cross {font-size:15em;width:0.4em;height:0.4em;border:0.03em solid #c6b79e;position:relative;border-radius:0.35em;}
.icon-cross::before{content:"";display: inline-block;position: absolute;top:0.15em;left:0.025em;border-width:0;background:#c6b79e;width: 0.3em;height: 0.04em;
 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);}
.icon-cross::after{content: "";display: inline-block;position: absolute;top:0.15em;left:0.025em;border-width:0;background:#c6b79e;width: 0.3em;height: 0.04em;
 -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);}
	  
.icon-exclamation {font-size:15em;width:0.4em;height:0.4em;border:0.03em solid #c6b79e;position:relative;border-radius:0.35em;}
.icon-exclamation::before{content:"";display:inline-block;position:absolute;top:0.12em;left:0.078em;border-width:0;background:#c6b79e;width:0.2em;height:0.04em;
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);}
.icon-exclamation::after{content: "";display:inline-block;position:absolute;top:0.27em;left:0.16em;border-width:0;background:#c6b79e;width:0.04em;height:0.04em;
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);}
.text p
{
   text-indent:1.2em;
   line-height:1.5em;
    }