@import url('reset.css');

body{
	font-family: 'porn_fashiontrial', Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	min-width:1280px;
	line-height:18px;
	background:#fff;
	color:#666666;
	margin:0;
	padding:0;
	
}

a{ 
			color:#C4C6C3; 
			font-family: 'porn_fashiontrial', Arial, Helvetica, sans-serif;
			text-decoration:none;
			 }
a:hover{ 
			color:#C4C6C3; 
			font-family: 'porn_fashiontrial', Arial, Helvetica, sans-serif;
			text-decoration:none;
			 }
			 
/*----------------------------header----------------------------------*/

#header{ width:100%; margin:0 auto; }

.header{ margin:0px auto; width:960px; height:140px; padding:20px; color:#fff; font-family: "porn_fashiontrial", Arial, Helvetica, sans-serif; border-bottom:thin solid #FFF;}

.menu{ font-family: "porn_fashiontrial", Arial, Helvetica, sans-serif; height:30px; width:960px; float:left; color:#fff; font-size:18px; margin-top:30px; text-align:center;}
.menu a{ font-family: "porn_fashiontrial", Arial, Helvetica, sans-serif; color:#fff; height:30px; padding-bottom:10px;  }
.menu a:hover{color:#FFC43F;}	

	
/*----------------------------content----------------------------------*/
	 
#wrapper{ font-family: 'porn_fashiontrial', Arial, Helvetica, sans-serif; padding-top:10px; margin:0 auto;}
.wrapper{width:1000px; margin:0 auto;}

.contentwhite{width:930px; border:4px dashed #fff; border-radius:30px; padding:30px; height:auto;}
.contentblack{width:930px; border:4px dashed #3E3D39; border-radius:30px; padding:30px; height:auto;}

.contentwhitehalf{width:410px; border:4px dashed #fff; border-radius:30px; padding:30px; margin-left:15px; height:auto; float:left;}

.contentblackhalf{width:410px; border:4px dashed #3E3D39; border-radius:30px; padding:30px; margin-left:15px; height:auto; float:left;}

#footer {font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif;}
/*----------------------------products----------------------------------*/

			
/*----------------------------type setting---------------------------------*/
.txt_titlewhite{font-family: 'porn_fashiontrial', Arial, Helvetica,  sans-serif; font-size:48px; color:#fff;  text-align:center; margin:50px;}

.txt_titleblack{font-family: 'porn_fashiontrial', Arial, Helvetica,  sans-serif; font-size:48px; color:#3E3D39; text-align:center; margin:50px;}

.txt_subtitle{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:24px; color:#F1A540; padding-bottom:20px; text-shadow:
    -0.5px -0.5px 0 #F1A540,
    0.5px -0.5px 0 #F1A540,
    -0.5px 0.5px 0 #F1A540,
    0.5px 0.5px 0 #F1A540;}
.txt_subtitle a{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:24px; color:#F1A540; padding-bottom:20px; text-shadow:
    -0.5px -0.5px 0 #F1A540,
    0.5px -0.5px 0 #F1A540,
    -0.5px 0.5px 0 #F1A540,
    0.5px 0.5px 0 #F1A540;}
.txt_subtitle a:hover{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:24px; color:#fff; padding-bottom:20px; text-shadow:
    -0.5px -0.5px 0 #fff,
    0.5px -0.5px 0 #fff,
    -0.5px 0.5px 0 #fff,
    0.5px 0.5px 0 #fff;}
.txt_subtitle w{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:24px; color:#fff; padding-bottom:20px; text-shadow:
    -0.5px -0.5px 0 #fff,
    0.5px -0.5px 0 #fff,
    -0.5px 0.5px 0 #fff,
    0.5px 0.5px 0 #fff;}

.txt_subtitleblack{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:24px; color:#3e3d39; padding-bottom:20px; text-shadow:
    -0.5px -0.5px 0 #3e3d39,
    0.5px -0.5px 0 #3e3d39,
    -0.5px 0.5px 0 #3e3d39,
    0.5px 0.5px 0 #3e3d39;}

.txt_contentwhite{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:14px; color:#fff;  }
.txt_contentwhite p{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:14px; color:#fff; padding-bottom:20px;}
.txt_contentwhite span{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:16px; color:#F1A540; font-weight:bold;}


.txt_contentblack{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:14px; color:#3E3D39;  }
.txt_contentblack p{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:14px; color:#3E3D39; padding-bottom:20px;}
.txt_contentblack span{font-family: 'segoe_uilight', Arial, Helvetica,  sans-serif; font-size:16px; color:#3E3D39; font-weight:bold;}

.txt_contentblack td{padding:5px; }

/*-----------------------------------input field----------------------------------------------*/
input{
    /*background: linear-gradient(to bottom, #f7f7f8 0%,#ffffff 100%);*/
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    transition: all 0.2s linear;
    color: #222222;
    position: relative;
    padding: 5px;
}
    &::-webkit-input-placeholder {
       color: #999999;
    }
    
    &:-moz-placeholder {
       color: #999999;
    }
        
    &:focus{
        box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5);
        outline: none;
    }
textarea{
    /*background: linear-gradient(to bottom, #f7f7f8 0%,#ffffff 100%);*/
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    transition: all 0.2s linear;
    color: #222222;
    position: relative;
    padding: 5px;
}
input.button{
width:30px;
height:20px;
border: none;
margin-left:8px;
margin-top:3px;
box-shadow:none;
background: transparent url(../images/mailbtn.png) no-repeat center;
overflow: hidden;
text-indent: -999px;
line-height: 0px;
display: block;
color: #a63606;
}