@charset "utf-8";

/* 文字點點點 */ 
.td_ellipsis{
	/*
	單行式 需要設寬
	<a style='width:278px;white-space:nowrap;' class="td_ellipsis" >xxxxxxxxxx</a>
	width:100px;
	*/
	overflow:hidden;
	text-overflow:ellipsis;	
	display:block;
	white-space:nowrap;
}

.td_multi_ellipsis{
	/*
	多行式 需要設寬高
	<a style='width:278px;height:30px;' class="td_multi_ellipsis" >xxxxxxxxxx</a>
	width:100px;
	height:50px;
	*/
	overflow:hidden;
	text-overflow:ellipsis;	
	display: block; /* 因為用於td 所以才要多加這個 DIV不用*/ 
	position:relative;
}

input:focus{
	-webkit-transition:background-color 0.5s linear; 
	background:#B3F5FD; 
}

/* IE11 新版會強製設定連結屬性，這裡把它改回來 */
a:active {
	background-color: transparent;
}
.changPic {
	cursor: pointer
}
/* 表單填錯誤文字輸入框樣式 */
.error {

}
.error input {
	border: 1px solid red;
}
/* checkbox的錯誤框要特別用outline指定 不然會沒有效果  */
.error input[type='checkbox'] {
	outline: 1px solid red;
}
input.error, select.error {
	border: 1px solid red;
	outline:none;
	opacity:0.65;
	position:relative;
}

label.error{
	color:red;
	display: none;
}

.error-message {
	font-size: 10px;
	color: red;
	white-space: nowrap;
}

/* 網站表單訊息 */
.message {		
	display:none;
	width:400px;
	border: 1px solid #999;
	padding:45px 10px 10px;
	position:fixed;
	z-index:99999;
	left:50%;
	margin-left:-210px;
	background-color:#efefef;
	background-image:url('../admin_images/warning.png');
	background-repeat:no-repeat;
	background-position:center 10px;
	font-size:14px;
	text-align:center;
	color: #333;
}

.scrollup{
	width:40px;
	height:40px;
	background:url(../admin_images/scrolltop_button.png);
	position:fixed;
	display:none;
	bottom:20px;
	right:20px;
	z-index:9998;
}

.cut {/*white-space: nowrap;*/
	overflow: hidden;
}
.mypage span a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
}
img {
	border-style: none;
}

/* scrollbar_panel 用法  <div class="scrollbar_panel"> -------------  For the "inset" look only */
.scrollbar_panel {
	width: 769px;
	overflow: auto;
	overflow-x: auto;
}
/*-- 共用文字外觀設定 --*/

body, html, td, th, span, div{
	font-family: Arial, "微軟正黑體" !important;
}

body, td, th {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	/*英文斷行*/
	word-wrap: break-word;
	word-break: break-all;
}
/*-- 頁碼 --*/
.page_number {
	font-size: 13px;
	color: #666;
	text-decoration: none;
	line-height: 18px;
	BORDER-RIGHT: #FFFFFF 0px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #FFFFFF 0px solid;
	PADDING-TOP: 1px;
	BORDER-LEFT: #FFFFFF 0px solid;
	PADDING-LEFT: 6px;
	BORDER-BOTTOM: #FFFFFF 0px solid;
	PADDING-BOTTOM: 1px;
	MARGIN-RIGHT: 2px;
}
.page_number:hover {
	font-size: 13px;
	color: #babcbe;
	text-decoration: none;
	line-height: 18px;
	BORDER-RIGHT: #babcbe 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #babcbe 1px solid;
	PADDING-TOP: 1px;
	BORDER-LEFT: #babcbe 1px solid;
	PADDING-LEFT: 5px;
	BORDER-BOTTOM: #babcbe 1px solid;
	PADDING-BOTTOM: 1px;
	MARGIN-RIGHT: 2px;
}
/*-- 頁碼(目前所在) --*/
.font_12px_blue .current {
	padding:0 4px;
	color:#000;
	text-decoration:underline;
}

input, textarea{
	outline:none;	
}
/* --------------------------------------標準區段END-------------------------------------------------------*/

.font_12px_gray ,.font_12px_gray a {
	font-size: 12px;
	color: #7d7d7d;
	text-decoration:none;
}
.menu_bg {
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.font_12px_gray a:hover {
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}

.font_14px_black ,.font_14px_black a {
	font-size: 14px;
	color: #000;
	text-decoration:none;
}

.font_13px_black ,.font_13px_black a {
	font-size: 13px;
	color: #000;
	text-decoration:none;
}

.font_12px_black ,.font_12px_black a {
	font-size: 12px;
	color: #000;
	text-decoration:none
}

.font_12px_black_01 ,.font_12px_black_01 a {
	font-size: 12px;
	color: #535353;
	text-decoration:none
}

.font_12px_black_01 a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration:none
}

.font_18px_blue {
	font-size: 18px;
	color: #05325d;
}
.font_14px_blue ,.font_14px_blue a {
	font-size: 14px;
	color: #1d8bce;
	text-decoration: none;
}

.font_14px_blue a:hover {
	font-size: 14px;
	color: #135983;
	text-decoration: none;
}

