@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');

body, p, h1, h2, h3, h4, textarea, input, button, .buttonmain, buttonmain2, select, option, a, td {
    font-family: Arial, Helvetica, sans-serif, '微软雅黑', 'Microsoft YaHei','Microsoft YaHei UI','Microsoft YaHei New', 'Heiti SC','STHeiti', 'Droid Sans', 'Droid Sans Fallback', 'HeiTi', SimHei;
    font-size: 11pt;
    padding: 0;
    margin: 0;
}

.page {
    max-width: 930px;
    margin: 0 auto;
}

.header {
    background-image: url('/images/header_bg.png');
    background-repeat: repeat-x;
    height: 83px;
}

.header2 {
    background-image: url('/images/header2_bg.png');
    background-repeat: repeat-x;
    min-height: 400px;
}

.menu_button {
    float: right;
    border-bottom: 4px solid rgba(1,1,1,0);
    text-decoration: none;
    color: #b0b0b0;
    padding: 45px 25px 15px 25px;
}

    .menu_button:hover, .menu_button:active {
        color: #00AEEF;
        border-bottom: 4px solid #00AEEF;
    }

h1 {
    font-family: 'Poiret One', cursive;
    font-size: 20pt;
    color: #00AEEF;
    padding-bottom: 15px;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 15px;
}

.contentblock {
    padding: 20px;
}

.contentblock_title_img {
    box-shadow: 0 0 3px 3px #c7c7c7;
    width: 180px;
    margin-bottom: 10px;
}

.contentblock_title {
    font-size: 13pt;
    color: #4f4f4f;
    padding-bottom: 10px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 10px;
}

.contentblock_description {
    color: #4f4f4f;
    line-height: 130%;
}

.footer1 {
    border-top: 4px solid black;
    background: #222222;
    border-bottom: 2px solid black;
    height: 30px;
}

.footer2 {
    background-image: url('/images/footer_bg.png');
    background-repeat: repeat-x;
    height: 186px;
}

.footer3 {
    background: #111111;
    color: #66bcdc;
    font-size: 10pt;
    padding: 15px 0;
    text-align: center;
}

.footer_block {
    width: 400px;
    float: left;
    margin-top: 10px;
	margin-bottom: 30px;
	text-align:center;
}

.footer_block_title {
    font-family: 'Poiret One', cursive;
    font-size: 14pt;
    font-weight: bold;
    padding-bottom: 10px;
    color: white;
	text-align:center;
}

.footer_block_desription {
    color: #a5a5a5;
    font-size: 11pt;
    line-height: 150%;
	text-align:center;
}

@media (min-width: 769px) {
	.contentblock {
		float: left;
		width: calc(33% - 40px);		
	}
}

@media (max-width: 768px) {
	
	h1 {
		text-align: center;
	}
	
	.footer_block {
    width: 100%;
    float: none;
    
}

.footer_block_title {
    font-family: 'Poiret One', cursive;
    font-size: 14pt;
    font-weight: bold;
    padding-bottom: 10px;
    color: white;
	width: auto;
}

.footer_block_desription {
    color: #a5a5a5;
    font-size: 11pt;
    line-height: 150%;
		width: auto;
}

.footer3 {
	padding-top: 50px;
}
}