/**
 * Minimalist theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse, .gsc-control-cse {
	/*padding: 1em;*/
	padding:0 !important;
	width: auto;
	border:none !important;
}
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
	width: 100%;
}
.cse .gsc-branding, .gsc-branding {
	display: none;
}
.cse.gsc-control-cse div, .gsc-control-cse div {
	position: normal;
	border: none !important;
}
/* Selector for entire element. */
.cse .gsc-control-cse, .gsc-control-cse {
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	/*border: 1px solid #ffffff;*/
}
.gsc-control-cse .gsc-table-result {
	font-family: Arial, sans-serif;
}
.cse .gsc-control-cse:after, .gsc-control-cse:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}
	
/*---------google search 2015-------*/
	
#gcse_bar {
	width:220px;
	/*margin-top:3px;*/
	margin-top:-35px;
	position:relative;
	float:right;
	margin-bottom:8px;
	height:32px;
	border:1px solid #ccc !important;
	
}

#m_gcse_bar {
	width:96%;
	/*margin-top:3px;*/
/*	position:relative;
	float:right;*/
	margin:20px auto;
	height:40px;
	border:1px solid #ccc !important;
	
	
}

	
/* Search form */
.cse form.gsc-search-box, form.gsc-search-box {
	padding:0px!important;
	border:none !important;
	margin:0px !important;
	height:20px\9;
	width:inherit;/*form歸零 解決寬題度問題*/
}

.gsc-clear-button {  /*清除紐*/
	display:none;
} 

.cse .gsc-branding-text, .gsc-branding-text {
	color: #000000;
}
/**
 * Table cell containing the search input.
 * 12 pixels added to account for the horizontal padding on the input.
 */
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
	padding: 0px !important;
	padding:0\9;
	margin:0\9;
	height:20px \9;
	border:none !important;
}

.cse .gsc-search-box, .gsc-search-box {
	border-collapse: collapse;
}

/* Search input */
.cse input.gsc-input, input.gsc-input {
	width:155px!important;
	height:23px !important;
	font-size:13px !important;
	padding: 0px  !important;
	margin:0px !important;
	/*background-image:none !important;移除google浮水印*/
	background-image:none !important;
	color:#666;	
	font-family: inherit;
	/*border: 1px solid #BBB;*/
	box-shadow:none !important;
}


.gsc-search-box td.gsc-input {
	width:100%;
	padding:0px !important;
	margin:0px !important;
	height:20px\9;
	border:none !important;
	outline: none!important;
	/*border:2px solid blue\9;
	border:1px solid red;*/}


.gsst_a .gscb_a {
	display:none!important;
	padding-top:5px !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #000 !important;
	box-shadow:none !important;
/*	width:98%  !important;*/
}


/* Search button */
.cse input.gsc-search-button, input.gsc-search-button {
	display:block !important;
	float:right !important;
	width:25px !important;
	height:25px !important;
	/*margin-top:-8px !important;*/
	margin-right:-25px !important;
	margin-top:3px !important;

	white-space:nowrap;
	overflow:hidden;
	font-size:0;
	line-height:0;
	cursor:pointer;
	border:0;padding:0;
}


input.gsc-search-button {
	background:url(../images/icon.png) no-repeat !important ;
	border: 0px !important;}
input.gsc-search-button:hover{
	background:url(../images/icon.png) no-repeat -57px 1px !important ;
	}
	
.gsc-search-button input {
	/*color:yellow \9;*/
	width:10px\9 !important;}

