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

/* for tablet */
@media (max-width: 979px) {

#truecorp_footer {
	display:none;
	}
#navbar_wrapper {display:none;}
#header {display:none;}
.content{width:100%; height:auto; padding:10px 0 0 0;margin:0 auto;}
.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;}
	}

/* for mobile */
@media (max-width: 480px) {
#truecorp_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:400px;}

.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 {width:100%; height:40px; border-bottom:solid 3px #DADBDC; margin:10px 0 0 20px;}
.form-3g {background-color:#ebebeb; color:#fff; box-sizing:border-box; width:100%; -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 {width:100%; height:400px; margin:0 10px 0 0; background-image:url(../images/3g-activate/team-play3g.png); background-repeat:no-repeat; background-position:bottom; } 
#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;}

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

.dealercode {
    color: #333333;
    font-family: 'true_mediumregular';
    font-size: 16px !important;
    line-height: 24px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.lb1 {
    padding: 0 10px 0 0;
    text-align: right;
    width: 45%;
}
.lb2 {
    /*font-family: 'true_boldregular';*/
    width: 40%;
}
.code {
    margin: 20px 0;
    text-align: center;
}
.chk {
    margin: 0 5px 5px 0 !important;
}
.code-title {
    color: #EC1B23;
    text-align: center;
}
.small {
    font-size: 12px;
}
.black {
    color: #333333;
}