﻿/*-----------------------------------------------------------------------------Large desktop-----------------------------------------------------------------------------*/
@media (min-width: 1200px) {

}
 
/*-----------------------------------------------------------------------------Portrait tablet to landscape and desktop-----------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
.question-zone {
	background-image:none;
}
.question-zone .form-zone {
	padding-left: 23px;
}
.ld-zonme {
	float: left;
	padding-left: 30px;
	//width: 265px;
	width: 30%;
}
.tmss-zone {
	padding: 15px;
}
.tmss-zone .form-zone {
	width:358px;
	padding: 3px 0 0 15px;
}
.tmss-zone .form-zone .form {
	width:358px;
}
.tmss-zone .control-label, .tmss-zone-product .control-label {
	float: none;
	padding-top: 5px;
}
.controls {
	margin-left: 0px;
}
#tmss-login .ld-zonme {
	min-height: 245px;
}
.allC {
	width: auto;
}
}

/*-----------------------------------------------------------------------------Tablets-----------------------------------------------------------------------------*/
@media (max-width: 767px) {
.question-zone {
	background-image:none;
}
.question-zone {
	padding: 15px;
}
.question-zone .form-zone {
	padding-left: 0px;
}
.question-zone .form-zone .form {
	border-bottom: 1px solid #CCCCCC;
	border-right: medium none;
	float: none;
	padding-bottom: 30px;
	width: 100%;
}
#check-question .ld-zonme {
	float: none;
	padding-left: 0px;
	width: 100%;
	border-left:0;
	min-height: 15px;
}
#check-question-line {
	display:none;
}
#tmss-login img {
	left: 0px;
	position: absolute;
	top: -6px;
}
.tmss-zone .form-zone {
	width:auto;
	padding: 3px 0 0 15px;
}
.tmss-zone-product {
	width:auto;
	padding: 30px 15px 0 15px;
}
.tmss-zone .form-zone .form {
	width:auto;
	float:none;
}
.tmss-zone .controls, .tmss-zone-product .controls {
	margin-top: 8px;
}
.tmss-zone .control-label, .tmss-zone-product .control-label {
	float: none;
	padding-top: 5px;
	margin-bottom: 5px;
}
.controls {
	margin-left: 0px;
}
.tmss-zone .ld-zonme {
	border-left: none;
	border-top: 1px solid #CCCCCC;
	float: none;
	width:auto;
	padding: 45px 45px 0 45px;
	margin-top: 30px;
	text-align: center;
}
.widthS4 {
	width: 100%;
}
#check-question .form-zone input[type="text"] {
	width: 95%;
}
ul.tmss-product-zone {
	height:100px;
	width:auto;
	overflow:hidden;
	margin-top:0px;
}
.tmss-product-zone li {
	float: left;
	height: 100px;
	margin-right: 10px;
	width:95%;
}
#user-product-zone div.both {
	height: 0px;
}
#user-product-zone h3 {
	margin-bottom: 0px;
}
#user-product-zone h3 span {
	display:block;
	padding:5px 0 0 0;
}
.upload-img-zone ul li {
	width:100%;
}
.upload-img-zone ul li img {
	margin-right: 5px;
}
.upload-img-zone ul li p {
	float: left;
	line-height: 16px;
	overflow: hidden;
	width:auto;
}
.upload-img-zone ul li a.btn {
	float: right;
}
.upload-img-zone ul li div.txtZone {
	height: auto;
	overflow: hidden;
}
.reply-forward {
	padding-bottom:10px;
}

	#user-product-zone,
	.tmss-zone-product {
		width: auto;
    padding: 68px 23px 23px 68px;
	}
	.tmss-zone .form-zone h3,
	.tmss-zone-product h3,
	#user-product-zone h3{
		width: auto;
		text-align: left;
		margin-bottom: 24px;
	}

	.tmss-zone-product input[type="text"],
	.tmss-zone-product textarea{
		width: 95%;
	}
	#user-zone select,
	.tmss-zone-product select{
		width: 97%;
	}
	.tmss-zone-product p.help-block, 
	.tmss-zone-product p.info-block{
		max-width: 95%;
	}
	.tmss-zone-product .no-limit .controls textarea{
		width: 95%;
	}


}
/*-----------------------------------------------------------------------------Phones-----------------------------------------------------------------------------*/
@media (max-width: 480px) {
.repair-zone {
	background-color: #FFFFFF;
	padding: 20px 10px 10px 10px;
}
.head-info p {
	width: 50px;
}
.letterC {
	background-color: #F5F5F5;
	padding: 25px 15px;
}
#check-question-detail .repair-zone p.case-uumber-zone span {
	display:block;
	margin-bottom:5px;
}
#user-zone h3 span a, #user-product-zone h3 span {
	display:block;
	padding-left: 0px;
}
#user-product-zone div.both {
	height: 26px;
}
}
