@charset "utf-8";

/*input的btn*/
input.btn_bg1, input.btn_bg2, input.btn_bg3, input.btn_bg4 {
	font-size: 11px;
	color: #FFFFFF;
	height: 25px;
	border: none;
}
.btn_bg1 {
	background: url(icon/btn_bg1.gif) repeat-x;
}
a.btn_bg1 {
    display:block;
    height:25px;
    width:64px;
    float:left;
    text-align:center;
    margin-left:5px;
    color:#FFFFFF;
    font-size:11px;
}
.btn_bg2 {
	background: url(icon/btn_bg2.gif) repeat-x;
}
.btn_bg3 {
	background: url(icon/btn_bg3.gif) repeat-x;
}
.btn_bg4 {
	background: url(icon/btn_bg4.gif) repeat-x;
}

.page1 {
	font-size: 11px;
	height: 20px;
	width: 40px;
	padding: 2px 7px 4px 7px;
	margin: 3px 0px 0px 10px;
	border: none;
	background: url(icon/btn_page1.gif) no-repeat 0px 0px;
	display: block;
	float: left;
	text-align: center;
}
.page1:hover {
	color: #7030A0;
}
.page2 {
	font-size: 0px;
	height: 20px;
	width: 20px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	border: none;
	cursor: pointer;
	line-height: 80px;
	overflow: hidden;
	display: inline;
	background: url(icon/btn_page2.gif) no-repeat 0px 0px;
}

input.btn-alter, input.btn-renew, input.btn-delete {
	line-height: 100px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	height: 16px;
	width: 17px;
	border: 0px;
	cursor: pointer;
}
input.btn-alter {
	background: url(icon/btn-alter.gif) no-repeat;
}
input.btn-alter:hover {
	background: url(icon/btn-alter.gif) no-repeat 0px -16px;
}
input.btn-renew {
	background: url(icon/btn-renew.gif) no-repeat;
}
input.btn-renew:hover {
	background: url(icon/btn-renew.gif) no-repeat 0px -16px;
}
input.btn-delete {
	background: url(icon/btn-delete.gif) no-repeat;
}
input.btn-delete:hover {
	background: url(icon/btn-delete.gif) no-repeat 0px -16px;
}

/*黑色內文btn*/
.btn1-more, .btn1-top, .btn1-back {
	height: 15px;
	width: 40px;
	margin-top: 4px;
	line-height: 50px;
	display: inline-block;
	float: right;
	overflow: hidden;
}
.btn1-more {
	background: url(icon/btn1-more.gif) no-repeat 0px 0px;
}
.btn1-more:hover {
	background: url(icon/btn1-more.gif) no-repeat 0px -15px;
}
.btn1-top {
	background: url(icon/btn1-top.gif) no-repeat 0px 0px;
}
.btn1-top:hover {
	background: url(icon/btn1-top.gif) no-repeat 0px -15px;
}
.btn1-back {
	background: url(icon/btn1-back.gif) no-repeat 0px 0px;
}
.btn1-back:hover {
	background: url(icon/btn1-back.gif) no-repeat 0px -15px;
}