.font_14px_blue_01 ,.font_14px_blue_01 a {
	font-size: 13px;
	color: #034781;
	text-decoration: none;
	line-height:21px;
}

.font_14px_blue_01 a:hover {
	font-size: 13px;
	color: #227bc7;
	text-decoration: none;
}

.font_16px_black_01 {
	font-size: 16px;
	color: #313131;
}
.font_14px_gray {
	font-size: 14px;
	color: #b2b2b2;
}
.font_18px_black {
	font-size: 18px;
	color: #3d3d3d;
	text-decoration: none;
}

.left_bg {
	background-image: url(../images/left_bg.png);
	background-repeat: no-repeat;
}
.font_15px_black ,.font_15px_black a {
	font-size: 15px;
	color: #3f3f3f;
	text-decoration:none;
	display:block;
	
}

.font_15px_black a:hover {
	font-size: 15px;
	color: #262020;
	text-decoration:none;
	background-image:url(../images/left_bg_a.png);
	padding:10px 0 10px 30px;
	background-position:center;
}

.tittle_bg {
	background-image: url(../images/tittle_bg.png);
	background-repeat: no-repeat;
}

.tittle_bg_a {
	background-image: url(../images/tittle_bg_a.png);
	background-repeat: no-repeat;
}

.font_21px_black {
	font-size: 21px;
	color: #3f3f3f;
}
.font_21px_gray {
	font-size: 21px;
	color: #959595;
}
.font_13px_black ,.font_13px_black a {
	font-size: 13px;
	color: #434343;
	text-decoration:none;
}

.font_13px_black a:hover {
	font-size: 13px;
	color: #000000;
	text-decoration:none;
}

.content_bg_01 {
	background-image: url(../images/content_bg_01.png);
	background-repeat: repeat-y;
}

.content_bg_04 {
	background-image: url(../images/content_bg_04.png);
	background-repeat: repeat-y;
}

.font_18px_blue {
	font-size: 18px;
	color: #034781;
}

.about_bg_01 {
	background-image: url(../images/about_bg_01.png);
	background-repeat: repeat-y;
	background-position: 1px;
}

.font_16px_blue ,.font_16px_blue a {
	font-size: 16px;
	color: #034781;
	text-decoration:none;
}

.font_16px_blue a:hover {
	font-size: 16px;
	color: #3a91dc;
	text-decoration:none;
}

.product_bg_01 {
	background-image: url(../images/product_bg_01.png);
	background-repeat: no-repeat;
}

.about_bg_03 {
	background-image: url(../images/about_bg_03.png);
	background-position: left;
}

.about_bg_04 {
	background-image: url(../images/about_bg_04.png);
	background-position: left;
}

.about_bg_05 {
	background-image: url(../images/about_bg_05.png);
	background-position: left;
}

.about_bg_06 {
	background-image: url(../images/about_bg_06.png);
	background-position: left;
}

.about_bg_07 {
	background-image: url(../images/about_bg_07.png);
	background-position: left;
}

.about_bg_08 {
	background-image: url(../images/about_bg_08.png);
	background-position: left;
}

.about_bg_09 {
	background-image: url(../images/about_bg_09.png);
	background-position: left;
}

.about_bg_10 {
	background-image: url(../images/about_bg_10.png);
	background-position: left;
}



.point_red {
	color: #e60012;
}

.news_line {
	background-image: url(../images/news_line.png);
	background-repeat: repeat-x;
	background-position: center center;
}
.font_12px_blue ,.font_12px_blue a {
	font-size: 12px;
	color: #034781;
	text-decoration:none;
}

