@media screen and (max-width: 320px)
{
#topbar {
	height: 44px;
}
#title {
	line-height: 44px;
	height: 44px;
	font-size: 16pt;
}
#lefttitle {
	line-height: 44px;
	height: 44px;
	font-size: 16pt;
}

#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
	line-height: 30px;
	height: 30px;
}
#leftnav img, #rightnav img {
	margin-top: 4px;
}
#leftnav, #leftbutton, #blueleftbutton {
	top: 7px;
}
#rightnav, #rightbutton, #bluerightbutton {
	top: 7px;
	float:right;
}
.checkbox .name {
	max-width: 190px;
}
}

@media screen and (min-width: 321px)
{
#topbar {
	height: 44px;
}
#title {
	line-height: 44px;
	height: 44px;
	font-size: 16pt;
}
#lefttitle {
	line-height: 44px;
	height: 44px;
	font-size: 16pt;
}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
	line-height: 30px;
	height: 30px;
}
#leftnav img, #rightnav img {
	margin-top: 4px;
}
#leftnav, #leftbutton, #blueleftbutton {
	top: 7px;
}
#rightnav, #rightbutton, #bluerightbutton {
	top: 7px;
	float:right;
}
.checkbox .name {
	max-width: 75%;
}
}

.checkbox{
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}
.checkbox .name{
	margin: 11px 0 0 7px;
	width: auto;
	color: #000;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
input[type="checkbox_back"] {
	width: 94px;
	height: 27px;
	background: url('../images/checkbox.png');
	-webkit-appearance: none;
	border: 0;
	float: right;
	margin: 8px 4px 0 0;
}
input[type="checkbox"] {
	width: 27px;
	height: 27px;
	border: 0;
	margin-left:4px;
	margin-top:10px;
}

input[type="checkbox_back"]:checked {
	background-position: 0 27px;
}

.select,li.smallfield {
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}
.smallfield .name,.select .name{
	width: 48%;
	position: absolute;
	left: 0;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 44px;
	font-size: 17px;
	padding-left: 5px;
	overflow: hidden;
}
.smallfield input {
	width: 50%;
	position: absolute;
	right: 0;
	height: 44px;
	-webkit-appearance: none;
	border: none;
	padding: 0;
	background: transparent;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
}
.smallfield .title {
	width: 50%;
	position: absolute;
	right: 0;
	height: 44px;
	line-height:44px;
	-webkit-appearance: none;
	border: none;
	text-overflow: ellipsis;
	background: transparent;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
	overflow: hidden;
}

.smallfield:first-child input {
	-webkit-border-top-right-radius: 8px;
}
.smallfield:last-child input {
	-webkit-border-bottom-right-radius: 8px;
}
.textbox {
	padding: 5px 9px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #878787;
}
.textbox textarea {
	width: 280px;
}
.textbox img {
	max-width: 100%;
}
.textbox p {
	margin-top: 2px;
}
.textbox p {
	margin-top: 2px;
	color: #000;
	margin-bottom: 2px;
	text-align: justify;
}
.textbox img {
	max-width: 100%;
}
.textbox ul {
	margin: 3px 0 3px 0;
	list-style: circle!important;
}
.textbox li {
	margin: 0!important;
}
.textbox .name{
	width: 100%;
	position: relative;
	left: 0;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 24px;
	font-size: 17px;
	margin-left: -4px;
	overflow: hidden;
}
select {
	-webkit-appearance: none;
	height: 100%;
	width: 100%;
	border: 0;
}
.select select {
	-webkit-border-radius: 0;
	color: #000;
	font-weight: bold;
	font-size: 17px;
	width:50%;
	position: absolute;
	right: 0;
	background: transparent;
	height:44px;
}
.select option {
	max-width: 90%;
}
.select .arrow {
	background: url('../images/arrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}
.pageitem {
	-webkit-border-radius: 8px;
	background-color: #fff;
	border: #878787 solid 1px;
	font-size: 12pt;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin-left:1%;
	margin-right:1%;
	list-style: none;
}
.pageitem li:first-child, .pageitem li.form:first-child {
	border-top: 0;
}
.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, .select:last-child select, li.button:last-child input, .bigfield:last-child input {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
#topbar {
	position: relative;
	left: 0;
	top: 0;
	margin-top:0px;
	margin-left:0px;
	width: 320px;
	background: url('./topbar_back.png');
	background-repeat:repeat-x;
}

#leftnav, #leftbutton, #blueleftbutton {
	position: absolute;
	font-size: 12px;
	left: 9px;
	font-weight: bold;
}
#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
	z-index: 5000;
}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
	display: block;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	text-decoration: none;
}
.black #leftnav a:first-child, .transparent #leftnav a:first-child {
	-webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
}
.black #leftnav a, .transparent #leftnav a {
	-webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
}
.black #rightnav a:first-child, .transparent #rightnav a:first-child {
	-webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
}
.black #rightnav a, .transparent #rightnav a {
	-webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
}
.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
	-webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
}
#leftnav a:first-child {
	z-index: 2;
	-webkit-border-image: url("../images/navleft.png") 0 5 0 13;
	border-width: 0 5px 0 13px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	width: auto;
}
#leftnav a {
	-webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
	z-index: 3;
	margin-left: -4px;
	border-width: 0 5px 0 13px;
	padding-right: 4px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	float: left;
}
#rightnav, #rightbutton, #bluerightbutton {
	position: absolute;
	font-size: 12px;
	right: 9px;
	font-weight: bold;
}
#rightnav a {
	-webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
	z-index: 3;
	margin-right: -4px;
	border-width: 0 13px 0 5px;
	padding-left: 4px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	float: right;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}
