@charset 'UTF-8';

/*** COMMON SETTINGS ***/
	/* Display: block */
	.etop_query,
	.etop_message,
	.etop_bulletin .bulletin_text .title {
		display: block;
	}

	/* Display: Inline-block */
	.etop_div,
	.etop_widget,
	input, .etop_input, 
	input[type="radio"], .etop_radio, 
	input[type="checkbox"], .etop_checkbox, 
	input[type="button"], .etop_button, 
	input[type="submit"], .etop_button_submit, 
	input[type="reset"], .etop_button_cancel,
	textarea, .etop_textarea, 
	select, .etop_select, 
	.etop_pagebar .current, .pagebar .current,	
	.etop_pagebar .page, .pagebar .page,
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last {
		display: inline-block;
	}

	/* Outline: 0 */
	a, .etop_link,
	input, .etop_input,
	textarea, .etop_textarea,
	select, .etop_select,
	input[type="button"], .etop_button,
	input[type="submit"], .etop_button_submit,
	input[type="reset"], .etop_button_cancel {
		outline: 0;
	}


/*** COLORS ***/
	/* Background: #fff */
	.etop_div,
	.etop_query,
	.etop_table, 
	.grid_data, 
	.etop_grid_data,
	.grid_head th, .etop_grid_header th,
	.grid_footer th, .etop_grid_footer th,
	.etop_widget_body, .etop_widget_footer,
	.etop_bulletin .bulletin_text,
	select, .etop_select,
	input[type="button"], .etop_button,
	input[type="submit"], .etop_button_submit,
	input[type="reset"], .etop_button_cancel, 
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last,
	.etop_pagebar a, .pagebar a {
		background: #fff;
	}

	/* Background: #dcf3fc */
	.etop_message_header,
	.etop_widget_header,
	.etop_table th, 
	.grid_data th, 
	.etop_grid_data th,
	.grid_highlight, 
	.etop_grid_highlight {
		background: #dcf3fc;
	}

	/* Background: #a5dff7 */
	.etop_table tr:hover, 
	.grid_data tr:hover, 
	.etop_grid_data tr:hover {
		background: #a5dff7;
	}

	/* Background: #4b8ecd */
	.nowsele,
	tr.nowsele:hover {
		background: #4b8ecd;
	}

	/* Color: #232323 */
	a, .etop_link,
	.etop_table tr:hover, 
	.grid_data tr:hover, 
	.etop_grid_data tr:hover,
	.grid_highlight, .etop_grid_highlight,
	.grid_data tr:hover a, 
	.etop_grid_data tr:hover a,
	.etop_pagebar a, .pagebar a,
	input[type="button"], .etop_button, 
	input[type="submit"], .etop_button_submit, 
	input[type="reset"], .etop_button_cancel {
		color: #232323;
	}

	/* Color: #fff */
	.etop_colorpicker_box,
	.nowsele, tr.nowsele:hover,
	.nowsele a, tr.nowsele:hover a,
	a.etop_button:hover, a.etop_button_submit:hover, a.etop_button_cancel:hover,
	input[type="button"]:hover, .etop_button:hover,
	input[type="button"]:active, .etop_button:active,
	input[type="submit"]:hover, .etop_button_submit:hover,
	input[type="submit"]:active, .etop_button_submit:active,
	input[type="reset"]:hover, .etop_button_cancel:hover,
	input[type="reset"]:active, .etop_button_cancel:active,
	.etop_pagebar .current, .pagebar .current,
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last {
		color: #fff;
	}

	/* Border: #dcdcdc */
	.border,
	.etop_div,
	.etop_query,
	.etop_message,
	.etop_bulletin,
	.etop_table, 
	.grid_data, 
	.etop_grid_data,
	.grid_data_div, .etop_grid_data_div,
	.grid_head, .etop_grid_header,
	.grid_footer, .etop_grid_footer,
	.etop_widget,
	input, .etop_input,
	textarea,  .etop_textarea,
	select, .etop_select,
	input[type="button"], .etop_button,
	input[type="submit"], .etop_button_submit,
	input[type="reset"], .etop_button_cancel,
	.etop_pagebar a, .pagebar a,
	.etop_pagebar .current, .pagebar .current,
	.etop_pagebar .page, .pagebar .page,
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last {
		border: 1px solid #dcdcdc;
	}


