table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
    font-size:14px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 700px;}
#sortable li { margin: 0px 1px 12px 1px; padding: 1px; float: left; width: 220px; height: 170px; font-size: 4em; text-align: center; }
.portlet-header
 {
     font-size:13px;
     padding:5px 5px 5px 0px; 
     cursor: move;
     background: #585858;
     width: 215px;
     color: White;
}
.close{float:right;cursor:pointer;}
.DealEndR{
	border:1px solid #FF0000;
    color:#FF0000;
	font-size:9pt;
	font-weight:bold;
	margin-left:5px;
	padding-left:2px;
}
.DealEndG{
	border:1px solid Green;
    color:Green;
	font-size:9pt;
	font-weight:bold;
	margin-left:5px;
	padding-left:2px;
}
.box_photo img {
		border: none;
		vertical-align: middle;
		-webkit-transition: -webkit-transform 0.5s linear;
		-moz-transition: -moz-transform 0.5s linear;
		-o-transition: -o-transform 0.5s linear;
		transition: transform 0.5s linear;
}
.box_photo:hover img {
		-webkit-transform: scale(1.1) rotate(-5deg);
		-moz-transform: scale(1.1) rotate(-5deg);
		-o-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg);		
}
.top_menu_z {
    position : fixed;
    top : 0px;
    z-index: 99999;
	width: 100%;
}
.tbutton {
    background-color: #9975E3; /* 008CBA */
    border: none;
    color: white;
    padding: 10px 27px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.tbutton1 {border-radius: 2px;}
.tbutton2 {border-radius: 4px;}
.tbutton3 {border-radius: 8px;}
.tbutton4 {border-radius: 12px;}
.tbutton5 {border-radius: 50%;}
.box_photo_1 img {
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
	-moz-transition: width 2s, height 2s, transform 2s;
	-o-transition: width 2s, height 2s, transform 2s;
	transition: width 2s, height 2s, transform 2s;
}
.box_photo_1:hover img{
	-webkit-transform: rotate(360deg); /* Safari */
	-moz-transition: rotate(360deg);
	-o-transition: rotate(360deg);
    transform: rotate(360deg);	
}
.box_photo_2 img{
	-moz-transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
}
.box_photo_2:hover img{
	border-radius: 5%;
    border-style: solid;
    border-width: 2px;
	border-color: #9975E3;
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}
.box_photo_3 img{
	-moz-transition: width 2s, height 2s;
    -webkit-transition: width 2s, height 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s;
	-o-transition: width 2s, height 2s;
}
.box_photo_3:hover img{
	position: absolute;
	z-index: -1;
	width: 300px;
    height: 255px;
}
.div_box {
	position:relative;/*IE*/
	display:table-cell;
	text-align:center;
	vertical-align:middle;/*對firefox有效*/
}
.div_box p {
	position:static !important;
	position:absolute;
	top:50%; /*讓IE上空出50%*/
}
.div_box p img {
	position:static !important;
	position:relative;
	top:-50%;/*IE向上-50%*/
	left:-50%;/*IE向左-50%*/
}
.div_box p span {
	position:static !important;
	position:relative;
	top:-50%;/*IE向上-50%*/
	left:-50%;/*IE向左-50%*/
}

.pretty-select {
    /*移除箭頭樣式*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  
    /*改變右邊箭頭樣式*/
    background: url("img/arrow.png") no-repeat right center transparent;
    
    border:0px;
    width:100%;
    height:34px;
    padding-left:2px;
    padding-right:40px;
    background-color:#F6F7F7;
    color:gray;
  }
  
  /*IE隱藏箭頭樣式*/
  .pretty-select::-ms-expand { 
    display: none; 
  }
  
  .pretty-select:focus{
    box-shadow: 0 0 5px 2px #467BF4;    
  }



  .select-css {
	/* display: block;*/
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}