.font_12px_blue a:hover {
	font-size: 12px;
	color: #2b71ac;
	text-decoration:none;
}
.content_bg_03 {
	background-image: url(../images/product_bg_03.png);
	background-position: left top;
	background-repeat:repeat-y;
}
.product_bg_02 {
	background-image: url(../images/product_bg_02.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.product_pic_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#FFF 1px solid;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.big_box_01 {
	position: relative;	
}
	
.box_01 {
	position: absolute;
	left: 7px;
	top: 62px;
	width: 65px;
}
	
.example_bg_01 {
	background-image: url(../images/example_bg_01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.example_bg_02 {
	background-image: url(../images/example_bg_02.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.example_pic_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	
.font_14px_white {
	font-size: 14px;
	color: #FFF;
}

.font_10px_black ,.font_10px_black a {
	font-size: 10px;
	color: #313131;
}

.map_bg {
	background-image: url(../images/map_bg.png);
	background-repeat: repeat-y;
}

.font_12_white ,.font_12_white a {
	font-size: 12px;
	color: #FFF;
}

.index_banner_pic{
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:1030px;
	height:400px;
	padding:0;
	margin:0;
}

.pic_1 img{
	max-width:100px;
	max-height:83px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;	
}

.pic_2 img{
	max-width:225px;
	max-height:140px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;	
}

.pic_3 img{
	max-width:310px;
	max-height:195px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;	
}

.pic_4 img{
	max-width:300px;
	max-height:250px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;	
}

.pic_5 img{
	max-width:185px;
	max-height:105px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;	
}

.banner_pic{
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:1030px;
	height:165px;
	padding:0;
	margin:0;
}

.banner_pic img{
	width:1030px;
	height:165px;
	text-align:center;
}

.index_banner_pic{
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:1030px;
	height:400px;
	padding:0;
	margin:0;
}

.index_banner_pic img{
	width:1030px;
	height:400px;
	text-align:center;
}

.article_fixed{
	display: block;
	overflow:hidden;
}

.shopping_system_type1 a{
	color:#000;	
}

.shopping_system_type1 a:hover{
	color:#1d8bce;	
}

.a_c_li a{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:228px !important;
}

.search_table{
	margin-right: 20px;
}

.search_table tr td{
	height: 30px;
	padding: 2px 0;
	font-size: 14px;
	position: relative;
}

.search_table tr td:nth-child(2){
	text-align:left;
	/*width:110px;*/
}

.search_table input[type=text], .search_table select{
	border: 1px solid #aaa;
}

.search_table tr td select{
	width: 100%;
	padding: 2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.search_table tr td input[type=text]{
	width: 175px;
	height: 21px;
	padding: 1px 0 0 3px;
	display:inline-block;
	float: left;
}

.search_table tr td select.half_input{
	width: 85px;
	margin-right: 5px;
}

.search_table tr td input[type=text].half_input{
	width: 85px;
	margin-right: 0;
}

.search_table tr td div.nowrap{
	width:45px;
	display:inline-block;
	position:relative;
}

.search_table tr td label.error{
	position:absolute;
	left:5px;
	top:4px;
	width: 200px;
}

.search_table input[type=submit], .search_table input[type=button]{
	width:105px;
	height:32px;
	font-size:16px;
	letter-spacing:1px;
	cursor: pointer;
	margin-top: 10px;
}

.search_table input[type=button]{
	margin-right: 20px;
}

.search_table td input[type=text].error{
	border: 1px solid #f00;
	outline:none;
	opacity:0.65;
	position:relative;
}

.search_table td select.error{
	border: 1px solid #f00;
}

.search_table td label.error{
	display: none !important;
}

.search_result{
	width:600px;
	margin-right: 20px;
	max-height: 1400px;
	display:block;
	position:relative;
}

.result_view{
	width: 840px;
	margin: 0;
	overflow:hidden;
	overflow-y:hidden;
	overflow-x:scroll;
}
	
	.result_view .search_result_table thead{
		position: absolute;
		top: 7px;
		left: 0;
	}

	.result_view .search_result_table tbody{
		margin-top: 40px;
	}

	.result_view .search_result_table td, 
	.result_view .search_result_table th{
		min-width: 125px;
	}

.search_result_table{
	white-space:nowrap;
	padding:30px 0;
}

.search_result_table th, .search_result_table td{
	padding: 5px 10px;
	min-width: 99px;
	border-right: 1px solid #fff;
	white-space: nowrap;
}

.search_result_table th{
	background-color:#dfdfdf;
	font-size:14px;
}

.search_result_table td{
	font-size:13px;
	text-align:center;
}

.search_result_table tbody tr:nth-child(even){
	background:#f6f6f6;
}

.search_result_table tbody tr:hover{
	background-color:#e8e8e8;	
}

.search_result a{
	color: #00e;
}

.search_result a:hover{
	color: #000078;
}

.search__pagination{
	text-align:right;
	padding:5px 0;
	font-size:13px;
	color:#888;
	position:absolute;
	right:0;
	z-index:9999;
}

.search__pagination a{
	color:#888;	
	text-decoration:none;
	padding:0 3px;
}

.search__pagination a:hover{
	color:#333;	
}

.search__pagination .current{
	border:1px solid #000;	
	padding:0 3px;
	color:#000;
}

.search_table_en tr td{
	font-size:12px;
}

.search_pic{
	margin-top: 5px;
}

.white_bg {
	background-color:#fff;
	}
	
.gray_bg {
	background-color:#eeeee;
}

.td_style_1 {
	line-height:23px;
	word-wrap:break-word;
	word-break:normal;
	font-size:12px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
}

.td_style_2 {
	word-wrap:break-word;
	word-break:normal;
	font-size:13px;
	padding-right:10px;
}

.td_style_3 {
	padding:10px 0 10px 0;
	line-height:23px;
	word-wrap:break-word;
	word-break:normal;
	font-size:13px;
	padding-right:10px;
}

.td_style_4 {
	word-wrap:break-word;
	word-break:normal;
	font-size:12px;
	padding-right:10px;
}

#loading{
	position: fixed;
	margin: auto;
	top: 0;left: 0;
	bottom: 0;right: 0;
	width: 32px;height: 32px;
	z-index: 99999;
	display: none;
}

.member2_form input[type=text], 
.member2_form input[type=text].error, 
.member2_form input[type=password], 
.member2_form input[type=password].error {
	float: left;
}

.member2_form label.error{
	float: left;
	display: block;
	margin-left: 5px;
}

.star{
	font-size: 14px;
	color: #f00;
	font-weight: bold;
}