/*** BORDER-RADUIS ***/
	/* Border-radius: 6px */
	.etop_div,
	.etop_query,
	.etop_message,
	.etop_widget,
	.etop_table, 
	.grid, .etop_grid,
	.grid_data, 
	.etop_grid_data,
	.etop_bulletin {
		-moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	}

	/* Border-radius: 4px */
	.round-corner,
	input, .etop_input,
	textarea, .etop_textarea,
	select, .etop_select,
	input[type="button"], .etop_button,
	input[type="submit"], .etop_button_submit,
	input[type="reset"], .etop_button_cancel,
	.etop_pagebar a, .pagebar a,
	.etop_pagebar .current, .pagebar .current,
	.etop_pagebar .page, .pagebar .page,
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last {
		-moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
	}


/*** H1 ***/
	.etop_h1 {
	    padding-left: 5px;
	    line-height: 1.8em;
	    font-size: 22px;
	    border-bottom: 1px solid #dcdcdc;
	}


/*** DIV ***/
	.etop_div {
		margin: 10px 0;
		padding: 15px;
	}


/*** INPUT TEXT & TEXTAREA ***/
	input, .etop_input,
	textarea, .etop_textarea {
		padding: 4px 2px;
	}

	/* TEXTAREA HEIGHT */
	textarea, .etop_textarea {
		height: 80px;
	}
	
	/* INPUT TEXT & TEXTAREA HOVER */
	input:hover, .etop_input:hover,
	input:focus, .etop_input:focus, 
	textarea:hover, .etop_textarea:hover,
	textarea:focus, .etop_textarea:focus {
		border-color: #3e86ca;
	}


/*** RADIO & CHECKBOX ***/
	input[type="radio"], .etop_radio,
	input[type="checkbox"], .etop_checkbox {
	    border: 0px !important;
	}

	/* RADIO & CHECKBOX LABEL */
	input[type="radio"] + label, input[type="checkbox"] + label, 
	.etop_radio + label, .etop_checkbox + label {
		padding: 0px 5px;
		cursor: pointer;   
	}


/*** SELECT-BOX ***/
	select, .etop_select {
		padding: 4px 10px;

		/* 暫時不要
		background: #fff url("../images/ui-icons/arrow.png") right 3px no-repeat;
		-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	text-indent: 0.01px;
    	text-overflow: '';*/
	}
	/*
	select::-ms-expand, .etop_select::-ms-expand {
    	display: none;
	}*/
	/* SELECT HOVER */
	select:hover, .etop_select:hover {
		border-color: #3f86ca;
	}


/*** BUTTONS ***/
	input[type="button"], .etop_button,
	input[type="submit"], .etop_button_submit,
	input[type="reset"], .etop_button_cancel {
	    margin: 0 3px;
    	padding: 4px 12px;
	    text-align: center;
    	border-bottom: 3px solid #dcdcdc;
    	cursor:pointer;
	}

	/* BUTTON HOVER */
	input[type="button"]:hover, .etop_button:hover {
	    background-color: #3f86ca;
	    border-color: #3f86ca;
	    border-bottom: 3px solid #23609b;
	}
	/* BUTTON ACTIVE */
	input[type="button"]:active, .etop_button:active {
	    background-color: #2f73b4;
	    border-color: #2f73b4;
	    border-bottom: 3px solid #23609b;
	}

	/* BUTTON_SUBMIT HOVER */
	input[type="submit"]:hover, .etop_button_submit:hover {
	    background-color: #12bb99;
	    border-color: #12bb99;
	    border-bottom: 3px solid #06a283;
	}
	/* BUTTON_SUBMIT ACTIVE */
	input[type="submit"]:active, .etop_button_submit:active {
	    background-color: #0bb492;
	    border-color: #0bb492;
	    border-bottom: 3px solid #06a283;
	}

	/* BUTTON_CANCEL HOVER */
	input[type="reset"]:hover, .etop_button_cancel:hover {
	    background-color: #da4839;
	    border-color: #da4839;
	    border-bottom: 3px solid #ab2517;
	}
	/* BUTTON_CANCEL HOVER */
	input[type="reset"]:active, .etop_button_cancel:active {
	    background-color: #ca3526;
	    border-color: #ca3526;
	    border-bottom: 3px solid #ab2517;
	}


/*** QUERY-DIV ***/
	.etop_query {
		margin: 10px 0;
		padding: 5px 10px;
	}


/*** LINK ***/
	a, .etop_link,
	a.etop_button:hover, a.etop_button_submit:hover, a.etop_button_cancel:hover {
		text-decoration: none;
	}
		
	/* LINK HOVER */
	a:hover, .etop_link:hover {
		text-decoration: underline;
	}


