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


#menu{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ba2da+0,5685b8+100 */
    background: #5ba2da; /* Old browsers */
    background: -moz-linear-gradient(top,  #5ba2da 0%, #5685b8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5ba2da 0%,#5685b8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5ba2da 0%,#5685b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba2da', endColorstr='#5685b8',GradientType=0 ); /* IE6-9 */
}

#nav ul li:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a97d+0,996b1e+100 */
	background: #fbfeff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfeff 0%, #d3f1ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fbfeff 0%,#d3f1ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fbfeff 0%,#d3f1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#d3f1ff',GradientType=0 ); /* IE6-9 */
}

.path{ background-image:url(../img/pathbg.png);	}

/*----------------------------------------------------- 左側功能選單 */


.features{
	list-style-type: none;
	border-bottom:#bde8ff 10px solid;	
	}
	
.features .ti{
	background-color:#418bcd;	
	border-bottom:#c9c9c9 1px solid;
	}

.features .ti:hover{
	color:#fff98f;
	text-decoration:none;
	}

.features .ti2{	
    background:url(../img/list_square.png) no-repeat;
	border-bottom:#c9c9c9 1px solid;
	}
	
.features .ti2:hover{
	color:#007de7;
	background:url(../img/list_square_ho.png) no-repeat;
	text-decoration:none;
	}

.features .item {
    background:url(../img/ltem_list_green.png) no-repeat;
	border-bottom:#c9c9c9 1px solid;
	}
	
.features .item:hover{
	color:#007de7;
	text-decoration:none;
	background:url(../img/ltem_list_green_ho.png) no-repeat;
	}

/*----------------------------------------------------- 右側表格選單 */
	
.pagecontent .tibg{	
	font-weight: bold;	
	color:#2497d6;
	background-color:#e3f3ff;	
	}
	
.pagecontent .tibg_pink{	
	font-weight: bold;	
	color:#dc1666;
	background-color:#ffe3f0;	
	}
	
.tibg_ind{
	line-height:22px;
	background-color:#f4feff;
	}
		
.pagecontent .txt{	
	color:#005796;
	margin:16px auto;
	width:95%;
}

.pagecontent .title{	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */
    background: #68beed; /* Old browsers */
    background: -moz-linear-gradient(top,  #68beed 0%, #68beed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #68beed 0%,#68beed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #68beed 0%,#68beed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
.pagecontent .title_1{	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */
    background: #68beed; /* Old browsers */
    background: -moz-linear-gradient(top,  #68beed 0%, #68beed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #68beed 0%,#68beed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #68beed 0%,#68beed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
.pagecontent .title_pink{	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bc2e9+0,53b6ed+100 */
    background: #f47da7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f47da7 0%, #f47da7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f47da7 0%,#f47da7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f47da7 0%,#f47da7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
.pagecontent .wpost_title{ background:#f4feff; }
		
.pagecontent .fillingitem{ color:#0063b7; }

.pagecontent .fillingitem_pink{ color:#d51260;}
	
.css_td_1bg{ background:#68beed; }
 	

/*---------------------------------------------------- select */

.nice-select {
	display:inline-block;
	width: auto;
	background: url("../img/select_blue.png") no-repeat scroll right center transparent;
	-webkit-tap-highlight-color: transparent;
	background-color:#fff;
	border-radius:3px;
	border:solid 1px #ccc;
	clear:both;
	cursor:pointer;
	height:33px;
	line-height:30px;
	text-align:left !important;
	white-space:nowrap;
	outline:none;
	padding:0 36px 0 12px;
	margin:8px 0;
	position:relative;	
	}
	
.select_auto .nice-select{ margin-right:15px;}

.styled-select .nice-select{ width:100%;}

.styled-select .nice-select .list{ width:100%;}
  
.nice-select:hover, .nice-select:active, .nice-select.open, .nice-select:focus, .formtxt:hover, .formtxt:active, formtxt:focus, .formtxt_btn:hover, .formtxt_btn:active, formtxt_btn:focus{ border-color:#68beed; }	
			
.nice-select.open .list {	
    opacity:1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
	  
.nice-selectb .wide { width:100%; }
	
.nice-select .wide .list { left:0 !important; right:0 !important; }

.nice-select .list{
    background-color:#fffff1;
    border-radius:3px;
	border:solid 1px #9d9d9d;
	background:#fffff7;
    box-sizing:border-box;
    margin-top:2px;
    opacity:0;
    overflow:hidden;
    padding:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;    
    z-index:1; }
	
.nice-select .list:hover .option:not(:hover) { background:#fffff1 !important; }
	  
.nice-select .option {
    cursor: pointer;
    list-style:none;
    outline:none;
	padding:0 36px 0 14px;
    text-align:left;
	}
	
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color:#e7e6de; }
	  
.nice-select .option.selected { font-weight:bold; }

.no-csspointerevents .nice-select .list { display:none; }

.no-csspointerevents .nice-select.open .list { display:inline-block; }

.select_auto, .select_question, .styled-select{ padding:2px 0; }
	
.select_auto:after, .select_question:after, .styled-select:after{ clear: both; }

.select_auto .select_height{  height:auto; line-height:25px; margin-bottom:6px;}

.question_symbol{ font-family:"Arial","微軟正黑體"; font-size:18px; color:#5e5e5e; vertical-align:middle; margin-right:30px;}

.question_symbol:hover{ color:#ff4200; text-decoration:none; }


/*----------------------------------------------------- verification button */

.pagecontent .verification {
     background: #4c95d1; /* Old browsers */
}

.pagecontent .verification:hover, .pagecontent .verification:focus{ background: #ff9915;}


/*----------------------------------------------------- media(RWD) */
 
@media screen and (min-width: 768px) and (max-width: 1220px) {
	
.question_symbol{ margin-right:10px;}
	
}

@media only screen and (max-width: 768px) {
	
.question_symbol{ margin-right:20px;}
	
}