@charset "utf-8";
*{
	font-family: "微軟正黑體";
}
body {
	margin: 0px;
	font-family: "微軟正黑體"!important;

}
		a:visited {	color: #333333;	text-decoration: none;font-family: "微軟正黑體";}
		a:link {	color: #333333;text-decoration: none;font-family: "微軟正黑體";}
		a:hover {	COLOR: #FF6600; TEXT-DECORATION: none;font-family: "微軟正黑體";}
ul {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
li {
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	list-style-type: none;
	padding: 0px;

}		
		
h1,h2,h3{
	font-size: 14pt;
	
	line-height: 22pt;
	font-weight: bold;
	font-style: normal;
	display : inline
}
/**********************************************************************************/
.tablesorter-header.tablesorter-reorder-helper {
			cursor: move;
}
.tablesorter-reorder-helper-bar {
			width: 1px;
			background: #000;
}
.tablesorter-header.sorter-false {
		background-image: none;
		cursor: default;
		padding: $overallPadding;
}		
.tablesorter td,.tablesorter th{
	white-space:nowrap;
}		
/**********************************************************************************/		
.Dfloat {
	font-weight:bold;
	padding:1px;
	width:100px;
	height:150px;
	position:fixed; /*距離上方的位置*/
	right:1px;
	/*left:99%;距離左方的位置*/
  	margin-top:-100px;
	margin-left:-200px;
	_position: absolute; /* position fixed for IE6 */
    _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
	_margin-top:0;
	bottom: 150px;

	
}
.Dfloat li{
	list-style:none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 3px;
	text-align: center;
}
.clear {
  clear: both;
}
.error{
	font-weight: bold;
	color: #FF0000;
	border: 1px dashed #FF0000;
	margin: 5px;
	padding: 5px;
	float: left;
}
/*************/
.msgBox {
	border: 3px solid #444;
	box-shadow: 1px 5px 5px #666;
	position:absolute;
	top:50%;
	height: 340px;
	margin-top:-170px;
	left:50%;
	width: 280px;
	margin-left:-140px;
	padding: 20px;
}
.msgBox input,.msgBox button{
	font-size: 16pt;
	font-weight: bold;
	color: #000099;
	width: 70%;
}
.msgBox li{
	text-align:center;
}
.msgBox h1{
	text-align:center;
	font-size:18px;
	text-wrap:suppress;
	line-height: 50px;
}

.container1 {
	width: 100%;
	position: relative;
}
/*************/
#content {
	position: relative;
}
#content section {
	padding-top: 20px;
	padding-right: 1px;
	padding-bottom: 50px;
	padding-left: 1px;
}
/******************/

.myTabs {
    border-bottom: 1px solid #333333;	padding: 5px;
}



.myTabs > .active > a,
.myTabs > .active > a:hover,
.myTabs > .active > a:focus {
	color: #000000;
	background-color: #E7E7E7;
	border: 1px solid #333333;
	border-bottom-color: transparent;

	padding: 5px;
}


 .myTabs > li {
	margin-bottom: -1px;

    }

        .myTabs > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
            line-height: 20px;
            border: 1px solid transparent;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

            .myTabs > li > a:hover,
            .myTabs > li > a:focus {
                border-color: #eeeeee #eeeeee #dddddd;
            }


.myTabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
	
}

/*****************/
textarea.ui-input-text {
 min-height: 180px;  
}


/*************/
.trPhoto {
	margin-bottom: 10px;
	overflow: hidden;
	height:250px;
	width: 25%;
	float: left;
	text-align: center;
}
.tr70 {
	margin-bottom: 10px;
	overflow: hidden;

	width: 70%;
	float: left;
}
.tr70 .Item25 {
	width: 33%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}




.tr100 {
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
	width: 100%;
}
.tr100 input{
	font-size: 15pt;
	padding: 10px;
}
.tr100 .Item20R {
	width: 20%;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}
.tr100 .Item15 {
	width: 15%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}
.tr100 .Item20 {
	width: 20%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}

.tr100 .Item25 {
	width: 23%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}

.tr100 .Item30 {
	width: 31%;
	
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}
.tr100 .Item50 {
	width: 50%;
	
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}
.tr100 .Item70 {
	width: 69%;
	
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}







.tr100 .Item30 h4 {
	margin: 0 5px;
	text-align: center;
	font-size: 16px;
}

.tr100 .Item30 article {
	margin: 15px 5px 25px;
	text-align: center;
	font-size: 13px;
	color: #bbb;
}

.tr100 .Item30 .photo {
	margin: 5px;
	display: block;
}

.tr100 .Item30 .photo img {
	width: 100%;
}

.tr100 .Item30:nth-child(4n) {
	margin-right: 0;
}




.tr100 .add_zip {
	width: 100px;
	
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 0;
}

#money {
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
/*********************************************************************************/
.Itembox li{
	width: 17%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 2px;
	margin-left: 0;
	border: 1px dashed #999999;
	height: 50px;
	text-align: center;
}
/*********************************************************************************/
.col100 {
	margin-bottom: 5px;
	overflow: hidden;
	clear: both;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}



.col100 .rowimg {
	width: 20%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	border: 1px solid #000000;
}
.col100 .row15 {
	width: 15%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
}
.col100 .row70 {
	width: 69%;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
}
.title30 {
	width: 10%;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0;
	text-align: right;
}
.title70 {
	font-size: 14pt;
	font-weight: bolder;
	color: #000066;	


}
.col100 .title70 span{
	font-size: 14px;
	margin: 35px;
	padding: 30px;
	color: #000000;

}
.col100 .title70 .money{
	font-size: 36px;

	color: #FF0000;
	font-weight: bold;
	float: right;


}
/*************************************************************************************************/
 .Err:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ background: #FFDDFF;color: red; } 
 .Err::-moz-placeholder { /* Mozilla Firefox 19+ */ background: #FFDDFF;color: red; } 
 input.Err:-ms-input-placeholder{ background: #FFDDFF;color: red; } 
 input.Err::-webkit-input-placeholder { 
    background: #FFDDFF; 
	color: red; }
/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
.Dfloat{
	font-weight:bold;
	padding:1px;
	width:80%;
	height:150px;
	position:static; /*距離上方的位置*/
	right:1px;
	/*left:99%;距離左方的位置*/
  	margin-top:0px;
	margin-left:0px;
	_position: absolute; /* position fixed for IE6 */
    _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
	_margin-top:0;
	bottom: 150px;
}
}


/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.Itembox li{
	width: 45%;
}




}


/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
	.tr100 .Item30{
			margin-right: 0;
			width: 98.5%;
	}
	
	.tr100 .Item15{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item20{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item25{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item30{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item50{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item70{
			margin-bottom: 10px;
			width: 99.8%;
	}	
	
.Itembox li{
	width: 49%;
}

	
	
}

@media screen and (max-width: 400px) {

	.tr100 .Item15{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item20{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item25{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item30{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item50{
			margin-bottom: 10px;
			width: 99.8%;
	}
	.tr100 .Item70{
			margin-bottom: 10px;
			width: 99.8%;
	}
.Itembox li{
	width: 49%;
}
	
}
/************************************************************************************/
	
	.tablecss a:link, a:visited {
		color: #0000FF;
		font-weight: normal;
		text-decoration: none;
	}
	
	.tablecss a:hover {
		color: #FF0000;
		text-decoration: none;
	}
	.tablecss {
		width:100%;
		padding: 5px;
	}
	.tablecss th {
		background-color:#AAEBAA;
		background:-o-linear-gradient(90deg, #AAEBAA, #cef3ce);
		background:-moz-linear-gradient( center top, #AAEBAA 5%, #cef3ce 100% );
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AAEBAA), color-stop(1, #cef3ce) );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAEBAA', endColorstr='#cef3ce');
		color:#000000;
		padding: 5px;
	}
	.tablecss,.tablecss th,.tablecss td
	{
		font-size:0.95em;

		padding:8px;
		
		border-collapse:collapse
	}
	.tablecss td{
		border-collapse:collapse
		padding: 5px;
	}
	.tablecss tr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
	/*.tablecss tr:nth-child(odd){
		background-color:#e2f8e2;
		background:-o-linear-gradient(90deg, #e2f8e2, #f9fdf9);
		background:-moz-linear-gradient( center top, #e2f8e2 5%, #f9fdf9 100% );
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e2f8e2), color-stop(1, #f9fdf9) );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f8e2', endColorstr='#f9fdf9');
		padding: 5px;
	}
	.tablecss tr:nth-child(even){
		background-color:#fdfdfd;
	}*/
.tablecss  i{
	width: 28px;
	height: 28px;
	background: #dbdbdb;
	display: inline-block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #454545;
	font-style: normal;
}

	.table_enter{
		background-color: #CCCCCC; 
		color:#FF0000
	}
	.table_enter:nth-child(odd){
		background-color:#FFFFFF;
	}
	
	

/**************************************************************************************************************/


.dropdown-menu{
	z-index: 9999!important;
}

/**************************************************************************************************************/

.TableTr{
		font-size:20px;
		text-align:center;
		margin:3px;
		background: #b4e391; /* Old browsers */
		background: -moz-linear-gradient(top, #b4e391 0%, #61c419 36%, #b4e391 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 36%,#b4e391 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #b4e391 0%,#61c419 36%,#b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}

.TableTd{
		margin:5px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
}
/**************************************************************************************************************/

/**************************************************************************************************************/