body {
   font-family:Arial,sans-serif;
 color: #fff;
 background:#fff url(images/snssystem.com-bg.jpg);
margin:0;
}


#main_content{
box-shadow: 0px 0px 15px #ddd;
border: 0px solid red;
overflow:auto;
background:#fff url(images/bg.png);
margin:-7px auto;
}

.inner{
max-width:1100px;
margin:0 auto;
}

.header{ 
overflow:auto;
   background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */
width:99.98%;
}

.header-left{
max-width: 50%;
float: left;
}

.header-left img{
width: 70%;
margin:8px 10px;
}


.header-right{
max-width: 50%;
float: right;
margin:25px 25px;
font-size:24px;

}

.detail-contact.gap-top {
    margin-top: 3%;
}


.header-right a{
text-decoration:none;
color:#F2B20E;
border-radius: 5px;
font-size:22px;
font-family:Monotype Corsiva;
position:relative;
top:-12px;
left:10px;
}

.header-right a i {
    padding-right: 15px;
    font-size: 24px;
}

.header-right a:hover{

color:#FE7B02;

}

.header-right img{
position:relative;
top:18px;
}


.content{
overflow:auto;
width:99%;
margin:0px 0 5px 0;

}

.content-left{
width:55%;

color:#000;
line-height:1.2;
font-size:17px;
padding: 0px 275px;


}

.content-left img{width:90%;}

.content-right{
width:40%;
float:right;
line-height:1.2;
color:#000;
font-size:18px;
font-weight:normal;
}



h1{
color:#FE7B02;
font-size:25px;
font-family:Monotype Corsiva;

}

h2{
color:#FE7B02;
font-size:25px;
padding:0px 11px;
font-family:Monotype Corsiva;
}

h3{
color:#FE7B02;
font-size:25px;
padding:0px 15px;
font-family:Monotype Corsiva;
text-align:center;
}


h4{
color: #FE7B02;
text-shadow:none;
line-height:1.8;
font-size:25px;
}


h5{
color:#000;
font-size:35px;
padding:0px 15px;
font-family:Monotype Corsiva;
text-align:center;
font-weight:normal;
}


span.captcha{
padding:6px 5px;
margin-right:3px; 
color:#000; 
font-size:17px;
}

input.text{
width:74px;
height:32px;

}

.box{
border:1px solid #000;
margin: 0 15px;
width:80%;
padding:8px;
background: #fff;
font-size:14px;
}
#zf_button_1:hover{
    color:#ad5909 ;
    cursor: pointer !important;
}


.social{
    padding: 0 0 28px 18%;

}

.social img{
width:12%;
margin:1px 6px;
background: #fff;
}


input{
width: 80%;
background: #fff;
padding:8px;
color: #000;
margin-left:15px; 
margin-top:5px;
border:1px solid #000;
font-size:11px;
}

textarea{
width: 80%;
color: #000;
padding: 8px;
margin-left:15px;
margin-top:5px;
border:1px solid #000;
font-size:11px;
}

button{
cursor:pointer;
width: 35%;
margin: 10px 120px;
background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */
color: #fff;
text-shadow:none;
float: left;
bordeR: 1px solid #ddd;
padding: 9px 20px;
border-radius: 5px;
font-size:17px;
font-family:Monotype Corsiva;
}

button:hover{

background: -webkit-linear-gradient(top, #FE7B02, #E37004); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #FE7B02, #E37004); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#FE7B02, #E37004); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #FE7B02, #E37004); /* Standard syntax (must be last) */
color:#000;
}

#footer {
text-align: center;
font-size: 13px;
padding: 22px auto;
width: 99.9%;
color: #E2E0E1;
   background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */

text-shadow: none;
float:left;
line-height:1.8;



}

#footer a{
text-decoration:none;
color:#FE7B02;
}
#footer a:hover{
color:#F2B20E;

}

