

/* CSS Document */
h3{
padding-left: 0;
    padding-top: 0;
    border-left: unset;
}
.com2 { 
	margin-top: 10px;
	font-size: 1.4em;
	font-size: 15px;}
.com3_left {width:48%;float:left;    margin-bottom: 15px;}
.com3_right {width:48%;float:left;padding-left: 4%;    margin-bottom: 15px;}
.cont-g1 {
    font-size: 1.4em;
    line-height: 160%;
    text-align: center;
    }
.cont-g1 img {width: 24%;}
.cnt1 {width:100%;float:left;margin-top:20px;}
.cnt1-left {width:100%;float:left;}
.cnt1-left img {width:96%;}
.cnt1-right {width:30%;float:left;} 
.tbl {width:100%;float:left;border-collapse:collapse;background:#EEF6E7;font-size:1.3em;}
td.tdl {width:27%;background:#228B22;color:#fff;}
.tbl tr td {border:1px solid #fff;padding:10px 20px;}
.cnt-txt2 {font-size:1.3em;line-height:180%;width:100%;float:left;margin-bottom:80px;}
.co-tbl2 {width:100%;float:left;border:1px solid #fff;border-collapse:collapse;box-sizing:border-box;}
.co-tbl2  tr td {font-size:1.5em;padding:20px 10px;box-sizing:border-box;border:1px solid #fff;vertical-align:middle;}
.co-tdl2 {width:30%;box-sizing:border-box;}
.co-tdm2 {width:70%;box-sizing:border-box;border-bottom: 1px solid #ADADAD !important;}
.co-tbl2 td.co-tdm3 {vertical-align: top;width:70%;box-sizing:border-box;border-bottom: 1px solid #ADADAD !important;}
.co-tit22 {color:#fff;text-align:right;background:#191970;box-sizing:border-box;font-size:14px !important;font-weight:700;}
span.check {padding:1px 7px;background:#fff;color:#F00;margin-left:5px;display:inline-block;}
input.co-input {width:30%;border:1px #d0d0d0 solid;height:35px;box-sizing:border-box;}
input.co-input2 {width:20%;border:1px #d0d0d0 solid;height:35px;box-sizing:border-box;}
input.co-check {width:15px;height:15px;}
input.co-sai {border:1px #d0d0d0 solid;height:25px;box-sizing:border-box;width:10%;}
select.co-sl {width:10%;height:25px;}
textarea.txt {width:100%;border:1px #d0d0d0 solid;min-height:150px;resize:vertical;box-sizing:border-box;}
input.submit {width:120px;height:40px;border:none; background:#54bfe7;border-bottom:3px solid #0189BD;outline:none;color:#fff;cursor:pointer;display:inline-block;}
input#value8{width: 90%;}
input#value9{width: 90%;
    height: 150px;
    vertical-align: top;
    overflow: scroll;
    overflow-x: hidden;}
.ji-tbl {width:100%;float:left;border-collapse:collapse;border-top: solid 4px #CED8F6;box-sizing:border-box;color:#000000;    margin-bottom: 10px;}
.ji-tbl  tr td {padding:10px;    padding-left: 20px;box-sizing:border-box;border:1px solid #ccc;vertical-align:middle;word-break: break-all;}
.ji-tdl {width:15%;box-sizing:border-box;}

.ji-tbl .ji-tdm {width:85%;box-sizing:border-box;}
.ji-tbl .ji-tdm a {color:#541c5b;}
.ji-tbl .ji-tdm a:hover {opacity: 0.7;}
.ji-tbl .ji-tit {color:#000000;font-weight:bold;text-align:left;;box-sizing:border-box;}
.ji-tbl .ji-tit2 {color:#fff;text-align:center;background:#191970;font-weight:bold;}    
    
    
.cont1 {
	width: 100%;
	float: left;
}
.txt {
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	line-height: 160%;
	font-size: 1.5em;
	float: left;
}
.txt2 {
	text-align: center;
}
.cont1-left {
	width: 50%;
	float: left;
	padding: 2%;
	box-sizing: border-box;
}
.cont1-right {
	width: 50%;
	float: left;
	padding: 2%;
	box-sizing: border-box;
}
.tb1, .tb2 {
	font-size: 1.5em;
	width: 100%;
	float: left;
	border-collapse: collapse;
	border-top: solid 1px #FCCCCC;
	border-left: solid 1px #FCCCCC;
	line-height: 160%;
	color: #525252;
	box-sizing: border-box;
}
.tb2 {
	border-left: none;
}
.tb1 tr td, .tb2 tr td {
	padding: 10px 10px 10px 15px;
	border-bottom: solid 1px #FCCCCC;
	border-right: solid 1px #FCCCCC;
	box-sizing: border-box;
}
.tb1 tr td.col1, .tb2 tr td.col1 {
	background-color: #FFE0E0;
	font-weight: 600;
	color: #F06EA6;
}
.g-box-form {
	width: 100%;
	height: auto;
	float: left;
	padding: 6%;
	padding-top: 20px;
	padding-bottom: 0 !important;
	margin-top: 12px;
	margin-bottom: 0;
	background: #fff;
	border-top: 1px dotted #ccc;
	box-sizing: border-box;
}
.g-table-form {
	width: 100%;
	height: auto;
	float: left;
	line-height: 150%;
}
.g-table-form tr {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
.g-box-name {
	width: 34%;
	height: auto;
	float: left;
	padding: 20px;
	padding-left: 0px;
	box-sizing: border-box;
	background: #fffafa;
	background: #fff2f2;
    /* color: #fff; */
    text-align: center;
    font-size: 10px !important;
    font-weight: 700;
}
.g-box-name3 {
	width: 34%;
	height: auto;
	float: left;
	padding: 20px;
	padding-left: 0px;
	padding-bottom: 136px;
	box-sizing: border-box;
	background: #fffafa;
	background: #fff2f2;
    text-align: center;
    font-size: 10px !important;
    font-weight: 700;
}
.g-box-name2 {
	width: 34%;
	height: auto;
	float: left;
	padding: 20px;
	background: #fff;
	padding-left: 0px;
	box-sizing: border-box;
}
.g-lable {
	padding: 4px 0px 0px 5px;
/*	float: left;*/
	color: #000;
	font-size: 1.4em;
}
.g-red {
	color: #F00;
	font-size: 16px;
}
.g-box-input {
	width: 66%;
	height: auto;
	float: left;
/*	padding-bottom: 12px;*/
	box-sizing: border-box;
}
.g-input-325 {
	width: 90%;
	margin-left: 10%;
/*	max-width: 415px;*/
	height: 32px;
	font-size: 15px;
	margin-top: 10px;
	border: 1px solid #d0d0d0;
}
.g-text-475 {
	width: 90%;
	margin-left: 10%;
/*	max-width: 415px;*/
	height: 150px;
	min-height: 150px;
	font-size: 15px;
	border: 1px solid #d0d0d0;
	resize: vertical;
	margin-top: 10px;
}
.g-button-form {
	margin-left: 20px;
	color: #fff;
	font-size: 1.6em;
	background: #d32f2f;
	border: none;
	border-bottom: 2px solid #992020;
	margin-top: 20px;
	padding: 15px 30px 15px 30px;
	outline: none;
	cursor: pointer;
}
.bbt {
	width: 153px;
	margin: 50px auto;
	margin-bottom: 25px;
}
.g-button-form1 {
	width: 153px;
	height: 43px;
	margin: 0 auto;
/*	background: url("../img/co-btn1.png") top center no-repeat;*/
	outline: none;
	background-size: 100%;
	cursor: pointer;
	border: none;
	background: #cd061d;
    color: #fff;
    font-size: 16px;
}
.g-button-form2 {
	width: 117px;
	height: 50px;
	float: left;
	background: url("http://trust-paint.com/contact/img/btn6.png") top center no-repeat;
	outline: none;
	background-size: 100%;
	cursor: pointer;
	border: none;
}
.iframe {
	width: 100%;
}
p{float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 13px;}
b{color: #F33;}
a.mail2{
text-decoration: underline;
color: inherit;
}
a.mail2:hover{
opacity: 0.7;
}

    
 @media screen and (max-width: 768px) { 
.ji-tbl .ji-tit { padding: 10px;}
}
    
 @media screen and (max-width: 730px) {    
.cont-g2 {
    font-size: 1.3em;
    }
     .txt{
 font-size: 1.3em;
    padding: 0;
 }
 .cont-g1 img {
    width: 30%;
    margin: 0px 35%;
    }
    .com3_left{
	    width: 100%;
	    margin-bottom: 0;
    }
    .com3_right{
    width: 100%;
    padding-left: 0;
    }
}

 @media screen and (max-width: 640px) {
	.cnt1-left {width:100%;text-align:center;}
	.cnt1-right {width:100%;margin:30px 0px;}
	.cont1-left, .cont1-right {
	width: 100%;
}
.tb2 {
	border-left: solid 1px #FCCCCC;
}
.g-box-form {
	padding-bottom: 10%;
}
.g-box-name {
	width: 70%;
	padding: 5px;
	background: none;
}
.g-box-name2 {
	width: 70%;
	padding: 5px;
	background: none;
}
.g-box-input {
	width: 100%;
	text-align: center;
}
.g-button-form {
	padding: 5px 10px 5px 10px;
}
.g-lable {
	padding-left: 0px;
}
.g-box-name {
	padding-left: 0px !important;
	text-align: left;
}
.g-box-name3 {
	width: 70%;
	padding: 5px 0;
	background: none;
	text-align: left;
}
.g-input-325 {
	width: 80%;
	    margin-top: 0;
    margin-bottom: 10px;
}
.g-input-475 {
	width: 80%;
	margin-top: 0;
    margin-bottom: 10px;
}
.g-button-form2 {
	float: none
}
.g-button-form1 {
	float: none
}
.g-text-475{
	width: 80%;
}
.g-table-form tr{
border-bottom: none;
}
}

 @media screen and (max-width: 480px) {
	.co-tbl2  tr td {width:96%;float:left;padding:2px;margin:0% 2%;}
	.co-tit22 {font-size:13px !important;}
	.co-tdl2, .co-tdm2 {width:100%;float:left;text-align:left;background:none;color:#555;}
	.co-tdm2 {padding:0px 0px 20px 0px !important;border-bottom:none !important; }
	textarea.txt {min-height:100px;}
	span.check {float:none;}
 .txt2{
 text-align: left;
 }
 .ji-tbl .ji-tit { padding: 10px 0;
    text-align: center;}
.ji-tbl .ji-tdm{    padding-left: 10px;}
.g-text-475{    margin-top: 0px;}
.cont-g1 img {
    width: 50%;
    margin: 0px 25%;
    }
 }
