@charset "utf-8";
#primary {
    width: 7px;
    margin: 0px auto 20px auto;
    line-height: 20px;
    position: relative;
}
select{
	height:27px;
	background:#ececec;
	border:1px solid #d9d9d9;
	font-size:14px;
	color:#333;
	padding:5px;
}
input{
	font-size:14px;
	border:1px solid #d9d9d9;
}
textarea{
	height:100px;
	font-size:14px;	
	border:1px solid #d9d9d9;
}
#contact_body{
	font-family:font-family: Microsoft JhengHei, PMingliu, Verdana, MSJH, Arial;
	font-size:14px;	
	width:1020px;
	margin:0px auto;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #eeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #cccccc;
/*
	background-image:  url(/../images/ti_body_shadow_1x48.png); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: left top;
*/
	padding:0px;
}
.contact_bg_top{
	background:url(/../images/about/about_contact_top.png) left top no-repeat;
	width:950px;
	height:7px;
	margin:0px auto;;
}
.contact_bg_center{
	background:url(/../images/about/about_contact_center.png) left top repeat-y;
	width:950px;  
	margin:0px auto;
}
.contact_bg_bottom{
	background:url(/../images/about/about_contact_bottom.png) left bottom no-repeat;
	width:950px;
	height:55px;
    min-height:70px;
    height:auto !important;
    height:70px;
}
.contact_bg_bottom:after{
    contact_body: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contact_contant{	
	padding:0 0 15px 50px;
	color:#000000;
}

.contact_bg_bottom h3{
	background:url(/../images/about/pen.png) 13px top no-repeat;
/***	color:#999; ***/
	color:#747474;
	padding:10px 0 10px 55px;
	margin:0;
	font-size:16px;
	height:20px;
}

.contact_contant p{
	margin:0 0 10px 0;
	padding:0;
	
}
.contact_left_text{
	width:150px;
	float:left;
	display:block;
	text-align:right;
	margin-right:10px;
	padding-top:2px;
}
.width_80{
	width:80px;
}

.width_128{
	width:128px;
}

.width_235{
	width:235px;
}
.width_490{
	width:490px;
}
.width_170{
	width:170px;
}
.background_ececec{
	background:#ececec;
	border:1px solid #d9d9d9;
}
.button_right{
	text-align:right;
	clear:both;
	margin-right:130px;
	padding-bottom:10px;
}

.note_text{
	display:block;
	float:left;
	color:	#999999;
	font-size:11px;
	height:25px;
	line-height:25px;
	margin-left:10px;
	width:370px;
	overflow:hidden;
}

#contact_body .sp_select{
	float:left;	
}

#contact_body p {
	clear:both;	
}

#create_barcode_btn {
	margin:0px 0px 10px 160px;	
	
}

#barcore_area {
	#border:1px solid #999;
	padding:10px;
	/*width:153px;
	height:91px;*/
	margin:0px 0px 10px 160px;
}

.sp_input_text_style{
	float:left;	
}
	#subscribe_table{
		font-family:Verdana;
		font-size:13px;
		color:#666;
	}
	
	#subscribe_table td {
		padding:5px;	
	}
	
	#subscribe_table div{
		color:#fe9102;
		font-size:21px;	
	}
	
	#subscribe_table img {
		margin-left:40px;	
	}
	
	#login_form {
		background:url(/../images/about/login_bg.png);
		width:429px;
		height:188px;
		margin:0px auto;
		position:relative;
	}
	
	#login_form table {
		position:absolute;
		top:15px;
		left:20px;	
	}
	
	#login_form > a {
		position:absolute;
		top:80px;
		right:10px;	
	}



/*** @charset "utf-8"; ***/
.sp_selecter4 ul, .sp_selecter4 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
.sp_selecter4 ,
.sp_selecter4 > div.main_part {
	height:25px;
}
.sp_selecter4 > div.main_part {	
	z-index:10;	
	background: url(/../images/about/style4.png)
}