.privacy
{
font-size:15px; 
text-align:left;
line-height:1.5;
padding:1px 10px 0 10px;
color:#000;
font-size:17px;

}

#policy{
width: 100%;
background:#ddd;
height:auto;
float: left;
overflow: auto;
margin-bottom:15px;


}





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

.inner{
max-width:100%;
margin:0 auto;
}

#main_content{
box-shadow: 0px 0px 15px #ddd;
border: 0px solid red;
overflow:auto;
background:#fff url(images/bg.png);
margin:-7px auto;
}

.header{ 
overflow:auto;
   background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */
width:99.98%;
}

.header-left{
max-width: 90%;
float: left;
}

.header-left img{
width: 100%;

}


.header-right{
max-width: 90%;
float: left;
margin:18px 20px;
font-size:24px;
}

.header-right a{
text-decoration:none;
color:#F2B20E;
border-radius: 5px;
font-size:20px;
font-family:Monotype Corsiva;

}

.header-right a:hover{

color:#FE7B02;

}

.content{
overflow:auto;
width:99%;
margin:5px 0 5px 0;

}

.content-left{
width:92%;
float:left;
color:#000;
line-height:1.2;
font-size:15px;
padding:0px 10px;

}

.content-right{
width:99%;
float:left;
line-height:1.2;
color:#000;
font-size:18px;
font-weight:normal;
}

.center{
width:80%;


}

h1{
color:#FE7B02;
font-size:17px;
font-family:Monotype Corsiva;

}

h2{
color:#FE7B02;
font-size:17px;
padding:0px 15px;
font-family:Monotype Corsiva;
}

h3{
color:#FE7B02;
font-size:17px;
padding:0px 15px;
font-family:Monotype Corsiva;
text-align:center;
}


h4{
color: #FE7B02;
font-size:17px;
text-shadow:none;
line-height:1.8;

}


span.captcha{
padding:6px 12px;
margin-right:-10px; 
color:#000; 
font-size:11px;
}

input.text{
width:53px;
height:25px;

}

.box{
border:1px solid #000;
margin: 0 15px;
width:88%;
padding:8px;
background: #fff;
font-size:14px;
}


.social{
padding:25px 1px;
width:95%;
}

.social img{
width:12%;
margin:1px 5px;
}


input{
width: 88%;
background: #fff;
padding:8px;
color: #000;
margin-left:15px; 
margin-top:5px;
border:1px solid #000;
font-size:11px;
}

textarea{
width: 88%;
color: #000;
padding: 2px;
margin-left:15px;
margin-top:5px;
border:1px solid #000;
font-size:11px;
}

button{
cursor:pointer;
width: 35%;
margin: 10px 80px;
background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */
color: #fff;
text-shadow:none;
float: left;
bordeR: 1px solid #ddd;
padding: 9px 20px;
border-radius: 5px;
font-size:15px;
font-family:Monotype Corsiva;
}

button:hover{

background: -webkit-linear-gradient(top, #FE7B02, #E37004); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #FE7B02, #E37004); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#FE7B02, #E37004); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #FE7B02, #E37004); /* Standard syntax (must be last) */
color:#000;
}

#footer {
text-align: center;
font-size: 13px;
padding: 22px auto;
width: 99.9%;
color: #E2E0E1;
   background: -webkit-linear-gradient(top, #444B5D, #32394B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #444B5D, #32394B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom,#444B5D, #32394B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #444B5D, #32394B); /* Standard syntax (must be last) */
text-shadow: none;
float:left;
line-height:1.8;



}

#footer a{
text-decoration:none;
color:#FE7B02;
}

#footer a:hover{
color:#F2B20E;

}

.privacy
{
font-size:15px; 
text-align:left;
line-height:1.5;
padding:1px 10px 0 10px;
color:#000;
font-size:12px;

}

#policy{
width: 100%;
background:#ddd;
height:auto;
float: left;
overflow: auto;
margin-bottom:15px;


}




}