/*** MESSAGE-DIV ***/
	.etop_message {
		margin: 10px 0;
	}

	/* HEADER */
	.etop_message_header {
		padding: 10px 8px;
		font-size: 25px;
		line-height: 35px;
		font-weight: bold;
		border-bottom: 1px solid #dcdcdc;
	}
	.etop_message_header h1 {
		margin: 0;
		font-size: 25px;
	}

	/* DETAILS */
	.etop_message_details {
		padding: 10px 10px 0 10px;
		font-weight: bold;
	}

	/* MAIN-BODY */
	.etop_message_body{
		padding: 10px;
	}
	.etop_message_body a{ text-decoration: underline; }
	.etop_message_body a:hover{ color: #3f86ca;}


/*** WIDGET DIV ***/
	.etop_widget {
		min-width: 700px;
		margin: 10px 0;
		-moz-box-shadow: 0 0 8px #999;
		-webkit-box-shadow: 0 0 8px#999;
		box-shadow: 0 0 8px #999;
		overflow: hidden;
	}
	
	/* HEADER */
	.etop_widget_header{
		height: 20px;
		padding: 10px 8px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #dcdcdc;
	}

	/* MAIN BODY */
	.etop_widget_body{
		min-height: 80px;
		padding: 10px 8px;
		text-align: center;    
	}

	/* FOOTER */
	.etop_widget_footer{
		height: 20px;
		padding: 10px 8px;
	}


/*** COLOR-PICKER DIV ***/
	.etop_colorpicker_box {
		width: 100px;
		height: 30px;
		padding: 35px 0;
		text-align: center;
	}


/*** TABLE ***/
	.etop_table, 
	.grid_data, 
	.etop_grid_data {
		margin: 0px ;
	    border-spacing: 0;
	}	
	
	/* GRID_DATA HOVER */
	.grid_data tr:hover, 
	.etop_grid_data tr:hover {
	    font-weight: bold;
	}
	
	/* TD */	
	.etop_table td, .etop_table th, 
	.grid_data td, .grid_data th, 
	.etop_grid_data td, .etop_grid_data th {
	    padding: 8px 10px;
	    text-align: left;    
	    border-width: 0 0 1px 1px;
	    border-style: solid;
	    border-color: #dcdcdc;
	}
	
	/* TH */
	.etop_table th, 
	.grid_data th, 
	.etop_grid_data th {
	    border-width: 0 0 1px 1px;
	    border-style: solid;
	    border-color: #dcdcdc;
	}
	
	/* 1st-child no left-border */
	.etop_table td:first-child, .etop_table th:first-child, 
	.grid_data td:first-child, .grid_data th:first-child, 
	.etop_grid_data td:first-child, .etop_grid_data th:first-child {
	    border-left: none;
	}


/*** GRID TABLE ***/
	.grid, .etop_grid {
		overflow: hidden;
	}
	
	/* GRID TABLE HEADER */
	.grid_head, .etop_grid_header {
		margin: 0px ;
	    padding: 5px;
	}
	
	.grid_head th, .etop_grid_header th { 
	    padding: 5px;
	    text-align: left;
	}
	
	/* GRID-TABLE DATA */
	.grid_data_div, .etop_grid_data_div {		
		overflow-x: scroll;
		overflow-y: auto;  
	}
	
	/* BORDER-SPACING */
	.grid_data_div .grid_data, 
	.etop_grid_data_div .etop_grid_data {
		border-spacing: 0;
		border-collapse:collapse;
	}
	
	/* GRID TABLE FOOTER */
	.grid_footer, .etop_grid_footer {
		margin: 0px ;
	    padding: 5px;
	}
	
	.grid_footer th, .etop_grid_footer th {
	    padding: 5px;
	    text-align: left;
	}
	
	/* GRID TABLE TOOLS */
	.grid_highlight, .etop_grid_highlight {
	    width: 50px;
	    border-color: #dcdcdc;
	    border-width: 0 0 1px 1px;
	    border-style: solid; 
	}
	.field_header, .etop_field_header {
		cursor:pointer;
	}
	
	/* NOW-SELECTED */
	.nowsele, tr.nowsele:hover {
		 font-weight: normal;
	}

	/* MESSAGE */
	.msg{
		  color: #3f86ca;
		  font-size: 14px;
	}


/*** PAGEBAR ***/
	.etop_pagebar a, .pagebar a {
	    padding: 3px 7px;
		text-decoration: none; 
	}
	
	/* HOVER */
	.etop_pagebar a:hover, .pagebar a:hover {
		border-color: #2f73b4;
	}

	/* CURRENT-PAGE */
	.etop_pagebar .current, .pagebar .current {
	    height: 20px;
	    padding: 2px 7px;
	    text-align: center;
		background-color: #3f86ca;
		border-color: #3f86ca;
		cursor: default;
	}
	
	/* PAGE'S NUMBER*/
	.etop_pagebar .page, .pagebar .page {
	    height: 20px;
	    padding: 2px 7px;
	    text-align: center;
	    cursor: pointer;
	}
	.etop_pagebar .page:hover, .pagebar .page:hover {;
	    border-color: #3f86ca;
	}
	
	.etop_pagebar .first, .pagebar .first,
	.etop_pagebar .previous, .pagebar .previous,
	.etop_pagebar .next, .pagebar .next,
	.etop_pagebar .last, .pagebar .last {
	    width: 22px;
	    height: 20px;
	    padding: 2px 0px;
		cursor: pointer;
	}

	/* FIRST-PAGE */
	.etop_pagebar .first, .pagebar .first {
		background: #fff url("../images/ui-icons/pagebar_first.png") no-repeat;
	}
	.etop_pagebar .first:hover, .pagebar .first:hover {
		background: #3f86ca url("../images/ui-icons/pagebar_first_hover.png") no-repeat;
		border-color: #3f86ca;
	}
	
	/* PREVIOUS-PAGE */
	.etop_pagebar .previous, .pagebar .previous {
		background: #fff url("../images/ui-icons/pagebar_previous.png") no-repeat;
	}
	.etop_pagebar .previous:hover, .pagebar .previous:hover {
		background: #3f86ca url("../images/ui-icons/pagebar_previous_hover.png") no-repeat;
		border-color: #3f86ca;
	}
	
	/* NEXT-PAGE */
	.etop_pagebar .next, .pagebar .next {
		background: #fff url("../images/ui-icons/pagebar_next.png") no-repeat;
	}
	.etop_pagebar .next:hover, .pagebar .next:hover {
		background: #3f86ca url("../images/ui-icons/pagebar_next_hover.png") no-repeat;
		border-color: #3f86ca;
	}
	
	/* LAST-PAGE */
	.etop_pagebar .last, .pagebar .last {
		background: #fff url("../images/ui-icons/pagebar_last.png") no-repeat;
	}
	.etop_pagebar .last:hover, .pagebar .last:hover {
		background: #3f86ca url("../images/ui-icons/pagebar_last_hover.png") no-repeat;
		border-color: #3f86ca;
	}
	
	/* TOTAL-NUM */
	.etop_pagebar .total, .pagebar .total {
		padding: 3px 0px 0px 0px;
		float: right;
	}


/*** BULLETIN ***/
	/* 外框 */
	.etop_bulletin {
		width: 100%;
		margin: 5px 0px;
	    overflow: hidden;
	}
	
	/* 左圖 */
	.etop_bulletin .bulletin_img {
		padding: 15px;
		width: 100px;
		height: 100%;
	}
		.etop_bulletin .bulletin_img img {
			width: 100px;
			height: auto;
			max-height: 100px;
		}
	
	/* 右字 */
	.etop_bulletin .bulletin_text {
		padding: 15px;
		min-height: 100px;
		padding-left: 10px;
	}
		/* 標題連結 */
		.etop_bulletin .bulletin_text .title{
			font-size: 20px;
			font-weight: bold;
			line-height: 25px;
		}
		.etop_bulletin .bulletin_text .title:hover{
			color: #3f86ca;
		}
		/* 分類，時間，點擊數 */
		.etop_bulletin .bulletin_text .catalog,
		.etop_bulletin .bulletin_text .time,
		.etop_bulletin .bulletin_text .count {
			color: #999;
		}
		.etop_bulletin .bulletin_text .catalog:after,
		.etop_bulletin .bulletin_text .time:after {
			content: " | ";
		}
		/* 簡介內容 */
		.etop_bulletin .bulletin_text .content {
			margin-top: 5px;
			max-height: 35px;
			overflow: hidden;
		}
		/* 更多 */
		.etop_bulletin .bulletin_text .more {
		    clear:both;
		    float: right;
		    margin-top: 15px;
		    text-align: right;
		    color: #3f86ca;
		}
		.etop_bulletin .bulletin_text .more a {
		    text-decoration: none;
		    color: #3f86ca;
		}
		.etop_bulletin .bulletin_text .more a:hover {
		    text-decoration: underline;
		}


/*** CUSTOM CSS ***/
	/* 圓角 */
	.round-corner {
		overflow: hidden;
	}
	/* 附件-ICON */
	.attachment:before {
		content: url("../images/ui-icons/attachment.png");
		margin-right: 2px;
	}