/* Base tab selector styles */
.cse .gsc-tabHeader, .gsc-tabHeader {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 8px 0 8px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
	background-color: #777777;
	border: 1px solid;
	border-color: #777777;
	border-bottom: none;
	color: #ffffff;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
	background-color: #333333;
	border: 1px solid;
	border-color: #333333;
	border-bottom: none;
	color: #ffffff;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea, .gsc-tabsArea {
	margin-top: 1em;
	border-bottom: 1px solid #333333;
	padding: 0;
}
/* Inactive refinement */
.cse .gsc-refinementHeader.gsc-refinementhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
	color: #444444;
}
.cse .gsc-resultsHeader, .gsc-resultsHeader {
	margin: 0;
	border: block;
}
/* Wrapper for all results */
.cse .gsc-results, .gsc-results {
	width: 100%;
	margin-top: 1em;
}
/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse .gs-result div.gs-title, div.gs-title, .cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-result .gs-visibleUrl, .gs-result .gs-visibleUrl, .cse .gs-spelling, .gs-spelling {
	padding: 0;
}
/* Font size */
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
	font-size: 14px;
	line-height: 18px;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column {
	padding: 0 0 0 .5em;
	border-left: 1px solid;
	border-color: #ffffff;
	border-bottom: 0px solid;
	margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover {
	border-left: 1px solid;
	border-color: #000000;
	border-bottom: 0px solid;
}
/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a {
	color: #444444;
}
.cse .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active, .cse .gs-webResult.gs-result a.gs-title:active b, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
	color: #777777;
}
/* Snippet text color */
.cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {
	color: #333333;
}
/* Size text color */
.gs-imageResult .gs-size, .gs-imageResult .gs-size {
	color: #333333;
}
/* URL text color */
.cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short, .gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short {
	color: #000000;
	font-weight: bold;
}
/* Pagination container centered */
.cse .gsc-cursor-box, .gsc-cursor-box {
	border-top: 1px dotted;
	border-color: #333333;
	padding: .5em 0 0 .5em;
	text-align: left;
}
/* Selected pagination */
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
	color: #fff;
	background-color: #333333;
	text-shadow: 0 1px 1px #000;
	padding: 0 5px;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
	background-color: #E6E6E6;
	border-color: #CCCCCC;
}
/* Promotion links */
.cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link, .cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *, .cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link {
	color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited, .cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *, .cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited {
	color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover, .cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *, .cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover {
	color: #444444;
}
.cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active, .cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *, .cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active {
	color: #00CC00;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet, .cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right, .cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * {
	color: #333333;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl {
	color: #00CC00;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
	background: #eee;
}
.gsc-completion-container {
	font-family: Arial, sans-serif;
	font-size: 16px;
	background: white;
	border: 1px solid #BBB;
	margin-left: 0;
	margin-right: 0;/* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
	color: #0000CC;
}
.gsc-completion-snippet {
	color: #333333;
}
/* Full URL */
.gs-webResult div.gs-visibleUrl-short, .gs-promotion div.gs-visibleUrl-short {
	display: none;
}
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {
	display: block;
}
.gsc-rating-bar {
	display: inline-block;
	width: 54px;
	height: 10px;
	background: transparent url(../cse/images/cse_snippets_stars.html) -52px -52px no-repeat;
	margin: 3px 0 0 0;
}
.gsc-rating-bar span {
	display: inline-block;
	height: 10px;
	background: transparent url(../cse/images/cse_snippets_stars.html) 0 -52px no-repeat;
	padding: 4px 0 0 0;
}
.gsc-reviewer {
	color: #222;
}
.gsc-author {
	color: #222;
}
.gsc-table-cell-thumbnail, .gs-promotion-image-cell {
	padding: 0 0 0 6px;
}
.gsc-option-menu-item-highlighted {
	background-color: #eee;
}
.gsc-context-box {
	font-size: 83%;
	margin-top: 3px;
	border-collapse: collapse;
}
.gsc-context-box .gsc-col {
	padding: 1px 0;
	white-space: nowrap;
	vertical-align: middle;
}
.gsc-context-box .gsc-facet-label {
	width: 65px;
	padding-left: 2px;
	text-decoration: underline;
	color: #333333;
	cursor: pointer;
}
.gsc-context-box .gsc-chart {
	width: 32em;
	padding: 3px;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
}
.gsc-context-box .gsc-top {
	border-top: 1px solid #777777;
}
.gsc-context-box .gsc-bottom {
	border-bottom: 1px solid #777777;
}
.gsc-context-box .gsc-chart div {
	background: #777777;
	height: 9px;
}
.gsc-context-box .gsc-facet-result {
	color: #333333;
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

/*=============================mobile=============================*/
 @media screen and (max-width: 736px) {
	 
/* Search input */
.cse input.gsc-input, input.gsc-input {
	width:90% !important;
	height:30px !important;
	font-size:13px !important;
}
.gsc-search-box td.gsc-input {
	width:100%;}


/* Search button */
.cse input.gsc-search-button, input.gsc-search-button {
	display:block !important;
	float:right !important;
	width:55px !important;
	height:29px !important;
	/*margin-top:-8px !important;*/
	margin-right:-20px !important;
	margin-top:4px !important;
}
input.gsc-search-button {
	background:url(../images/icon.png) no-repeat -2px -25px !important ;
	border: 0px !important;}
input.gsc-search-button:hover{
	background:url(../images/icon.png) no-repeat -59px -24px !important ;
	}
	
.gsc-search-button input {
	width:10px\9 !important;}
 }