/*h5圖示標題-橘色圓矩底*/
h4.stitle1_hot {
	background: url(icon/stitle1_hot.gif) no-repeat;
}
h4.stitle1_ten {
	background: url(icon/stitle1_ten.gif) no-repeat;
}
h4.stitle1_industry_news {
	background: url(icon/stitle1_industry_news.gif) no-repeat;
}
h4.stitle1_technical_articles {
	background: url(icon/stitle1_technical_articles.gif) no-repeat;
}
h4.stitle1_publications {
	background: url(icon/stitle1_publications.gif) no-repeat;
}
h4.stitle1_open {
	background: url(icon/stitle1_open.gif) no-repeat;
}
h4.stitle1_join {
	background: url(icon/stitle1_join.gif) no-repeat;
}
h4.stitle1_adv {
	background: url(icon/stitle1_adv.gif) no-repeat;
}
h4.stitle1_faq {
	background: url(icon/stitle1_faq.gif) no-repeat;
}
h4.stitle1_post {
	background: url(icon/stitle1_post.gif) no-repeat;
}
h4.stitle1_po {
	background: url(icon/stitle1_po.gif) no-repeat;
}
h4.stitle1_re {
	background: url(icon/stitle1_re.gif) no-repeat;
}
h4.stitle1_check1 {
	background: url(icon/stitle1_check1.gif) no-repeat;
}
h4.stitle1_check2 {
	background: url(icon/stitle1_check2.gif) no-repeat;
}
h4.stitle1_check3 {
	background: url(icon/stitle1_check3.gif) no-repeat;
}
h4.stitle1_check4 {
	background: url(icon/stitle1_check4.gif) no-repeat;
}
h4.stitle1_check5 {
	background: url(icon/stitle1_check5.gif) no-repeat;
}
h4.stitle1_member1 {
	background: url(icon/stitle1_member1.gif) no-repeat;
}
h4.stitle1_member2 {
	background: url(icon/stitle1_member2.gif) no-repeat;
}
h4.stitle1_member3 {
	background: url(icon/stitle1_member3.gif) no-repeat;
}
h4.stitle1_survey {
	background: url(icon/stitle1_survey.gif) no-repeat;
}
h4.stitle1_points {
	background: url(icon/stitle1_points.gif) no-repeat;
}
h4.stitle1_ordered {
	background: url(icon/stitle1_ordered.gif) no-repeat;
}
h4.stitle1_payment1 {
	background: url(icon/stitle1_payment1.gif) no-repeat;
}
h4.stitle1_payment2 {
	background: url(icon/stitle1_payment2.gif) no-repeat;
}
h4.stitle1_buylist {
	background: url(icon/stitle1_buylist.gif) no-repeat;
}
h4.stitle1_points1 {
	background: url(icon/stitle1_points1.gif) no-repeat;
}
h4.stitle1_points2 {
	background: url(icon/stitle1_points2.gif) no-repeat;
}
h4.stitle1_processes {
	background: url(icon/stitle1_processes.gif) no-repeat;
}
h4.stitle1_supplier {
	background: url(icon/stitle1_supplier.gif) no-repeat;
}
h4.stitle1_supplier1 {
	background: url(icon/stitle1_supplier1.gif) no-repeat;
}
h4.stitle1_supplier2 {
	background: url(icon/stitle1_supplier2.gif) no-repeat;
}
h4.stitle1_supplier3 {
	background: url(icon/stitle1_supplier3.gif) no-repeat;
}
h4.stitle1_supplier4 {
	background: url(icon/stitle1_supplier4.gif) no-repeat;
}
h4.stitle1_supplier5 {
	background: url(icon/stitle1_supplier5.gif) no-repeat;
}
h4.stitle1_supplier6 {
	background: url(icon/stitle1_supplier6.gif) no-repeat;
}
h4.stitle1_supplier7 {
	background: url(icon/stitle1_supplier7.gif) no-repeat;
}
h4.stitle1_supplier8 {
	background: url(icon/stitle1_supplier8.gif) no-repeat;
}
h4.stitle1_supplier9 {
	background: url(icon/stitle1_supplier9.gif) no-repeat;
}
h4.stitle1_store1 {
	background: url(icon/stitle1_store1.gif) no-repeat;
}
h4.stitle1_store2 {
	background: url(icon/stitle1_store2.gif) no-repeat;
}
h4.stitle1_store3 {
	background: url(icon/stitle1_store3.gif) no-repeat;
}
h4.stitle1_product {
	background: url(icon/stitle1_product.gif) no-repeat;
}
/*h5圖示標題-不規則墨水底*/
h4.stitle2_flash {
	background: url(icon/stitle2_flash.gif) no-repeat;
}
h4.stitle2_intro {
	background: url(icon/stitle2_intro.gif) no-repeat;
}
h4.stitle2_hint {
	background: url(icon/stitle2_hint.gif) no-repeat;
}
h4.stitle2_situation {
	background: url(icon/stitle2_situation.gif) no-repeat;
}
h4.stitle2_booking {
	background: url(icon/stitle2_booking.gif) no-repeat;
}
h4.stitle2_join1 {
	background: url(icon/stitle2_join1.gif) no-repeat;
}
h4.stitle2_join2 {
	background: url(icon/stitle2_join2.gif) no-repeat;
}
h4.stitle2_contact {
	background: url(icon/stitle2_contact.gif) no-repeat;
}
h4.stitle2_accounts {
	background: url(icon/stitle2_accounts.gif) no-repeat;
}
h4.stitle2_points {
	background: url(icon/stitle2_points.gif) no-repeat;
}
h4.stitle2_shopping {
	background: url(icon/stitle2_shopping.gif) no-repeat;
}
h4.stitle2_supplier1 {
	background: url(icon/stitle2_supplier1.gif) no-repeat;
}
h4.stitle2_supplier2 {
	background: url(icon/stitle2_supplier2.gif) no-repeat;
}
/*內文其他btn*/
.btn2-shopping, .btn2-detail, .btn2-home, .btn2-file, .btn2-company {
	height: 20px;
	line-height: 60px;
	display: block;
	float: left;
	overflow: hidden;
}
.btn2-shopping {
	width: 115px;
	background: url(icon/btn2-shopping.gif) no-repeat left 0px;
}
.btn2-shopping:hover {
	background: url(icon/btn2-shopping.gif) no-repeat left -20px;
}
.btn2-detail {
	width: 100px;
	background: url(icon/btn2-detail.gif) no-repeat left 0px;
}
.btn2-detail:hover {
	background: url(icon/btn2-detail.gif) no-repeat left -20px;
}
.btn2-home {
	width: 100px;
	background: url(icon/btn2-home.gif) no-repeat left 0px;
}
.btn2-home:hover {
	background: url(icon/btn2-home.gif) no-repeat left -20px;
}
.btn2-file {
	width: 100px;
	background: url(icon/btn2-file.gif) no-repeat left 0px;
}
.btn2-file:hover {
	background: url(icon/btn2-file.gif) no-repeat left -20px;
}
.btn2-company {
	width: 100px;
	background: url(icon/btn2-company.gif) no-repeat left 0px;
}
.btn2-company:hover  {
	background: url(icon/btn2-company.gif) no-repeat left -20px;
}
.btn2-receipt1, .btn2-receipt2, .btn2-receipt3, .btn2-receipt4 {
	height: 20px;
	width: 60px;
	line-height: 60px;
	margin: 0px auto;
	display: block;
	overflow: hidden;
}
.btn2-receipt1 {
	background: url(icon/btn2-receipt1.gif) no-repeat center top;
}
.btn2-receipt2 {
	background: url(icon/btn2-receipt2.gif) no-repeat center top;
}
.btn2-receipt3 {
	background: url(icon/btn2-receipt3.gif) no-repeat center top;
}
.btn2-receipt4 {
	background: url(icon/btn2-receipt4.gif) no-repeat center top;
}
/*群組icon組*/
.icon_product1, .icon_product2, .icon_product3, .icon_product4, .icon_product5, .icon_store1, .icon_store2, .icon_store3, .icon_store4, .icon_store5, .icon_supplier1, .icon_supplier2, .icon_supplier3, .icon_supplier4 {
	height: 20px;
	width: 65px;
	line-height: 60px;
	display: block;
	float: left;
	overflow: hidden;
}
.icon_product1 {
	background: url(icon/icon_product1.gif) no-repeat left top;
}
.icon_product2 {
	background: url(icon/icon_product2.gif) no-repeat left top;
}
.icon_product3 {
	background: url(icon/icon_product3.gif) no-repeat left top;
}
.icon_product4 {
	background: url(icon/icon_product4.gif) no-repeat left top;
}
.icon_product5 {
	background: url(icon/icon_product5.gif) no-repeat left top;
}
.icon_store1 {
	background: url(icon/icon_store1.gif) no-repeat left top;
}
.icon_store2 {
	background: url(icon/icon_store2.gif) no-repeat left top;
}
.icon_store3 {
	background: url(icon/icon_store3.gif) no-repeat left top;
}
.icon_store4 {
	background: url(icon/icon_store4.gif) no-repeat left top;
}
.icon_store5 {
	background: url(icon/icon_store5.gif) no-repeat left top;
}
.icon_supplier1 {
	background: url(icon/icon_supplier1.gif) no-repeat left top;
}
.icon_supplier2 {
	background: url(icon/icon_supplier2.gif) no-repeat left top;
}
.icon_supplier3 {
	background: url(icon/icon_supplier3.gif) no-repeat left top;
}
.icon_supplier4 {
	background: url(icon/icon_supplier4.gif) no-repeat left top;
}
/*討論版icon組*/
.icon_post1, .icon_post2, .icon_post3, .icon_post4, .icon_post5 {
	height: 15px;
	width: 35px;
	line-height: 60px;
	display: block;
	float: left;
	overflow: hidden;
}
.icon_post1 {
	background: url(icon/icon_post1.gif) no-repeat left top;
}
.icon_post2 {
	background: url(icon/icon_post2.gif) no-repeat left top;
}
.icon_post3 {
	background: url(icon/icon_post3.gif) no-repeat left top;
}
.icon_post4 {
	background: url(icon/icon_post4.gif) no-repeat left top;
}
.icon_post5 {
	background: url(icon/icon_post5.gif) no-repeat left top;
}
/*橫向icon-Step樣式*/
.icon_step {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 5px 5px;
	height: 20px;
	line-height: 20px;
}
.icon_step li {
	padding: 0px 8px 0px 22px;
	float: left;
	display: block;
	color: #FF9900;
}
.icon_step li strong {
	color: #FF6600;
}
.icon_step li a {
	color: #FF9900;
	text-decoration: underline;
}
.icon_step li.icon_step1 {
	background: url(icon/icon_step1.gif) no-repeat left top;
}
.icon_step li.icon_step2 {
	background: url(icon/icon_step2.gif) no-repeat left top;
}
.icon_step li.icon_step3 {
	background: url(icon/icon_step3.gif) no-repeat left top;
}
.icon_step li.icon_step4 {
	background: url(icon/icon_step4.gif) no-repeat left top;
}
.icon_step li.icon_step5 {
	background: url(icon/icon_step5.gif) no-repeat left top;
}
/*橫向icon-menu樣式*/
.icon_menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.icon_menu li {
	padding: 0px;
	margin: 0px 5px 0px 0px;
	float: left;
	display: block;
}
.icon_menu li a {
	height: 20px;
	width: 58px;
	line-height: 100px;
	display: block;
	overflow: hidden;
}
.icon_menu li.icon_menu1 a {
	background: url(icon/icon_menu1.gif) no-repeat 0px 0px;
}
.icon_menu li.icon_menu2 a {
	background: url(icon/icon_menu2.gif) no-repeat 0px 0px;
}
.icon_menu li.icon_menu3 a {
	background: url(icon/icon_menu3.gif) no-repeat 0px 0px;
}
.icon_menu li.icon_menu1 a:hover, .icon_menu li.icon_menu2 a:hover, .icon_menu li.icon_menu3 a:hover {
	background-position: left -20px;
}