.sp_selecter4 div.left,
.sp_selecter4 div.right{
	position:absolute;
	top:0px;	
	width:11px;	
}

.sp_selecter4 {
	position:relative;
	z-index: 1;
	cursor: pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	
}
.sp_selecter4 div.left {
		
	background-position: 0px 0px;
	left:0px;
}
/*
.sp_selecter4.this div.left {
	background-position:  0px 0px ;	
	
}
*/

.sp_selecter4 div.center {	

	line-height:25px;	
	overflow:hidden;
	font-size:14px;
/***	color: #747474; ***/
	color: #333333;
	padding:0px 5px;
  	background-position: 0px -25px;
	background-repeat:repeat-x;
	margin:0px 11px;
	position:relative;
	z-index:10;	
	/*text-align:center;*/
	
}

.sp_selecter4 div.right {
	background-position: -11px 0px ;	
	cursor: pointer;
	right: 0px;
	
	
}
/*
.sp_selecter4.this div.right {
	background-position:  -11px 0px ;	
}
*/
.sp_selecter4 > .select_listdata_area {
	position:absolute;
	left:10px;
	top:0px;
	/*border:solid 1px #DDDDDD;
	border-top:0px;	*/
	overflow:visible;
	border-right:1px solid #d9d9d9;	
	border-left:1px solid #d9d9d9;	
	
	z-index:1;
	background:#f6f6f6;
	background-color:#ececec;
}

.sp_selecter4 > .select_listdata_area > ul {
	overflow:auto;	
}

.sp_selecter4 > .select_listdata_area li {	
	color:#747474;
	font-size:13px;	
	text-align:left;
	padding:5px 0px;
	position:relative;
	z-index:5;
	
	
}

.sp_selecter4 > .select_listdata_area li:hover {
	color:#fff;	
	background-color:#a50926;
}

/*footer*/
.sp_selecter4 .select_footer{
	position:absolute;
	left:0px;
	bottom:-10px;
	height:13px;
	padding:0px;
	background:transparent;	
	z-index:4;
	
}

.sp_selecter4 .select_footer:hover{
		background:transparent;	
}

.sp_selecter4 .select_footer > div {
	background:url(/../images/about/style4.png);
	height:13px;	
}

.sp_selecter4 .select_footer .footer_left{
	background-position: 0px -12px;
	position:absolute;
	left:-1px;
	top:0px;
	width:11px;	
}

.sp_selecter4 .select_footer .footer_right{
	position:absolute;
	background-position:-11px -12px;
	right:-1px;
	top:0px;
	width:11px;
}

.sp_selecter4 .select_footer .footer_center{
	background-position: 0px -37px;
	background-repeat:repeat-x;
	margin:0px 10px;
	
}


.sp_selecter4 .select_arrow{
	background:url(/../images/about/style4.png) 0px -53px;
	position:absolute;
	width:10px;
	height:8px;
	top:9px;
	right:10px;
	z-index:50;	
	
}

.sp_selecter4.this .select_arrow{
	top:7px;
	width:8px;
	height:10px;
	background-position: -12px -53px;	
}

/*** Contact Botton 
@charset "utf-8";
***/


.sp_input_text_style,
	  .sp_input_text_style * {
			padding:0px;
			margin:0px; 
			
	  }
	
    .sp_input_text_style {
       display:inline-block;
       *display:inline;
       zoom:1;
       position:relative; 
	   width:auto;
	   height:auto;
    }
    
    .sp_input_text_style > div {
        position:absolute;
        background:url(/../images/about/style.png);
        width:11px;
        height:22px;
        top:0px;
		*top:1px;
          
    }
    
    .sp_input_text_style > input {
       border:none;
       background:url(/../images/about/style.png) repeat-x 0px -22px transparent;
       height:22px;
       margin:0px 11px;
	   line-height:22px; 
	    
    }
    
    .sp_input_text_style > .right{
        background-position:-11px 0px;
        right:0px;   
    }

/*** Contact Botton 
@charset "utf-8";
***/
	
