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

/*------------------reset 此區塊請勿更動-------------------*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
ul,li,p{
    margin:0;
    list-style:none;
    padding:0;
}
a,a:hover,a:active,a:visited { color:#333; text-decoration:none; outline: none ! important;}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*------------------reset 此區塊請勿更動-------------------*/

/*搜尋按鈕*/
.btn_box{ float:right;}

.search_btn{
    width: 80px;
    height: 26px ! important;
    line-height: 26px ! important;
    display: inline-block;
}

.search_btn img{
    display:inline;
    vertical-align:middle;
    margin: 0 5px 2px 5px ! important;
}
.search_btn:hover{
    box-shadow: 0 2px 0 #0f5a8a;
    background:#1a78b4;
}
button.more{ width: 50px;}
input.more{ width: 50px;}
        
/*月曆按鈕*/
.calendar_icon a{
    *display:block;
    display:inline-block;
    text-indent:-9999px;
    margin-left:2px;
    background:url(../images/calendar_icon_search.png) left top;
    width:18px;
    height:20px;
    vertical-align:middle;
}

.calendar_icon a:hover{
    background:url(../images/calendar_icon_search.png) right top;
}


.floatLeft{ float:left;}
.floatRight{ float:right;}

/* input文字內預設淺灰色 */     
.txttypeform{ color:#666; } 

/* input輸入後文字 */    
.blur {color:#C7C7C7;}
.myBlur {color:#C7C7C7;}

        
/* 搜尋 */
.new_tktSearch{
    margin:0px auto;
    color:#333;
    font:15px verdana,微軟正黑體;
}
.new_tktSearch ul.search_item { display: block;}
ul.search_item li {
    margin-bottom: 8px;
}
ul.search_item span.title {
    text-align: right;
    display: inline-block;
	padding: 0 3px 0 7px;
}
ul.search_item .re_intype {
    display: inline-block;
    width: 100px;
}
ul.search_item span.calendar_icon {
    display: inline-block;
    margin: 6px 0 0 15px;
}
ul.search_item .dropdown_select {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
	margin-right:8px;
}
ul.search_item .city{ width: 187px;}
.new_tktSearch .jqTransformSelectWrapper {
    width: 100% ! important;
}
.new_tktSearch .jqTransformSelectWrapper span{
    padding: 3px 0 0 5px ! important;
}
    
/*===============================================================*/

/* -------------
 * Selects預設值
 * ------------- */
.transform  .jqTransformSelectWrapper {
    width:100% !important;
}
.transform .jqTransformSelectWrapper ul {
    width:99.6% !important;
    position: relative;
    z-index: 5;
}
.transform .jqTransformSelectWrapper div,
.transform .jqTransformSelectWrapper div span {
    width:100% !important;
}
.jqTransformSelectWrapper {
	width:45px; 
	position:relative;
	height:26px;
	float:left;
	border:solid 1px #d4d4d4;
	box-shadow:inset 0px 1px 3px #eeeeee;
	background-color:#FFFFFF;
	border-radius:2px;
	z-index:1;
}
.jqTransformSelectWrapper:hover{
    border:solid 1px #00a3e0;
    cursor:pointer;
    outline: none;
    box-shadow:0px 1px 3px #d4d4d4;
}

.jqTransformSelectWrapper div span {
    float:none;
    position:absolute;
    white-space: nowrap;
    cursor:pointer;
    font:15px verdana,微軟正黑體;
	display: inline-block;
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
    display:block;
    position:absolute;
    right:10px;
    width:31px;
    outline:none;
    height:23px;
    background: url(../images/select.png) no-repeat center 1px;
}

.jqTransformSelectWrapper ul {
    position:absolute;
    width: 43px;
    top: 28px;
    left: -1px;
    list-style: none;
    background-color: #FFF;
    border: solid 1px #CCC;
    display: none;
    margin: 0px!important;
    padding: 0px !important;
    height:150px ;
    overflow: auto;
    overflow-y: auto;
    /*z-index:10;*/
    box-shadow:0px 1px 3px #d4d4d4;
}

.jqTransformSelectWrapper ul li{
    margin:0 !important;
    padding:0 !important;
}

.jqTransformSelectWrapper ul a {
    display:block !important;
    padding:5px !important;
    margin:0 !important;
    text-decoration: none;
    color:#333;
    line-height:1.2;
    background: #FFF;
    font:15px verdana,微軟正黑體;
}

.jqTransformSelectWrapper ul a.selected {
    background-color: #FFF;
    color:#333;
    position: relative;
    z-index: 5;
}

.jqTransformSelectWrapper ul a.selected:hover {
    background:#00a3e0;
    color:#fff;
}

.jqTransformSelectWrapper ul a:hover{
    background:#00a3e0;
    color:#fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}


/*===============================================================*/

/* -------------
 * input
 * ------------- */
 
input.typeintext:hover,
input.typeintext:active,
input.typeintext:focus{
    border:solid 1px #00a3e0;
    cursor:pointer;
    outline: none;
    box-shadow:0px 1px 3px #d4d4d4;
}
    
input.typeintext[type=text] {   
    box-shadow:inset 0px 1px 3px #eeeeee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;font-family:verdana,'微軟正黑體';
}

input.typeintext[type=text]:hover{
    box-shadow:0px 1px 3px #d4d4d4 !important;
}

input.typeintext{
    outline: none;
    padding:0 6px;
    margin:0;
    border:solid 1px #d4d4d4;
    height:28px;
    line-height:26px;
    box-shadow:inset 0px 1px 3px #eeeeee !important;
    background-color:#FFFFFF !important;
    border-radius:2px;
    width:98%;
    font-size:14px;
}