/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Flat Style
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Ian Bradley ( http://www.artery.cn )
    --------------------------------------------------------------
*/

@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");
@import url("flat.css?v=3.2");

body,html{background:#f8fafa}
em,i{font-style:normal}
::selection { background:#9eb2c4;color: #fff;}
::-moz-selection { background:#9eb2c4;color: #fff;}
a{color:#132333;transition:all ease-out .3s}
h2.forum-title,h2.posting-title,h2.topic-title{font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial;font-size:1.6em;margin-bottom:15px;padding:10px 0}
h2.forum-title a:hover,h2.posting-title a:hover,h2.topic-title a:hover{text-decoration:none}
.icon.icon-black,a:hover .icon.icon-black{color:#51718f}
.postbody h3{display:none}
p.author{margin-bottom:1.6em;padding:10px 0 5px 0}
.post{border-top:#cdd1d5 1px solid;padding:5px 0;margin-top:10px}
.signature{margin-top:1.5em;padding-top:.8em;font:12px "Microsoft YaHei","Segoe UI",Tahoma,Arial}
.postprofile dd{line-height:1.6}
.postprofile .has-avatar .avatar-container{margin-bottom:12px}
.content{line-height:1.6em;font-family:"Microsoft YaHei","Segoe UI",Tahoma,Arial}
.codebox code{padding:10px 10px}
.codebox p{padding:5px 10px}
blockquote{margin:1em 1px 1em 0;font-size:12px}
.attach-image img{border:0;margin:15px 0 0 0}
dl.file dd{color:#666;font-size:12px;margin:0 0 15px 0}
.online{background-image:url(./en/icon_user_online.png);background-size: 30px;}
.offline{background-image:url(./en/icon_user_offline.png);background-size: 30px;}
.panel{padding:15px 10px}
.postprofile{border-color:#cdd1d5}
.wrap{background-color:#FFF;border:#E6E9ED 1px solid;border-radius:10px;margin:20px auto}
.headerbar{background-color:#fff;padding:0 0}
.logo{float:left;width:auto;padding:0}
.site_logo{display:inline-block;width:66px;height:66px}
.site-description h1{letter-spacing:0;word-spacing:0;margin-top:0;color:#3a5771}
.site-description p{font-size:1.5em;color:#a1bad1}
.navbar-bottom,.navbar-top{background-color:#526d87;font-weight:400}
.navbar-bottom .icon,.navbar-top .icon{color:#8ea7be}
.icon{color:#8ea7be}
.header-avatar span::after{color:#8ea7be}
a.header-avatar img{display:none}
.navbar-bottom a,.navbar-top a{margin-left:4px}
.forabg,.forumbg{background-color:#eef1f1;border:#dee2e1 1px solid;border-top:#c0c6c5 1px solid;border-bottom:#c0c6c5 1px solid}
.forabg .header a,.forumbg .header a,th a{color:#35709e}
.forabg .header a:hover,.forumbg .header a:hover,th a:hover{color:#1f5077;text-decoration:none}
li.header dl.row-item dt .list-inner{padding-left:8px}
li.header dd,li.header dt{color:#35709e}
li.row{border-top:1px solid #dfe6ee;border-bottom:0}
ul.topiclist dd{border-left:0}
.bg1{background-color:#fcfdfe}
.bg2{background-color:#fcfdfe}
.navbar-bottom a:hover,.navbar-top a:hover{color:#ff6b94;text-decoration:none}
ul.topiclist li{color:#6d7886}
a.forumtitle,a.lastsubject,a.topictitle{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-weight:unset;text-shadow:0 1px 1px #fff}
.search-box .inputbox{padding:3px 8px;font-size:12px}
table.zebra-list tr:nth-child(odd) td,ul.zebra-list li:nth-child(odd){background-color:#f9fafb}
.navbar{padding:0 10px}
.forum-image{margin-right:15px}
.forum-image{float:left;padding-top:0;margin-right:10px;margin-bottom:10px}
.row .list-inner{padding:10px 0}
ul.topiclist li.row dd{padding:4px 0 999px 7px}
.left-box{padding:5px 0}
.icon.icon-lightgray,a:hover .icon.icon-lightgray{display:none}
dl.row-item dd,dl.row-item dt{background-position:0 66%}
div.rules{background-color:#edf4d7;color:#333}
a.topictitle{font-size:14px}
.button .icon{bottom:0}
.button .icon,.button-secondary{color:#86957e}
.postlink{border-bottom-color:#c8d3c7}
.postlink:visited{border-bottom-color:#c8d3c7}
.online{background-size:30px}
select{border-color:#C7C3BF}
div.rules{padding:10px 10px}
.navigation a:hover {background: #526d87;}
.navigation .active-subsection a:hover {color: #fff;}
.jumpbox-cat-link {background-color: #526d87;border-top-color: #526d87;color: #FFFFFF;}
table.table1 thead th {background-color: #7d93a9;}
.message-box textarea {font-size: 1.1em;line-height: 1.8;}
.navbar-bottom a, .navbar-top a {margin-right: 5px;margin-left: 0}
.profile-avatar img {max-width: 100%;height: auto;}
.postprofile .avatar img {max-width: 86%;}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px){
body,html{background:#fff}
.wrap{background-color:#FFF;border:0;border-radius:0;margin:10px auto}
.forabg,.forumbg{border-left:0;border-right:0}
}
@media (max-width: 700px) {
.post{padding:5px 10px}
.postprofile .has-avatar .avatar-container{margin-bottom:6px}
}
