html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;line-height:1.6;}

sup {vertical-align:super;font-size:smaller;line-height:1;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
#bg {width:100%;margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;background:#fff;color:#000;}
#content {width:100%;margin:0 auto;padding:0;}
@media screen and (max-width: 990px) 
{
	sup {vertical-align:super;font-size:smaller;line-height:1;}
	.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
	#bg {width:100%;margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;background:#fff;color:#000;}
	#content {width:100%;margin:0 auto;padding:0;}
}
/* =========================================================================================================================== */

/* TOP */
#bgtopbox {width:100%;margin:0 auto;padding:20px 0;}
#botopbox {width:1200px;margin:0 auto;padding:0;text-transform:uppercase;}
#topboxleft {width:15%;float:left;margin:0 auto;padding:0;}
.topboximg {width:100%;height:auto;}
.topboximg img {width:100%;height:auto;}
#topboxrite {width:85%;float:left;margin:0 auto;padding:0 0 0 20px;box-sizing:border-box;}
.topboxtit {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;color:#AF7726;}
.topboxsub {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.topboxtex {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.topboxdet {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
@media screen and (max-width: 990px) 
{
	#bgtopbox {width:100%;margin:0 auto;padding:20px 0;}
	#botopbox {width:90%;margin:0 auto;padding:0;text-transform:uppercase;}
	#topboxleft {width:100%;float:left;margin:0 auto;padding:0;text-align:center;}
	.topboximg {width:40%;height:auto;margin:0 auto;padding:0;text-align:center;}
	.topboximg img {width:100%;height:auto;}
	#topboxrite {width:100%;float:left;margin:0 auto;padding:0;box-sizing:border-box;text-align:center;}
	.topboxtit {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#AF7726;}
	.topboxsub {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;}
	.topboxtex {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;}
	.topboxdet {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;}
}
/* =========================================================================================================================== */

/* TOP MIDDLE */
#bgtopmidbox {width:100%;margin:0 auto;padding:20px 0;background:#FDBDC5;}
#botopmidbox {width:1200px;margin:0 auto;padding:10px 0;color:#1A0104;font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;text-align:center;text-decoration:blink;}
.blinking {animation:blinkingText 1.5s infinite;}
@keyframes blinkingText{
    0%{     color: #1A0104;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #1A0104;    }
}
@media screen and (max-width: 990px) 
{
	#bgtopmidbox {width:100%;margin:0 auto;padding:20px 0;background:#FDBDC5;}
	#botopmidbox {width:90%;margin:0 auto;padding:10px 0;color:#1A0104;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;text-align:center;text-decoration:blink;}
	.blinking {animation:blinkingText 1.5s infinite;}
	@keyframes blinkingText{
		0%{     color: #1A0104;    }
		49%{    color: transparent; }
		50%{    color: transparent; }
		99%{    color:transparent;  }
		100%{   color: #1A0104;    }
	}
}
/* =========================================================================================================================== */

/* MIDDLE */
#bgmiddlebox {width:100%;margin:0 auto;padding:40px 0;background:#FCF8F3;}
#bomiddlebox {width:1200px;margin:0 auto;padding:0;}
#hemiddlebox {margin:0 auto;padding:0;text-align:center;font-weight:700;font-size:30px;font-family:'Roboto', sans-serif;color:#AF7726;border-bottom:1px solid #F2E0CB;}

#midmiddlebox {width:100%;margin:0 auto;padding:20px 0;display:inline-flex;box-sizing:border-box;}
#midmiddleboxleft01 {width:20%;float:left;text-align:center;}
#midmiddleboxleft02 {width:30%;float:left;text-align:center;}
#midmiddleboxrite01 {width:20%;float:left;text-align:center;}
#midmiddleboxrite02 {width:30%;float:left;text-align:center;}
.midmiddleboxint {margin:0 auto 10px;padding:0;}
.midmiddleboxint span {margin:0 auto;padding:10px 20px;font-weight:700;font-size:50px;font-family:'Roboto', sans-serif;background:#AF7726;color:#fff;border-radius:10px;}
.midmiddleboxvar {margin:0 auto;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;}

#midmiddleboxleft00 {width:50%;float:left;text-align:center;}
#midmiddleboxrite00 {width:50%;float:left;text-align:center;}

#midmiddleboxleft {width:50%;float:left;margin:0 auto;padding:0;text-align:center;}
.midmiddleboxlefttit {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
.midmiddleboxleftdes {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
@media screen and (max-width: 990px) 
{
	#bgmiddlebox {width:100%;margin:0 auto;padding:40px 0;background:#FCF8F3;}
	#bomiddlebox {width:98%;margin:0 auto;padding:0;}
	#hemiddlebox {margin:0 auto;padding:0;text-align:center;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#AF7726;border-bottom:1px solid #F2E0CB;}

	#midmiddlebox {width:100%;margin:0 auto;padding:20px 0;display:inline-flex;flex-wrap:wrap;box-sizing:border-box;}
	#midmiddleboxleft01 {width:40%;float:left;text-align:center;margin-bottom:5%;}
	#midmiddleboxleft02 {width:60%;float:left;text-align:center;}
	#midmiddleboxrite01 {width:40%;float:left;text-align:center;}
	#midmiddleboxrite02 {width:60%;float:left;text-align:center;}
	.midmiddleboxint {margin:0 auto 10px;padding:0;}
	.midmiddleboxint span {margin:0 auto;padding:10px 20px;font-weight:700;font-size:40px;font-family:'Roboto', sans-serif;background:#AF7726;color:#fff;border-radius:10px;}
	.midmiddleboxvar {margin:0 auto;padding:0;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}

	#midmiddleboxleft00 {width:50%;float:left;text-align:center;}
	#midmiddleboxrite00 {width:50%;float:left;text-align:center;}

	#midmiddleboxleft {width:100%;float:left;margin:0 auto 5%;padding:0;text-align:center;}
	.midmiddleboxlefttit {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;}
	.midmiddleboxleftdes {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;}
}
/* =========================================================================================================================== */

/* BOTTOM */
#bgbottombox {width:100%;margin:0 auto;padding:50px 0;background:#EDFCF8;}
#bobottombox {width:96%;margin:0 auto;padding:0;}
@media screen and (max-width: 990px) 
{
	#bgbottombox {width:100%;margin:0 auto;padding:50px 0;background:#EDFCF8;}
	#bobottombox {width:90%;margin:0 auto;padding:0;}
}
/* =========================================================================================================================== */

/* BOTTOM LEFT */
#bottomboxleft {width:24%;float:left;margin:0 0.5%;padding:0;background:#fff;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);}
#hedbottombox {margin:0 auto;padding:5px 0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;background:#0B4E3A;color:#fff;border-radius:5px 5px 0 0;}
#fotbottombox {margin:0 auto;padding:20px 0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;} 
#fotbottomboxtext {font-weight:700;font-size:22px;color:#c00;padding:10px 20px;background:#FFD5DB;border-radius:0 0 5px 5px;}
@media screen and (max-width: 990px) 
{
	#bottomboxleft {width:100%;float:left;margin:0 auto 5%;padding:0;background:#fff;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);}
	#hedbottombox {margin:0 auto;padding:5px 0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;background:#0B4E3A;color:#fff;border-radius:5px 5px 0 0;}
	#fotbottombox {margin:0 auto;padding:20px 0;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;text-align:center;} 
	#fotbottomboxtext {font-weight:700;font-size:18px;color:#c00;padding:10px 20px;background:#FFD5DB;border-radius:0 0 5px 5px;}
}
/* =========================================================================================================================== */

/* FOOTER */
#bgfooterbox {width:100%;margin:0 auto;padding:30px 0;background:#AF7726;}
#bofooterbox {width:1200px;margin:0 auto;padding:0;text-align:center;color:#fff;}
.footerboxtop {width:100%;float:left;font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;}
.footerboxbot {width:100%;float:left;font-weight:400;font-size:10px;font-family:'Roboto', sans-serif;}
.footerboxbot a {color:#fff;text-decoration:none;}
.footerboxbot a:hover {color:#C00;}
@media screen and (max-width: 990px) 
{
	#bgfooterbox {width:100%;margin:0 auto;padding:30px 0;background:#AF7726;}
	#bofooterbox {width:100%;margin:0 auto;padding:0;text-align:center;color:#fff;}
	.footerboxtop {width:100%;float:left;font-weight:700;font-size:13px;font-family:'Roboto', sans-serif;}
	.footerboxbot {width:100%;float:left;font-weight:400;font-size:10px;font-family:'Roboto', sans-serif;}
	.footerboxbot a {color:#fff;text-decoration:none;}
	.footerboxbot a:hover {color:#C00;}
}
/* =========================================================================================================================== */