#page{margin-top: 0px;margin-bottom: 0px;background: white;width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -200px; }
.total_content{margin-top: 0px;margin: 0px;background: white;width:100%;}

#page-hp{margin-top: 0px;margin-bottom: 0px;background: white;width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -200px; }
.total_content{margin-top: 0px;margin: 0px;background: white;width:100%;}

#page_dark{margin-top: 0px;margin-bottom: 0px;background:#000;}

#header{ float:left; width:100%;margin: 0;padding: 0;height:100px;background-color:#000;background-image:url(../images/sf-texture2.gif);}

#content{ width:100%;padding:0px;}

#sidebar{padding: 20px 20px 20px 0;}

#footer{ width:100%;margin:0px;text-align: center;background-color:#000000;border-top: 0px solid #C9E0ED;height: auto;clear: both;overflow: hidden; font-variant:normal; padding-bottom: 20px;}
#footer .footer-col{ box-sizing: border-box;font-size: 0.8em; width:25%;background-color: #000000;margin-top:10px;border-right: solid thin #333333;height: 200px;float:left;text-align: left;color:#999999;padding-left:25px;line-height:15px; color:#666}
#footer .footer-col2{box-sizing: border-box;border-right: solid thin #333333; width:25%;background-color: #000000;margin-top:10px;height: 200px;float:left;text-align: left;color:#999999;padding-left:25px;}
.footer-col2 li{font-size:18px;letter-spacing:1px;font-variant:normal;  margin-bottom:5px; margin-top:5px; font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;}
.footer-col2 li a{color:#333;}
.footer-col2 li a:hover{color:#fff;}
#footer .footer-col3{box-sizing: border-box; width:25%;background-color: #000000;margin-top:10px;height: 200px;float:left;text-align: left;color:#999999;padding-left:25px;}

#logo{padding-left:20px;width:267px;height:92px; float:left}
#menulogo{width:267px;height:72px;margin:auto;float:left;padding-top:4px}
#payoff{display:none;padding-left:10px;width:200px;height:20px;margin:auto;float:left; font-weight:bold; font-size:14px}

#share-box{   
    float: left;
    height:25px;
    margin-left: 20px;
    margin-top: 25px;
    width: 225px;}



#banner-top{
    display:none;
     background-color: #666666;
    float: right;
    height: 84px;
    margin-right: 40px;
    margin-top: 10px;
    width: 467px;}

#mainmenu{background-color:#000;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px;height: 50px; float: left; width: 100%;}
#mainmenu ul{padding:6px 20px 5px 20px;margin:0px;}
#mainmenu ul li{display: inline;}
#mainmenu ul li a{color: #333;background-color:transparent;font-size:22px;font-weight:bold;text-decoration:none;padding:5px 8px;}
#mainmenu ul li a:hover, #mainmenu ul li.active a{color: #00000;background-color:#EFF4FA;text-decoration:none;}




@media screen and (max-width:830px)
{

#page_hp{margin-top: 0px;margin-bottom: 0px;background: white;width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -200px; width:1340px}
.total_content{margin-top: 0px;margin: 0px;background: white;}


#header{ width:100%;margin: 0;padding: 0;height:100px;background-color:#000;background-image:url(../images/sf-texture2.gif); text-align:center}

#logo{width:267px;margin:auto; float:none;}
#menulogo{width:267px;height:72px;margin:auto;}
#payoff{display:none;}
#banner-top{display:none;}

#mainmenu{background-color:#cf043d;font-family:Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px; }
#mainmenu ul{padding:6px 20px 5px 20px;margin:0px;}
#mainmenu ul li{display: inline;}
#mainmenu ul li a{color: #000;background-color:transparent;font-size:12px;font-weight:bold;text-decoration:none;padding:5px 8px;}
#mainmenu ul li a:hover, #mainmenu ul li.active a{color: #00000;background-color:#EFF4FA;text-decoration:none;}

#share-box{   
display:none}

}






div.flash-error, div.flash-notice, div.flash-success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
div.flash-error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.flash-notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.flash-success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.flash-error a{color:#8a1f11;}
div.flash-notice a{color:#514721;}
div.flash-success a{color:#264409;}

div.form .rememberMe label{display: inline;}

div.view{padding: 10px;margin: 10px 0;border: 1px solid #C9E0ED;}

div.breadcrumbs{font-size: 0.9em;padding: 5px 20px;}

div.breadcrumbs span{font-weight: bold;}

div.search-form{padding: 10px;margin: 10px 0;background: #eee;}

.portlet{}
.portlet-decoration{padding: 3px 8px;background: #B7D6E7;border-left: 5px solid #6FACCF;}
.portlet-title{font-size: 12px;font-weight: bold;padding: 0;margin: 0;color: #298dcd;}
.portlet-content{font-size:0.9em;margin: 0 0 15px 0;padding: 5px 8px;background:#EFFDFF;}
.portlet-content ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin: 0;padding: 0;}
.portlet-content li{padding: 2px 0 4px 0px;}

.operations{list-style-type: none;margin: 0;padding: 0;}
.operations li{padding-bottom: 2px;}
.operations li a{font: bold 12px Arial;color: #0066A4;display: block;padding: 2px 0 2px 8px;line-height: 15px;text-decoration: none;}
.operations li a:visited{color: #0066A4;}
.operations li a:hover{background: #80CFFF;}









/**SMARTPHONE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!**/
@media screen and (max-width:580px)
{
#page_hp{margin-top: 0px;margin-bottom: 0px;background: white;width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -200px; }
.total_content{margin-top: 0px;margin: 0px;background: white;}
#header{ width: 100%;
margin: 0px;
padding: 0px;
height: auto;
background-color: #000;
background-image: url("../images/sf-texture2.gif");
background-repeat: repeat-x;}

#footer{ width:100%;padding: 0px;margin:0px;text-align: center;background-color:#000000;border-top: 0px solid #C9E0ED;height: auto;clear: both;overflow: hidden; font-variant:normal; padding-bottom: 20px;}
#footer .footer-col{ box-sizing: border-box;font-size: 0.8em; width:100%;background-color: #000000;margin-top:10px;border: solid 5px #000;height: auto;float:left;text-align: left;color:#999999;padding-left:0px;line-height:15px; color:#666}
#footer .footer-col2{box-sizing: border-box;border: solid 5px #000; width:100%;background-color: #000000;margin-top:10px;height:auto;float:left;text-align: left;color:#999999;padding-left:0px;}
.footer-col2 li{font-size:18px;letter-spacing:1px;font-variant:normal;  margin-bottom:5px; margin-top:5px; font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;}
.footer-col2 li a{color:#333;}
.footer-col2 li a:hover{color:#fff;}
#footer .footer-col3{box-sizing: border-box; width:100%;background-color: #000000;margin-top:10px;height:auto;float:left;text-align: left;color:#999999;padding-left:0px;border: solid 5px #000;}

}