a:link, a:visited {
	color: #ff0000;
	text-decoration: none;
}
a:hover {
	color: #ce7e06;
	text-decoration: none;
}

@font-face{
    font-family:myfont1;
    src:url(css/LatoLatin-Black.woff2);
}


.head_div{
    width:100%;	
	box-sizing: border-box;
}
.header{
        border-radius:3px;		
        border:3px solid #13316c;
		box-sizing: border-box;
        background: radial-gradient(white, #e9f5fa);
        box-shadow:0 0 10px #13316c;
        height:75px;
    }
    
.b_msg{
	font-family:myfont1;
	font-size:12px;
	box-sizing: border-box;	
	color:#fff;
	margin:6px 0 0 0;
	padding:5px 0;
	text-align:center;
	width:100%;
	background-color:#0033cc;
	margin:8px 0 0 0;
}

@media only screen and (max-width:480px){
    .logo{
        background-size:100% auto;
    }
    .b_msg{		
		font-size:9px;		
	}
}
h1   {
	text-align: center;
	font-size: 15px;margin: 0;
	background-color: #03c;
    color: #fff;
	}
.postrule_head1,.postrule_head2,.read_forum{
    text-align:center;
    font-weight:700;
}
.profile_head,.read_forum{
    color:#fff;
    font-family:myfont1;
}
.postrule_head1,.postrule_head2,.profile_head,.read_forum{
    font-family:myfont1;
}

.comment_box,.profile{
    box-shadow:0 0 10px #b3b3b3;
}
.postrule{
    border:2px solid #039686;
    background-color:#e5fffc;
    margin:8px 0 0 0;
	float:left;
	width:100%;
	box-sizing: border-box;
}
.postrule_head1{
    padding:0px 0 0 0;
}
.postrule_head2{
    font-size:15px;
}
.read_forum{
    font-size:18px;
    background-color:#039686;
    margin:0;
    padding:4px 0 0;
}
.profile{
    background-color:#133e8c;
    border:2px solid #001945;
    text-align:center;
    float:left;	
    width:100%;
	box-sizing: border-box;
}


.profile_user{
    font-size:20px;
    font-family:myfont1;
    color:#fff;
}

.comment_box{
    border:2px solid #a15001;
    border-radius:5px;
    float:left;    
    margin:10px 0 0 0;
	width:100%;
	box-sizing: border-box;
}

.quote {
    
	background-color: #66FFFF;
    color: red;
    border-width: 1px;
    border-color: #66FFFF;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
    font-style: italic;
	font-size:13px;
}

.profile_head{
	width:33%;
	margin:5px 0;
	float:left;
}
.profile_head_img{
	float:left;	
	margin:0 0 0 30%;
}

.profile_head_menu{
float:left;
padding:8px 0 8px 5px;
font-size:20px;
    font-family:myfont1;
    color:#fff;
}


@media only screen and (max-width:480px){
    .postrule_head1,.postrule_head2{
        font-size:10px;
    }
    .read_forum{
        font-size:15px;
        padding:2px 0;
    }
    
    
    .profile_head{
        /*width:33.33%;*/
        float:left;
		margin:4px 0;
    }
	
	.profile_head_img{
		float:left;	
		margin:0 0 0 0;
	}

	.profile_head_menu{
	float:left;
	padding:8px 0 8px 5px;
	font-size:15px;
		font-family:myfont1;
		color:#fff;
	}
	.profile_head_profile{ width: 25%; }
	.profile_head_post{ width: 30%; }
	.profile_head_ach{ width: 45%; }
	.profile_user{ font-size:15px; font-family:myfont1; color:#fff; margin-top: 5px; }
}


.g_box {
    border-radius: 5px;
    border: 1px solid #ccc;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 150px;
    background-color: #f8f8f8;
    padding: 8px;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
}

.m_box{
    margin:10px;
}

::placeholder{
    color:#b3b3b3;
    opacity:1;
}
.g_btn{
    background-color:#a15001;
    color:#fff;
    border:1px solid #a15001;
    padding:2px 10px;
    margin:10px 0;	
	cursor:pointer;
	font-weight:700;
    font-family:myfont1;
}
.panel {
	padding: 0 18px;
    display: none;
    background-color: #d4f2fb;
    overflow: hidden;
    font-weight: 800;
    margin-top: 10px;
	border: 2px solid #ea0707;
    border-radius: 7px;
}
.panel p{font-style: italic;
    font-family: myfont1;margin: 5px; }
	 .chart_title2{
        background-color:#25a2b8;
        border-radius:5px 5px 0 0;
        text-align:center;
        color:#fff;
        padding:2px 0;
        font-family:myfont1;
        font-weight:700;
        font-size:18px;
        margin:11px 0 0 0;
    }
	  
	 .chart_head2{
        background-color:#b6e7ef;
        text-align:center;
        font-family:myfont1;
        font-weight:700;
        font-size:18px;
        padding:5px 0 4px 0;
        color:#000;
    }
    
.gf_box{float:left;width:100%;border-radius:5px;border:3px solid #9f5a0a;background:#f2f5ee;margin:5px 0;box-sizing:border-box;z-index:999999}


.gf_title{float:left;width:100%;height:35px;background-color:#480745}

.gf_title_left{float:left;width:60%;height:30px;padding:5px 0;font-weight:700;color:#fff;font-size:15px;font-family:myfont1}

.gf_title_right{float:left;text-align:right;width:40%;height:30px;padding:5px 0;color:#fff;font-weight:700;font-family:myfont1}

.gf_title_left>img{width:2.5%;float:left;padding-left:4px}

.gf_comment{float:left;width:100%;padding-top:0px}


.gf_bottom{float:left;width:100%}
.gf_bottom_left{float:left;background-color:#71582f;width:50%;text-align:center;font-size:16px;font-weight:700;font-family:myfont1;padding:3px 0;color:#fbebf5}
.gf_bottom_right{float:left;width:50%;background-color: #dbb988;text-align:center;font-size:16px;font-weight:700;font-family:myfont1;padding:3px 0;color:#580138}
.gf_bottom2{float:left;width:100%}

.gf_bottom_left2{float:left;width:50%;background-color:#dbb988;text-align:center;color:#580138;font-size:16px;font-weight:700;font-family:myfont1;padding:3px 0}

.gf_bottom_right2 {
    float: left;
    width: 50%;
    background-color:#71582f;
    text-align: center;
    color: #fbebf5;
    font-size: 16px;
    font-weight: 700;
    font-family: myfont1;
    padding: 3px 0;
}

@media only screen and (max-width:480px){.gf_title_left>img{width:12%;padding-left:4px}.gf_title_right{padding:9px 0;font-weight:700;font-size:12px;font-family:myfont1}

.gf_bottom_right2{
		font-size:16px;
		padding:3px 0 3px 0;
	}
}
pre{
	padding:3px 0;	
	font-weight:700;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
	text-align:center;
	font-size: 15px;
font-style: italic;
	    overflow: hidden;
}