*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

img
{
	border:none;
}

a
{
	outline-style:none;
	text-decoration:none;
	-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;
}

body
{
	overflow-x:hidden;
    font-family: 'opensansregular';
	background:#EDEDED;
}

h1 ,h2 ,h3 ,h4 ,h5 ,h6
{
	font-weight:100;
}
@font-face {
    font-family: 'opensansregular';
    src: url('../fonts/opensansregular.eot');
    src: url('../fonts/opensansregular.eot') format('embedded-opentype'),
         url('../fonts/opensansregular.woff2') format('woff2'),
         url('../fonts/opensansregular.woff') format('woff'),
         url('../fonts/opensansregular.ttf') format('truetype'),
         url('../fonts/opensansregular.svg#opensansregular') format('svg');
}
@font-face
{
	font-family:'OpenSansSemibold';
	src:url('../fonts/OpenSansSemibold.eot');
	src:url('../fonts/OpenSansSemibold.eot') format('embedded-opentype'),
	url('../fonts/OpenSansSemibold.woff2') format('woff2'),
	url('../fonts/OpenSansSemibold.ttf') format('truetype'),
	url('../fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../fonts/OpenSansExtraBold.eot');
    src: url('../fonts/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBold.woff2') format('woff2'),
         url('../fonts/OpenSansExtraBold.woff') format('woff'),
         url('../fonts/OpenSansExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight.woff2') format('woff2'),
         url('../fonts/OpenSansLight.woff') format('woff'),
         url('../fonts/OpenSansLight.ttf') format('truetype'),
         url('../fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}
@font-face {
	font-family: 'OpenSans-Italic';
	src: url('../fonts/OpenSans-Italic.eot');
	src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-Italic.woff') format('woff'),
		url('../fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Damion';
	src: url('../fonts/Damion.eot');
	src: url('../fonts/Damion.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Damion.woff') format('woff'),
		url('../fonts/Damion.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot') format('embedded-opentype'),
         url('../fonts/BebasNeue.woff2') format('woff2'),
         url('../fonts/BebasNeue.woff') format('woff'),
         url('../fonts/BebasNeue.ttf') format('truetype'),
         url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
}
@font-face {
	font-family: 'Bebas_Neue_bold';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueBold.woff') format('woff'),
		url('../fonts/BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.contanear
{
	display:block;
	width:94%;
	max-width:1255px;
	margin:0px auto;
}

/**********************************************************************/
div.navibg{ width:100%; height:auto; background-color:#f3f3f3;  padding-bottom:0.5%;}
div.navi{ width:1200px; margin:0 auto} 
div.navi-logo{ display:block; width:300px; float:left;}

div.navi ul
{
	list-style: none; 
	position: relative;
	display: inline-table;
	float:right; 
	z-index:100;
	padding-top:10px;
}
div.navi ul ul {
	display: none;
}
div.navi ul li:hover > ul {
		display: block; 
	}
div.navi ul:after {
		content: ""; clear: both; display: block; 
	}


div.navi ul li
{float:right;
}
div.navi ul li a
{
	color:#002b40; border-radius:3px;
	text-decoration:none;
	font-size:15px;
	height:70px;
	line-height:70px;
	text-align:center;
	display:block;
	padding-left:18px;
	padding-right:18px;
	float:right;

}


div.navi ul li a:hover
{ background-color:#ff8700;
color:#fff;
}
div.navi ul ul {
		position: absolute; top: 100%;
		list-style:none; float:left; text-align:left;
		
	}
div.navi ul ul li {
			float: none; text-align:left; position:relative;
		}
div.navi ul ul li a {
				color:#fff;  border:0px solid #fff; text-align:left; display:block; background-color:#b03f73; float:none;}
				
div.navi ul ul li a:hover
{ background-color:#ff8700; border:0px solid #fff; color:#fff;}

div.navi ul ul ul { position: absolute; left:100%; top:0%;}
div.navi ul ul ul li a{ background-color:#000;}

div.mobilen{ display:none;}

.fixed {
	width:100%;
	position: fixed; 
	top: 0; height:auto;
	z-index: 100; box-shadow:0 8px 6px -6px #787878; 
	
}
.fixed div.navibg{ background-color:rgba(229, 229, 229, 0.9);  -webkit-transition: all ease 1s;
	-moz-transition: all ease 1s; padding-top:5px; padding-bottom:5px;}
.fixed div.navi ul li a{ padding-left:10px; padding-right:10px; font-size:13px;  line-height:30px; height:30px; color:#000;}
.fixed div.navi ul{ margin-top:0px;}
.fixed div.navi-logo{ width:80px;}


@media (max-width: 1024px){
div.navi{ width:95%;}
div.navi ul li a{ padding-left:10px; padding-right:10px; font-size:12px;}}

@media (max-width: 960px){
div.navi{ width:90%;} 
div.navi ul li a{ padding-left:10px; padding-right:10px; font-size:12px;}
.fixed div.navi ul li a{ padding-left:5px; padding-right:5px; font-size:11px; line-height:40px; height:40px;}
.fixed div.navi-logo{ width:120px;}
}

@media (max-width: 800px){
div.navi-logo{ margin:0 auto; float:none;}
div.navibg{ padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px;} 
div.navi ul{ display:none;}
div.mobilen{ display:block; clear:both; width:250px; height:30px; margin:0 auto;}
div.mobilen select{ width:100%; height:30px; background-color:#7c7c7c; color:#fff; padding-top:5px;}
}
@media (max-width: 580px){
.fixed div.navi-logo{ width:40px;}
.fixed div.mobilen{ height:25px;}
.fixed div.mobilen select{ height:25px; padding-top:0px;}
.fixed div.navibg{ margin-top:0px;}
}

/************************************COPY CSS************************************/

.body_panel
{
	width:100%;
	display:inline-block;
	text-align:center;
	margin-top:50px;
}

.body_panel_main
{
	width:100%;
	display:inline-block;
	text-align:center;
}

.body_panel_left
{
	width:66%;
	display:inline-block;
	text-align:center;
	margin-right:3%;
}

.hcb_box
{
	width:100%;
	display:inline-block;
	text-align:left;
	background:#FFF;
	margin-bottom:2%;
}

.top_panel
{
	width:100%;
	display:inline-block;
}

.date_panel
{
	width:100px;
	display:inline-block;
	text-align:center;
	border-right:solid 1px #E5E5E5;
	padding:10px;
}

.date_panel h2 span
{
	font-family: 'OpenSansBold';
	font-size:18px;
	color:#000;
}

.date_panel h2
{
	font-family:'OpenSansSemibold';
	font-size:14px;
	color:#666;
}

.text_panel
{
	width:auto;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.text_panel h2
{
	font-family:'OpenSansSemibold';
	font-size:20px;
	color:#000;
	padding:25px 10px 10px 20px;
	text-transform:uppercase;
}

.banner_panel
{
	width:100%;
	display:inline-block;
}

.banner_panel img
{
	width:100%;
	float:left;
}

.content_panel
{
	width:100%;
	display:inline-block;
	text-align:left;
}

.content_panel p
{
	font-family: 'opensansregular';
	font-size:16px;
	color:#000;
	padding:10px;
	text-align:justify;
}

.content_panel a
{
	font-family:'OpenSansSemibold';
	font-size:16px;
	color:#FFF;
	background:#0186D5;
	padding:10px 25px;
	display:inline-block;
	margin:10px;
}

.bottom_panel
{
	width:100%;
	display:inline-block;
	border-top:solid 1px #E4E4E4;
	padding-top:10px;
	margin-top:10px;
}

.box_1
{
	width:61px;
	display:inline-block;
	padding:10px;
}

.box_1 img
{
	width:100%;
}

.box_2
{
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin:18px 5px 18px 0;
	border-left:solid 1px #E4E4E4;
	border-right:solid 1px #E4E4E4;
	padding-right:10px;
	padding-left:15px;
}

.box_2 p
{
	font-family: 'opensansregular';
	font-size:13px;
	color:#000;
	background-image:url(../images/icon2.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
}

.box_3
{
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin:18px 0px;
	border-right:solid 1px #E4E4E4;
	padding-right:10px;
}

.box_3 p
{
	font-family: 'opensansregular';
	font-size:13px;
	color:#000;
	background-image:url(../images/icon3.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
}














.body_panel_right
{
	width:30%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.tweet_main
{
	width:100%;
	display:inline-block;
	background:#FFF;
	padding:20px;
	margin-bottom:6%;
}

.tweet
{
	width:100%;
	display:inline-block;
	text-align:left;
	background:#FFF;
	border-bottom:solid 1px #E4E8EB;
	padding-bottom:10px;
	margin-bottom:10px;
}

.tweet h2
{
	font-family:'OpenSansSemibold';
	font-size:22px;
	color:#000;
}

.tweet h2 span
{
	font-family: 'opensansregular';
	font-size:13px;
	color:#3E92EA;
}

.logo_panel_box
{
	width:100%;
	display:inline-block;
}

.logo_panel_box img
{
	float:left;
}

.logo_panel_box p
{
	float:right;
	margin-top:10px;
}

.logo_panel_box h3
{
	font-family: 'opensansregular';
	font-size:13px;
	color:#000;
	width:100%;
	float:left;
	text-align:left;
	margin:10px 0;
}

.tweet_bottom
{
	width:100%;
	display:inline-block;
	text-align:center;
	border-bottom:solid 1px #666666;
	padding-bottom:20px;
	margin-bottom:20px;
}

.icon
{
	width:auto;
	float:left;
	display:block;
	margin-top:15px;
}

.icon img
{
	margin-right:15px;
}

.icon_text
{
	width:auto;
	float:right;
	display:block;
	margin-top:15px;
}

.icon_text h5
{
	font-family: 'opensansregular';
	font-size:14px;
	color:#738089;
}

.navigation_2
{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0 0 20px 0;
	padding:10px 0;
}

.navigation_panel
{
	width:auto;
	display:inline-block;
	text-align:center;
	background:#0186D5;
	padding:5px 30px;;
}

.navigation_panel a
{
	color:#FFF;
	display:inline-block;
}

.navigation_panel a i
{
	color:#FFF;
}




















































.footer
{
	width:100%;
	display:inline-block;
	background:#000;
	padding:15px 0;
	text-align:center;
}

.footer_panel
{
	width:100%;
	display:inline-block;
}

.footer_left
{
	width:auto;
	display:block;
	float:left;
}

.social_icon
{
	width:auto%;
	display:inline-block;
	text-align:center;
}

.social_icon a i
{
	width:auto;
	font-size:20px;
	color:#FFF;
	margin:0 5px;
	text-align:center;
	display:inline-block;
}

.social_icon a i:hover
{
	color:#E9C659;
}

.footer_right
{
	width:auto;
	float:right;
	display:block;
}

.footer_right h2
{
	width: auto;
	float: right;
	font-family: 'Roboto-Bold';
	font-size: 16px;
	color: #FFF;
	padding: 3px 0 0 10px;	
}