@charset "UTF-8";
/* CSS Document */

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0px;
    margin-right: 0px;
}

/* for tablet */
@media (max-width: 979px) {
#truecorp_footer {
	display:none;
	}
#footer {display:none;}
#navbar_wrapper {display:none;}
#header {display:none;}
.content{width:100%; height:auto; padding:0px 0 0 0 !important;margin:0 auto;min-height: 400px;}
.title-3g {color:#fff; font-family:'true_lightregular'; font-size:18px; line-height:38px;}

body {margin:0px; background-repeat:no-repeat; background-attachment:fixed ;

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(235,235,235) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(235,235,235))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

.content {border-bottom:solid thin #A3A7B6;}
.lb3 {margin:5px 0 0 0px !important; width:100%; margin:0 auto;}
.bg-right {margin:0; position:absolute; bottom:0; width:45% !important;} 
	}


/*mobile ธรรมดา*/
@media (max-width: 767px) {
.lb3 {margin:10px 0 0 0px; width:90%;}	
	}
/* for mobile */
@media (max-width: 480px) {
#truecorp_footer {
	display:none;
	}
#footer {display:none;}
#navbar_wrapper {display:none;}
#header {display:none;}
.content{width:100%; height:auto; padding:0 !important; margin:0 auto;}
.span6 {width:100% !important; margin-left:0px !important;}
.bg-right {display:none;}
.line-gray {width:100%; height:40px; border:none !important; padding:0 !important; margin:0 !important; padding-left:27px !important; padding-right:27px !important; box-sizing:border-box; -moz-box-sizing:border-box;}

.line-red {width:100% !important; height:40px; vertical-align:bottom; overflow:hidden; border-bottom:solid 3px #EC1B23; text-align:center; padding:0 !important;}

.title-3g {color:#fff; font-family:'true_lightregular'; font-size:20px !important; line-height:40px !important;}

html {min-height: 100%}
body {padding:0px !important;}
#content_wrapper {padding:0;}
.content {border:none; margin-bottom:20px;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-right: 0px;
margin-left: 0px;
}
.text3g-1 {font-family:'true_mediumregular'; font-size:13px !important; line-height:20px; color:#fff; text-align:center; padding-top:10px;}
.text3g-2 {font-family:'true_mediumregular'; font-size:13px !important; line-height:20px; color:#fff;}
.text3g-3 {width:100px; float:left;font-family:'true_mediumregular'; font-size:13px !important; }
.text3g-4 {width:auto; float:left;font-family:'true_mediumregular'; font-size:13px !important; }

.btn-red {background-color:#EC1B23; color:#fff;font-family:'true_mediumregular'; font-size:12px !important; padding:2px 18px; border:#F7F7F7 solid thin;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.btn-box {margin:0 auto;text-align:center; margin-top:10px; margin-bottom:10px;}
.input1 { width:110px !important;float:left;font-family:'true_mediumregular'; font-size:12px  !important; height:30px;}
.title-3g {color:#fff; font-family:'true_lightregular'; font-size:20px !important; line-height:44px !important;}
.form-3g {background-color:#ebebeb; color:#fff; box-sizing:border-box; width:88% !important; -moz-box-sizing:border-box; margin:15px 20px !important; box-shadow:inset rgba(217,217,217,0.3) 0px 1px 0px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

	}
	
	
	
/* for desktop */	
	@media (min-width: 980px) {
.content {background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(235,235,235) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(235,235,235))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(235,235,235) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}
.content {border-bottom:solid thin #A3A7B6; min-height:345px;}

.input1 { width:150px !important;float:left;font-family:'true_mediumregular'; font-size:14px !important; height:16px !important; margin-left:30px;}
.text3g-3 {width:100px !important; float:left;font-family:'true_mediumregular'; font-size:14px; margin-left:30px;}
}


/* for general */

html {
    min-height: 100%
}	
.title-3g {color:#000; font-family:'true_lightregular'; font-size:24px; line-height:38px; text-shadow:#d0d0d0 0.1em 0.1em 0.1em;}
.line-red {width:auto; height:40px; float:left; padding:0 15px 0 0; vertical-align:bottom; overflow:hidden; border-bottom:solid 3px #EC1B23;}
.line-gray {height:40px; border-bottom:solid 3px #DADBDC; margin:10px 20px;}
.form-3g {background-color:#ebebeb; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; padding:20px !important; margin:15px 20px !important; box-shadow:inset rgba(217,217,217,0.3) 0px 1px 0px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}


.bg-right {margin:0; position:absolute; bottom:0; width:100%} 
#content_wrapper {
width: 100%;
margin: 0 auto;
padding: 0px;
position: relative;
}
.text3g-1 {text-shadow:#FFF 1px 1px 1px; font-family:'true_mediumregular'; font-size:16px; line-height:24px;  text-align:center; padding:10px 0; color:#000;}
.text3g-2 {font-family:'true_mediumregular'; font-size:14px; line-height:22px; color:#000;}
.text3g-3 {width:100px; float:left;font-family:'true_mediumregular'; font-size:14px; line-height:20px;}
.text3g-4 {width:auto; float:left;font-family:'true_mediumregular'; font-size:14px; }

.btn-red {background-color:#EC1B23; color:#fff;font-family:'true_mediumregular'; font-size:14px; padding:2px 18px; border:#F7F7F7 solid thin;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.btn-red a{color:#fff;}
.btn-red:hover{text-decoration:underline;color:#000;}

.btn-gray {background-color:#929497; color:#fff;font-family:'true_mediumregular'; font-size:14px; padding:2px 18px; border:#C5C7C8 solid thin;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.btn-gray a{color:#fff;}
.btn-gray:hover{text-decoration:underline;color:#000;}

.btn-box {margin:0 auto;text-align:center; margin-top:15px; margin-bottom:10px;}
.input1 { width:130px;float:left;font-family:'true_mediumregular'; font-size:14px !important; height:16px !important;}
.yellow { color:#EF5A21; text-shadow:#FFF 1px 1px 1px;}

.dealercode {text-shadow:#FFF 1px 1px 1px; font-family:'true_mediumregular'; font-size:14px !important; line-height:22px; color:#333;}
.lb1 {width:55%; text-align:right; padding:0 10px 0 0;font-family:'true_mediumregular';}
.lb2 {width:40%;font-family:'true_mediumregular'; }
.lb3 {margin:5px 0 0 0px; width:90%;}
.code {margin:0 auto; text-align:center; margin:10px 0; height:auto;}
.chk {margin:0 5px 5px 0 !important;}
.rdo {margin:0 5px 5px 0 !important;}
.code-title {text-align:center; color:#EC1B23;}
.small {font-size:12px;}
.black {color:#333;}

.title {font-family:'true_lightregular'; font-size:18px; line-height:28px; text-align:center; margin:0 0 20px 0; border-bottom:solid 1px #DADBDC; padding:0 0 10px 0;}
.rdo-text {font-family:'true_mediumregular'; font-size:14px !important; margin:2px 0 10px 5px; display:block;}

.border {-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:solid 1px #DADBDC; padding:10px;}

#footer_sitemap h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 0;
}