.sp_textarea_type{
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	margin:11px;	
	line-height:0px;
}
.sp_textarea_type > textarea{
	border:none;
	background:#ececec;	
	margin:0px;
	*margin:-1px;
	padding:0px;
	resize:none;
}

.sp_textarea_type > .sp_textarea_top ,
.sp_textarea_type > .sp_textarea_top *,
.sp_textarea_type > .sp_textarea_bottom ,
.sp_textarea_type > .sp_textarea_bottom * {
	position:absolute;
	background:url(/../images/about/style.png);
	height:11px;
}
/*top*/
.sp_textarea_type > .sp_textarea_top{
	width:100%;
	background-position: 0px -22px;	
	top:-11px;
}

.sp_textarea_type > .sp_textarea_top > div {
	top:0px;	
	width:11px;
}

.sp_textarea_type > .sp_textarea_top > .sp_textarea_top_left {
	left:-11px;
}

.sp_textarea_type > .sp_textarea_top > .sp_textarea_top_right{
	right:-11px;
	background-position:-11px 0px;	
}

/*bottom*/
.sp_textarea_type > .sp_textarea_bottom{
	width:100%;
	background-position: 0px -33px;	
	bottom:-11px;
}

.sp_textarea_type > .sp_textarea_bottom > div {
	top:0px;	
	width:11px;
}

.sp_textarea_type > .sp_textarea_bottom > .sp_textarea_bottom_left {
	left:-11px;
	background-position:0px -11px;	
}

.sp_textarea_type > .sp_textarea_bottom > .sp_textarea_bottom_right{
	right:-11px;
	background-position:-11px -11px;	
}

/*left and right*/

.sp_textarea_type > .sp_textarea_left,
.sp_textarea_type > .sp_textarea_right {	
	width:11px;
	height:100%;
	background:url(/../images/about/style_border.png);
	position:absolute;
}

.sp_textarea_type > .sp_textarea_left {
	left:-11px;		
}

.sp_textarea_type > .sp_textarea_right{
	right:-11px;
	background-position:-11px 0px;	
}


/*** Contact Botton 
@charset "utf-8";
***/
.sp_botton2 {
	display: inline-block;
	*display:inline;
	zoom: 1;
	text-decoration: none;
	background:none;
	border:none;
	margin:0px;
	padding:0px;
	
}

a.sp_botton2:hover {
	text-decoration: none
}

.sp_botton2 > div{
	background:url(/../images/about/botton_style_2.png);	
	height:22px;
	marign:0px;
	padding:0px;
	display:block;
	
}

.sp_botton2 >.sp_bottons_left
,.sp_botton2 > .sp_bottons_right{
	position:absolute;
	width:13px;
	top:0px;	
}

.sp_botton2 > .sp_bottons_left {
	left:0px;
	background-position:0px 0px;
		
}

.sp_botton2 > .sp_bottons_right{
	right:0px;
	background-position:-13px 0px;
}

.sp_botton2 >.sp_bottons_center{
	margin: 0px 13px;
	background-position: 0px -22px;
	background-repeat: repeat-x;
	white-space: nowrap;
	font-size:14px;
	color:#FFF;	
	line-height:18px;
	text-align:center;	
}

.sp_botton2:hover > .sp_bottons_left{
	background-position:0px -44px;
}

.sp_botton2:hover > .sp_bottons_right{
	background-position:-13px -44px;
	
}

.sp_botton2:hover > .sp_bottons_center{
	background-position: 0px -66px;
}

.globle_btnx {
    cursor: pointer;
    background-color: #333;        /* 淺黑色 */
    color: #fff;                   /* 白色字 */
    border: none;                  /* 移除邊框 */
    border-radius: 999px;          /* 超圓角（膠囊形） */
    padding: 5px 20px;             /* 控制高度與寬度 */
    font-size: 14px;
    letter-spacing: 4px;           /* 字間距（取代  ） */
}

/* 滑鼠移上去效果（加分） */
.globle_btnx:hover {
    background-color: #555;
}