#rightnav a:first-child {
	z-index: 2;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-image: url("../images/navright.png") 0 13 0 5;
	border-width: 0 13px 0 5px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}

.musiclist
{
	overflow: hidden;
	border-radius:5px;
	margin-left:1%;
	margin-right:1%;
	height:auto;
	background-color:#ffffff;		
}
.customerinfo
{
	overflow: hidden;
	border-radius:5px;
	margin-left:1%;
	margin-right:1%;
	height:auto;
	background-color:#ffffff;		
}
#content {
	width: 100%;
	position: relative;
	min-height: 40px;
	margin-top: 5px;
	height: auto;
	z-index: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.musiclist #content li{
	list-style: none;
	width: auto;
	position: relative;
}
.musiclist #content li {
	height: 66px;
	border-bottom: 1px solid #e6e6e6;
	vertical-align:middle;
}
.musiclist #content .s_item{
	height: 24px;
	line_height:24px;
	margin-left:1%;
	margin-right:1%;
	border-bottom: 1px solid #e6e6e6;
}

.musiclist #content .m_item{
	height: 48px;
	line_height:48px;
	border-bottom: 1px solid #e6e6e6;
	font-size:14px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .page_item{
	height: 32px;
	line_height:32px;
	border-bottom: 1px solid #e6e6e6;
	font-size:14px;
}
.musiclist #content .prj_info
{
	font-size:14px;
	height:72px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .tab_info
{
	font-size:14px;
	height:24px;
	line-height:24px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .imageline1{
	height: 79px;
	line_height:75px;
	margin-left:1%;
	margin-right:1%;
	border-bottom: 1px solid #e6e6e6;
}
.musiclist #content .imageline2{
	height: 158px;
	line_height:75px;
	margin-left:1%;
	margin-right:1%;
	border-bottom: 1px solid #e6e6e6;
}
.musiclist #content .imageline3{
	height: 237px;
	line_height:75px;
	margin-left:1%;
	margin-right:1%;
	border-bottom: 1px solid #e6e6e6;
}
.s_cur
{
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.6, #D61701),color-stop(1, #C12A04));
	background:-moz-linear-gradient(top, #D61701, #D12A04 15%, #C12A04 85%); 
	width:50px;
}
li.tab_info .tab_curtxt a{color:#fff}
.s_no-cur
{
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.6, #C0C0C0),color-stop(1, #D0D0D0));
	background:-moz-linear-gradient(top, #C0C0C0, #C0C0C) 15%, #D0D0D0 85%); 
	width:60px;	
}
li.tab_info .tab_nocurtxt a {color:#000}
.musiclist #content .compet_info
{
	font-size:14px;
	height:auto;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .search_info
{
	font-size:14px;
	height:60px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .search_info90
{
	font-size:14px;
	height:90px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content .search_area
{
	font-size:14px;
	height:32px;
	line-height:24px;
	margin-left:1%;
	margin-right:1%;
}
.musiclist #content
{
	margin-top:0px;
}
.musiclist ul{
	padding: 0;
}
.musiclist li:nth-child(odd) {
	background:#ecf7ff
}
.musiclist .address{
	margin-left: 4px;
	display: inline-block;
	height: 20px;
	font-size: 14px;
	width: 100%;
	line-height: 20px;
}
.musiclist .dat
{
	width:15%;
	float:left;
}
.musiclist .sta
{
	width:25%;
	float:left;
}
.musiclist .opact
{
	width:25%;
	float:right;
	text-align:center;
}
.musiclist .fline
{
	height:24px;
	line-height:20px;	
	width:100%;
	font-size:14px;
	font-style:normal;
}
.musiclist .sline
{
	height:24px;
	line-height:20px;	
	width:100%;
}
.musiclist .itemname
{
	width:60%;
	font-weight:bold;
	float:left;
}
.musiclist .pname
{
	width:30%;
	float:left;
}
.musiclist .pinfo
{
	width:70%;
	float:right;
	text-align:left;
}
.musiclist .pser_01
{
	width:20%;
	float:left;
}
.musiclist .pser_02
{
	width:50%;
	float:left;
}
.musiclist a
{
	text-decoration: none;	
	color:blue;
}
.musiclist .pinfo a
{
	text-decoration: none;	
	color:blue;
}

.musiclist .salenum{
	margin-left: 4px;
	display: inline-block;
	height: 20px;
	font-size: 14px;
	width: 47%;
	line-height: 20px;
}
.musiclist .other{
	display: inline-block;
	height: 20px;
	font-size: 14px;
	width: 47%;
	line-height: 20px;
}
.musiclist .name {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-left: 0;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding-top:4px;
}
.musiclist .name a 
{
	text-decoration:none;
}
.musiclist .date{
	width:60%;
}
.musiclist .s_item .project{
	display: inline-block;	
	margin-left: 4px;
	height: 20px;
	font-size: 14px;
	width: 70%;
	line-height: 20px;
}
.musiclist .s_item .addact{
	display: inline-block;	
	margin-left: 0px;
	height: 20px;
	font-size: 14px;
	width: 24%;
	text-align:right;
	line-height: 20px;
}
.musiclist .s_item .hotproject{
	margin-left: 2px;
	float:left;
	height: 20px;
	font-size: 13px;
	width: 48%;
	line-height: 20px;
	color:blue;
}
.musiclist .s_item .hotmall{	
	height: 20px;
	float:left;
	font-size: 13px;
	width: 12%;
	line-height: 20px;
	color:blue;
}
.musiclist .s_item .hotbuild{
	height: 20px;
	float:left;
	font-size: 13px;
	width: 24%;
	line-height: 20px;
	color:blue;
}
.musiclist .s_item .hotprice{	
	height: 20px;
	float:right;
	font-size: 13px;
	width: 16%;
	line-height: 20px;
	color:blue;
}
.musiclist .chkbtn
{
	width:60px;
}
.musiclist .prjname
{
	width:80%;
	font-size: 15px;
	line-height: 48px;
	height:48px;
	padding-left: 5px;
}
.musiclist .selprj
{
	width:80%;
	font-size: 15px;
	line-height: 48px;
	height:48px;
	padding-left: 5px;
	float:right;
}
.musiclist {
	background-image: none!important;
	background-color: #ffffff;
}
.musiclist .name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.musiclist a:hover .name {
	color: #0380f2;
}
.musiclist #content
{
	margin-top:0px;
}
.add_cs_button {
	border-radius:6px;
	background: transparent; 
	width:100px; height:24px; line-height:24px;border:1px solid #CCCCCC;
	font-size:16px;
	color:#ffffff; font-weight:bold;cursor:pointer;
	text-align:center;
	margin-right:4px;
	float:right;
}

.i_body{ padding:0px 1px;}
.search div{line-height:20px; padding:2px 2px;}
.search div span{font-weight:normal;width:15%;font-size:11px}
.search div .search_input{
	border:1px solid #5EA2E1;; border-radius:4px 4px 4px 4px; padding:0px; height:24px; line-height:24px; font-size: 11px; width:30%;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.8, #FFFFFF),color-stop(1, #CACACA));
	background:-moz-linear-gradient(top, #CACACA, #FFF 15%, #FFF 85%); }

.search div .search_select{
	border:1px solid #5EA2E1;; border-radius:4px 4px 4px 4px; padding:0px; height:24px; line-height:24px; font-size: 11px; width:20%;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.8, #FFFFFF),color-stop(1, #CACACA));
	background:-moz-linear-gradient(top, #CACACA, #FFF 15%, #FFF 85%); }

.search div .search_select25{
	border:1px solid #5EA2E1;; border-radius:4px 4px 4px 4px; padding:0px; height:24px; line-height:20px; font-size: 11px; width:30%;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.8, #FFFFFF),color-stop(1, #CACACA));
	background:-moz-linear-gradient(top, #CACACA, #FFF 15%, #FFF 85%); }

.search_button{
	background: #F9F9F9;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ddd),color-stop(1, #fff));
	background: -moz-linear-gradient(top,#FFF,#DEDEDE);
	width: 60px;
	height: 30px;
	border: 1px solid #9A9A9A;
	line-height: 30px;
	font-size: 14px;
	margin-top: 2px;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}

.search_button15{
	background: #F9F9F9;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ddd),color-stop(1, #fff));
	background: -moz-linear-gradient(top,#FFF,#DEDEDE); 
	width:15%; height:24px; border:1px solid #9A9A9A;
	font-size:14px;margin-right:8px;
	color:#333333; font-weight:bold;cursor:pointer;}


.bodyBackground{background:#FFFFFF; border-top:3px solid #5EA2E1;border-bottom:2px solid #DFDFDF}
.searcharea div{padding:1px 1px;}
.searcharea div span{display:block; font-weight:bold;}
.searcharea div .search_input{
	border:1px solid #5EA2E1;; border-radius:8px 8px 8px 8px; padding:0px; height:32px; line-height:32px; font-size: 14px; width:100%;
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0.8, #FFFFFF),color-stop(1, #CACACA));
	background:-moz-linear-gradient(top, #CACACA, #FFF 15%, #FFF 85%); }

.search_button_half_h{
	background: #68ABE9; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDE7B), to(#FBD51D)); 
	background: -moz-linear-gradient(top, #FFDE7B, #FFDE7B); 
	width:48%; height:33px; border:1px solid #792F1C;
	font-size:18px;
	color:#000000; font-weight:bold;cursor:pointer;}

.search_button_half_l{
	background: #F9F9F9;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ddd),color-stop(1, #fff));
	background: -moz-linear-gradient(top,#FFF,#DEDEDE); 
	width:48%; height:33px; border:1px solid #9A9A9A;
	font-size:18px;
	color:#333333; font-weight:bold;cursor:pointer;}

.search_button_full_h{
	background: #68ABE9; 
	background: -webkit-gradient(linear, left top, left bottom, from(#68ABE9), to(#367EC0)); 
	background: -moz-linear-gradient(top, #68ABE9, #367EC0); 
	width:100%; height:33px; border:1px solid #3a8ad2;
	font-size:18px;
	color:#ffffff; font-weight:bold;cursor:pointer;}
.search_button_full_l{
	background: #F9F9F9;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ddd),color-stop(1, #fff));
	background: -moz-linear-gradient(top,#FFF,#DEDEDE); 
	width:100%; height:33px; border:1px solid #9A9A9A;
	font-size:18px;
	color:#333333; font-weight:bold;cursor:pointer;}