@charset "utf-8";

/* ---------------------------------------------------
Site Name: 亞葳數位媒體有限公司
Site URI: www.asiaway.com.tw
Description: 
Version: v3.0
Author: kerwin
Updated: 2013-08-09
Updated by: kerwin

Updated: 反白設定
--------------------------------------------------- 
WIDTH: 
Wrapper: 100%;
Wrap: 1003px;
Container: 1003x;
Page-con: ;
--------------------------------------------------- */

/* LAYOUT CLASS
--------------------------------------------------------------------------------
全域&專用
主架構
index - 首頁設定
頁面標題
dec - 裝飾圖片
page - 頁面設定
plus layout - 組件設定
--news form - 最新消息
--contact form - 聯絡表單
-------------------------------------------------------------------------------- */


/* 全域&專用
-------------------------------------------------------------------------------- */
#page-about{  }
#page-news{  }
#page-products{  }
#page-stores{  }
#page-join{  }
#page-contact{  }

.mt0{ margin-top: 0px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mb0{ margin-bottom: 0px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.vtt{ vertical-align: top; }
.en-span{ clear: left; display: block; display: none; }
.enSection{ /*clear: left; display: block;*/ font-family: "微軟正黑體"; } /* 英文段落 */
	.enSection .enSection-h3{ margin-top: 20px; margin-bottom: 11px; }
	.enSection p{ margin-bottom: 8px; line-height: 16px; font-size: 12px; }

	.txt-black{ color: #000; }
	.txt-gray{ color: #666; }
	.txt-lightGreen{ color: #30B4AD; }

	/* about set */
	.about-011-con .enSection .enSection-p{ width: 100%; }
	.about-011-con .media-body .enSection p{ font-weight: normal; color: #000; line-height: 20px; }
	/* about_03 set */
	.about-031-con .enSection .enSection-p{ width: 100%; }
	.about-031-con .services-list .enSection{ padding-left: 18px; font-size: 12px; line-height: 14px; margin-top: 5px; }


/* 主架構
-------------------------------------------------------------------------------- */
/*body{  }*/
.home #wrapper{ background: url(../images/index/index_bg.jpg) repeat-x center 0; }
.page #wrapper{ background: url(../images/comm/body-bg.jpg) repeat-x center 0; }
	/*#wrap{  }*/	
	
		/*#header{  }*/
			#header-wrap {
				width: 1003px;
				margin: 0 auto;
				height: 144px;
				}
				
				#topNav{ width: 975px; height: 75px; float: left; }
					.logo{
						width: 209px; height: 25px;
						float:left;
						margin: 22px 0 0 36px;
						background:url(../images/comm/logo.png) no-repeat;
						}
					#topNav .list{ float: right; text-align: right; margin: 28px 15px 0 0; }
					#topNav .list li{ padding: 0; }
					#topNav .list li.dot{
						color: #859092;
						width: 10px;
						padding: 0 3px 0 0;
						margin: 0;
					}
					#topNav .list li.tn-mycar{ margin: 0 5px; }
					#topNav .list em{ margin: 0 3px; font-weight: bold; }
					#topNav a{
						display: inline-block;
						vertical-align: middle;
						zoom: 1; /* Fix for IE7 */
						*display: inline; /* Fix for IE7 */
					}
						#topNav a.tn{ width: 49px; height: 12px; float: left; vertical-align: middle; }
						#topNav .tn-member{ background: url(../images/comm/tn-member.png) no-repeat 0 0; }
						#topNav .tn-products{ background: url(../images/comm/tn-products.png) no-repeat 0 0; }
						#topNav .tn-contact{ background: url(../images/comm/tn-contact.png) no-repeat 0 0; }

						#topNav .lang-link{ float: left; background: url(../images/comm/tn-lang.png) no-repeat 0 0; width: 59px; height: 15px; margin-left: 10px; }
				#mainNav{
						width:  980px;
						height: 68px;
						margin-top: 19px;
						/*float: left;*/
						position: relative;
						overflow: hidden;
						margin: 0 auto;
						}
					#mainNav ul li{
						padding: 0; float: left;
					}
					#mainNav ul li a{
						display: inline-block;
						vertical-align: top;
						zoom: 1; /* Fix for IE7 */
						*display: inline; /* Fix for IE7 */
						height: 61px;
						float: left;
						}

						#mainNav ul li #mn-about{ background: url(../images/comm/mn-about.png) no-repeat 29px 18px; width: 172px;  }
						#mainNav ul li #mn-news{ background: url(../images/comm/mn-news.png) no-repeat 19px 18px; width: 164px; }
						#mainNav ul li #mn-products{ background: url(../images/comm/mn-products.png) no-repeat 17px 18px; width: 161px; }
						#mainNav ul li #mn-knowledge{ background: url(../images/comm/mn-knowledge.png) no-repeat 15px 18px; width: 160px; }
						#mainNav ul li #mn-brands{ background: url(../images/comm/mn-brands.png) no-repeat 17px 18px; width: 162px; }
						#mainNav ul li #mn-contact{ background: url(../images/comm/mn-contact.png) no-repeat 18px 18px; width: 156px; }
		
			.banner{ width: 975px; height: 228px; margin: 0 auto; background: url(../images/comm/banner_bg.jpg) no-repeat; }
		
		.page #main{  margin-bottom: 38px; }
			.home #main-wrap{ min-height: 797px; }
			.page #main-wrap{
				width: 1003px;
				margin: 0 auto;
				min-height: 500px;
				/*overflow:hidden;*/
				background: url(../images/comm/main-wrap.png) no-repeat center -77px;
				}
				#leftBar { float:left; width: 209px; margin-left: 42px; }
					.subNav{
						width: 209px;
						min-height: 50px;
						font-size: 15px;
						font-family: 微軟正黑體;
						border-top: 1px solid #eee;
						border-bottom: 1px solid #eee;
						padding-top: 10px;
					}
						.subNav li{ border-bottom: 1px solid #eee; }
						.subNav a{
							display: inline-block;
							vertical-align: top;
							zoom: 1; /* Fix for IE7 */
							*display: inline; /* Fix for IE7 */
							width: 185px;
							background: url(../images/comm/subNav-arrow.png) no-repeat  10px 14px;
							padding: 8px 0 8px 24px;
						}
						.subNav .sn-02-nav{ display: none; }
						.subNav .sn-02-nav a{
							background: url(../images/comm/subNav-02-arrow.png) no-repeat  15px 14px;
							padding: 8px 0 8px 24px;
							text-decoration: none;
							color: #333;
						}
						.subNav .sn-02-nav a:hover{ background-color: #ccc; color: #fff; }
						.subNav .active > a{ background: url(../images/comm/subNav-arrow-active.png) no-repeat 10px 14px #E60013; color: #fff; }
						#page-overseas-pro .subNav .active > a{ background-color: #ccc; }
						#page-overseas-pro .subNav .active.active2 > a{ background-color: #E60013; }
						.subNav .sn-02-nav a.current{ color: #E60013; font-weight: bold; }

					.left_ad{ border-bottom: 1px solid #eee; }
					.hot_sale{ margin-top: 24px; }
						.hot_sale .tit{ background: url(../images/comm/hot_sale-tit.jpg) no-repeat; width: 101px; height: 14px; }

						.hot_sale > div{ margin-top: 18px; padding-top: 18px; position: relative; height: 267px; overflow: hidden; }
						
				#center {
					float:left; /*width: 700px;*/ width: 670px; padding-left: 35px; border-left: 1px solid #D9D9D9;
					min-height: 500px; margin-bottom: 30px;
				}
					/*.pageName-011-header &*/
					.page-header{ width: 100%; height: 30px;  }
					.page-con .tit{ width: 100%; float: left; }
					.page-header.btm-line, .tit.btm-line{ border-bottom: 1px solid #E60013; height: 36px; }
					.btm-line.btm-line-bold{ border-bottom: 3px solid #E60013; }
						.page-tit{ float: left; height: 25px; line-height: 25px; font-size: 25px; color: #E50013; font-family: 微軟正黑體; }
							.page-tit.sys-tit{ background: url(../images/products_02/h1-english-dec.png) no-repeat right 14px; padding-right: 62px; }
							.order-011-header .page-tit.sys-tit{ background: url(../images/order/h1-english-dec.png) no-repeat right 13px; padding-right: 75px; }
							#page-brands .page-tit.sys-tit{ background: url(../images/brands/h1-english-dec.png) no-repeat right 13px; padding-right: 38px; }

					.page-con{
						float: left;
						width: 100%;
						/*height: auto;*/
						/*background-color: red;*/
					}
						.page-con .page-h2{ color: #595757; }
						
		#footer{ border-top: 1px solid #eee; clear: both; }
			#footer-wrap{
				width: 1003px;
				margin: 0 auto;
				height: 92px;
				position:relative;
				}
				#footer-wrap .col1, #footer-wrap .col2{ margin-top: 19px }
				#footer-wrap .col1{ margin-left: 40px; }
				#footer-wrap .col2{ margin-right: 36px; }
				.footer-logo{
					display: block;
					width: 293px;
					height: 16px;
					background: url(../images/comm/footer_logo.jpg) no-repeat;
				}
				.address{ color: #B8B8B8 }

				#footer-nav{ text-align: right; margin: 0; }
					#footer-nav li{ padding: 0; margin-left: 2px; }
					#footer-nav li.line{ height: 11px; border-right: 1px solid #e9e9e9; }
					#footer-nav a{ display: inline-block; float: left; height: 11px; background-color: red; }
					#footer-nav a.fn-about{ width: 47px; background: url(../images/comm/fn-about.jpg) no-repeat 0 center; }
					#footer-nav a.fn-contact{ width: 55px; background: url(../images/comm/fn-contact.jpg) no-repeat 0 center; }
					#footer-nav a.fn-fb{ width: 49px; background: url(../images/comm/fn-fb.jpg) no-repeat 0 center; }

				#copyright{  }
					#dc{  }
					#cc{ color: #BABABA; font-size: 11px; }

				#fl_menu{
					position:absolute;
					top:100px; right: 0; /*margin-right: -540px;*/
					z-index:9999;
				}
				.groupbuy_btn{
					display: block;
					background: url(../images/comm/group_buy_btn.png) no-repeat; width: 69px; height: 160px;
				}



/* index
--------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */
.idx-header{ width: 1003px; margin: 0 auto; height: 49px; }
.idx-flash{ height: 495px; }

/* ad set */
.idx-banner-slogan{
    width: 334px;
    height: 74px;
    position: absolute;
    top: 24px;
    left: 338px;
    background: url(../images/index/idx-banner-slogan.png) no-repeat;
}

.idx-banner-items{
    position: absolute;
    /*border: 1px solid red;*/
    cursor: pointer;
}
.items1{
    width: 215px;
    height: 335px;
    top: 81px;
    left: 14px;
}
.items2{
    width: 170px;
    height: 251px;
    top: 118px;
    left: 236px;
}
.items3{
    width: 170px;
    height: 251px;
    top: 118px;
    left: 413px;
}
.items4{
    width: 170px;
    height: 251px;
    top: 118px;
    left: 591px;
}
.items5{
    width: 215px;
    height: 335px;
    top: 81px;
    left: 767px;
}
[class*="dec-"]{
    position: absolute;
}
.dec-peo1{ top: 396px; left: 197px; }
.dec-tree1{ top: 356px; left: 256px; }
.dec-peo2{ top: 352px; left: 365px; }
.dec-dove{ top: 306px; left: 369px; }
.dec-tree2{ top: 389px; left: 454px; }
.dec-peo3{ top: 383px; left: 559px; }
.dec-tree3{ top: 349px; left: 584px; }
.dec-peotree{ top: 357px; left: 610px; }
.dec-peo4{ top: 417px; left: 758px; }

.idx-info-box{ width: 975px; height: 195px; margin: 0 auto; overflow: hidden; }
	.idx-news{ width: 298px; height: 111px; margin: 27px 0 0 19px; float: left; }
		.idx-news h3.tit{
			position: relative; border-bottom: 2px solid #DC8C8B;
			width: 100%; height: 20px; *height: 30px;
			background: url(../images/index/news-h3.png) no-repeat 6px center;
		}
			.idx-news h3.tit .more_btn{
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				width: 29px;
				height: 6px;
				background: url(../images/comm/glyphicons-halflings.png) no-repeat -148px 0;
				position: absolute;
				right: 4px;
				bottom: 5px;
			}

		.idx-news .list li{ border-bottom: 1px solid #F5F5F5; padding-right: 8px; padding-left: 6px; float: left; }
			.idx-news .list li, .idx-news .list li a{ color: #333; font-weight: normal; }
			
			.idx-news .list li span{
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				padding: 6px 0;
			}
			.idx-news .list li .tit{ width: 195px; float: left; }
			.idx-news .list li .date{ float: right; font-family: arial; letter-spacing: -1px; }


	.idx-buyinfo{ border: 1px solid #D7D7D7; width: 621px; height: 119px; float: left; margin-top: 30px; *margin-top: 42px; margin-left: 17px; }
		.idx-buyinfo .idx-searbox{
			margin: 17px 0 0 19px;
			width: 339px; height: 54px;
			padding: 33px 0 0 0;
			background: url(../images/index/idx-search-box-bg.jpg) no-repeat right 0;
		}
		.idx-searbox .sarch-link{
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			width: 37px; height: 26px; background: url(../images/comm/glyphicons-halflings.png) no-repeat -177px 0;
		}
		.idx-searbox .search-box-input{
			border: 0; padding: 0;
			width: 249px; height: 25px;
			padding: 0 5px;
			margin-right: 5px;
			background: url(../images/index/search-box-input-bg.png) no-repeat 0 0;
			outline: none;
		}

		.idx-searbox .keyword{ margin: 0 0 0 5px; }
			.idx-searbox .keyword small{
				display: inline-block; margin-left: -5px;
				font-size:11px; -webkit-transform:scale(0.91);
			}
			.idx-searbox .keyword a{ font-weight: normal; }

		.idx-question{ margin-top: 15px; }


/*頁面標題
-------------------------------------------------------------------------------- */
.about-011-header .page-tit{ background: url(../images/about/page-tit.png) no-repeat; width: 204px; }
.about-021-header .page-tit{ background: url(../images/about_02/page-tit.png) no-repeat; width: 204px; }
.about-031-header .page-tit{ background: url(../images/about_03/page-tit.png) no-repeat; width: 204px; }
.about-041-header .page-tit{ background: url(../images/about_04/page-tit.png) no-repeat; width: 170px; }

/*海外專區*/
.about-111-header .page-tit{ background: url(../images/overseas_about/page-tit.png) no-repeat; width: 225px; }
.consultant-111-header .page-tit{ background: url(../images/overseas_consultant/page-tit.png) no-repeat; width: 268px; }
.contact-111-header .page-tit{ background: url(../images/overseas_contact/page-tit.png) no-repeat; width: 138px; }
.pro-121-header .page-tit{ background: url(../images/overseas_pro/page-tit.png) no-repeat; width: 283px; }


.news-011-header .page-tit, .news-021-header .page-tit{ background: url(../images/news/page-tit.png) no-repeat; width: 134px; }
.products-011-header .page-tit{ background: url(../images/products/page-tit.png) no-repeat; width: 163px; }
.products-091-header .page-tit{ background: url(../images/products_search/page-tit.png) no-repeat; width: 208px; }
.stores-011-header .page-tit{}
.join-011-header .page-tit{}
.contact-011-header .page-tit{ background: url(../images/contact/page-tit.png) no-repeat; width: 187px; }

.knowledge-011-header .page-tit, .knowledge-021-header .page-tit, .knowledge-031-header .page-tit, .knowledge-022-header .page-tit{ background: url(../images/knowledge/page-tit.png) no-repeat; width: 171px; }

.apply-header .page-tit{ background: url(../images/apply/page-tit.png) no-repeat; width: 220px; }
.forgot-011-header .page-tit{ background: url(../images/forgot/page-tit.png) no-repeat; width: 216px; }
.forgot-021-header .page-tit{ background: url(../images/forgot2/page-tit.png) no-repeat; width: 244px; }
.login-011-header .page-tit{ background: url(../images/login/page-tit.png) no-repeat; width: 152px; }

.member-011-header .page-tit{ background: url(../images/member/page-tit.png) no-repeat; width: 163px; }
.member-right-header .page-tit{ background: url(../images/member_right/page-tit.png) no-repeat; width: 201px; }
.member-base-header .page-tit{ background: url(../images/member_base/page-tit.png) no-repeat; width: 289px; }
.member-order-header .page-tit{ background: url(../images/member_order/page-tit.png) no-repeat; width: 142px; }
.member-orderhistory-header .page-tit{ background: url(../images/member_orderhistory/page-tit.png) no-repeat; width: 244px; }
.member-tiro-header .page-tit, .member-shopping-header .page-tit, .member-ship-header .page-tit, .member-qa-header .page-tit{ background: url(../images/member_tiro/page-tit.png) no-repeat; width: 178px; }
.groupbuy-011-header .page-tit{ background: url(../images/group_buy/page-tit.png) no-repeat; width: 204px; }


/*------- lb-dec -------*/
/*.lb-dec{ position: absolute; top: 154px; left: 50px; }
#page-about .lb-dec{ position: absolute; top: 154px; left: 50px; }*/


/*------- hd-dec -------*/
/*.hd-dec{ position: absolute; top: -74px; left: 260px; }*/
#page-products .hd-dec{ background: url(../images/products/hd-dec.jpg) no-repeat; width: 700px; height: 136px; }
#page-member .hd-dec{ background: url(../images/member/hd-dec.jpg) no-repeat; width: 673px; height: 132px; }

#page-knowledge .hd-dec, #page-knowledge-02 .hd-dec, #page-knowledge-view2 .hd-dec{ background: url(../images/knowledge/hd-dec.jpg) no-repeat; width: 670px; height: 231px; }


/* page
--------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */
/*.bo-border{ border-bottom: 2px solid #C8963C; width: 588px; }
	hr.bo-border{ border-top: 0; border-right: 0; border-left: 0; padding-bottom: 20px; margin: 20px 0 20px; }*/
.build_page_txt{ margin-top: 50px; }

/* about
-------------------------------------------------------------------------------- */
.about-011-con{ background: url(../images/about/con-bg.jpg) left 670px no-repeat; }
.about-011-con .page-h2, .about-021-con .page-h2{ background: url(../images/about/about-h2.png) no-repeat; height: 30px; margin: 8px 0; }
	.about-011-con .row1, .quality-media .media-body{ font-family: 微軟正黑體; font-weight: bold; color: #333; font-size: 13px; }
	.about-011-con .keifulogo-tit{ background: url(../images/about/keifulogo-h2.png) no-repeat; width: 82px; height: 20px; margin-top: 36px; }
	.about-011-con .row1 p{ width: 380px; }
	.flash_logo{ margin-right: 30px; }

	.about-011-con .culture-tit{ background: url(../images/about/culture-h2.png) no-repeat; height: 28px; }
	.about-011-con .idea-tit{ background: url(../images/about/idea-h2.png) no-repeat; height: 28px; }
	.about-011-con .history-tit{ background: url(../images/about/history-h2.png) no-repeat; height: 28px; }
	.about-011-con .quality-tit{ background: url(../images/about/quality-h2.png) no-repeat; height: 28px; }
	.about-011-con .sell-tit{ background: url(../images/about/sell-h2.png) no-repeat; height: 28px; }
	.about-011-con .ic-tit{ background: url(../images/about/ic-h2.png) no-repeat; height: 28px; }

	.historyT{ width: 635px; line-height: 160%; }
	.historyT th{ width: 75px; font-weight: bold; font-size: 18px; font-family: arial; vertical-align: top; }
	.historyT td{  font-family: 新細明體; font-weight: normal; font-size: 12px; }
	.historyT th, .historyT td{ padding: 8px 0; color: #666; }
	
	.about-011-con .row2{ margin-top: 63px; }
	.about-011-con .row3{ margin-top: 30px; }
	.about-011-con .row4{ margin-top: 40px; }
	.quality-media{ margin-top: 30px; }
	.quality-media .media-body{ width: 456px; line-height: 200%; }

	.pa2{ margin-bottom: 20px; width: 631px; }
	.nom{ margin: 0; }

/* about-02
-------------------------------------------------------------------------------- */
.about-021-con .row1{
	width: 442px; /*height: 123px;*/
	padding: 87px 0 0 183px;
	margin-bottom: 38px;
	background: url(../images/about_02/about_02_pic.jpg) no-repeat;
}
.about-021-con .row1 .brand-link{ color: #000; font-weight: bold; margin-left: 95px; margin-bottom: 23px; }
	.about-021-con .row1 .brand-link a{ color: #E50013; text-decoration: underline; }
.about-021-con .row1 p{ width: 452px; color: #000; line-height: 160%; }

.about-021-con .row2 p{ color: #000; margin-bottom: 18px; line-height: 160%; }
	.about-021-con .row2 p.last{ margin-bottom: 10px; /* 40 */ }

	.about-021-con .features-tit{ background: url(../images/about_02/features-h3.jpg) no-repeat; width: 196px; height: 16px; }
	.about-021-con .management-tit{ background: url(../images/about_02/management-h3.jpg) no-repeat; width: 173px; height: 18px; }
	.about-021-con .product-tit{ background: url(../images/about_02/product-h3.jpg) no-repeat; width: 151px; height: 16px; }

/* about-03
-------------------------------------------------------------------------------- */
.about-031-con{
	background: url(../images/about_03/page-con-bg.jpg) no-repeat 0 0;
}
	.about-031-con .row1, .about-031-con .row1-1, .about-031-con .row2, .about-031-con .row3{ width: 671px; }
	.about-031-con .row1{ margin-bottom: 63px; }
		.about-031-con .row1 p{ width: 438px; color: #000; line-height: 160%; }
		.about-031-con .row1 .first{  margin-top: 70px; margin-bottom: 20px; }

		.about-031-con .teashops-process-tit{ background: url(../images/about_03/teashops-process-h3.png) no-repeat; width: 671px; height: 26px; }
		.about-031-con .process-tit{ background: url(../images/about_03/process-h3.jpg) no-repeat; width: 671px; height: 26px; }
		.about-031-con .services-tit{ background: url(../images/about_03/services-h3.jpg) no-repeat; width: 671px; height: 26px; }
		
		.teashops-processList{ margin: 30px 0 70px; }	
			.teashops-processList li{ margin-bottom: 22px; color: #000; }
				.teashops-processList h4{ color: #3BB7B1; font-size: 13px; font-weight: bold; font-family: "新細明體"; }
					.teashops-processList .enSection{ margin-top: 5px; line-height: 120%; }

		.about-031-con .row2 h3{ margin-bottom: 40px; }

		.about-031-con .row3{ color: #000; margin-top: 22px; }

		.services-list ul{ /*background: url(../images/about_03/list_bg.jpg) no-repeat;*/ padding-top: 6px; padding-left: 10px; width: 324px; }
			.services-list ul li{ color: #0BA29A; font-size: 13px; font-weight: bold; padding: 8px 0;}
			.services-list ul li.odd{ background: url(../images/about_03/list_item_bg.jpg) repeat-y; }

/* about-04
-------------------------------------------------------------------------------- */
.course_catlog_list{ margin-top: 30px; }
.course_catlog_list .tit{ float: left; width: 100%; }
.course_catlog_list h3{ width: 85px; float: left; padding-top: 8px; }

.course_catlog_list .courseSection{ margin-top: 16px; float: left; width: 670px; }
	.course_catlog_list .courseSection .subject{
		width: 650px; background-color: #E5414D; font-size: 15px; color: #fff; font-weight: bold; padding: 10px 10px;
		font-family: arial, "新細明體";
		border-bottom: 1px solid #fff;
	}
	.course_catlog_list .courseSection .divider{ height: 1px; background-color: #fff; }
	.icon-dot-white{ width: 11px; height: 11px; background: url(../images/comm/icon-dot-white.html) no-repeat center center; position: relative; top: -1px; }
	.icon-dot-green{ width: 18px; height: 18px; background: url(../images/comm/icon-dot-green.html) no-repeat center center; position: relative; top: -1px; }
	.courseT{ width: 670px; border: 3px solid #E5414D; }
		.courseT th, .courseT td{ border: 1px solid #E5414D; font-size: 13px; padding: 12px 7px; }
		.courseT th{ color: #503537; font-weight: bold; text-align: center; background-color: #FBE0E2; }
		.courseT td{ color: #000; }
		/*.col_course, .col_note, .col_time, .col_location{  }
		.col_course{  }
		.col_note{  }
		.col_time{  }*/
		.col_location td{ color: #E5404C; font-size: 15px; font-weight: bold; }

		.courseT .pic{ text-align: center; vertical-align: top; }

		.course_catlog_list .dialogBox{ float: left; width: 670px; }
			.course_catlog_list .dialogBox .dialogBox-tit{ font-size: 15px; color: #333; margin-top: 17px; margin-bottom: 12px; font-weight: bold; }
			.course_catlog_list .dialogBox .dialogBox-info{ border: 3px solid #CCC; padding: 18px 17px; }
/* page-overseas
-------------------------------------------------------------------------------- */
.page-overseas .enSection{
	font-family: arial;
}

.page-overseas .enSection .enSection-h3{
	font-size: 19px;
	font-weight: bold;
	color: #E50013;
}

.page-overseas .enSection p{
	line-height: 160%;
	/*letter-spacing: -0.1;*/
	color: #333;
	margin-bottom: 18px;
}

.page-overseas .enSection h4{
	font-weight: bold;
	color: #000;
}

.page-overseas .enSection-h3.mt0{
	margin-top: 0;
}

.page-overseas .enSection-h3.mb0{
	margin-bottom: 0;
}

.page-overseas .enSection h4{
	margin: 0 0 14px 0;
	font-size: 12px;
}

[class*="row"]{
	margin-bottom: 36px;
}

/* overseas_about
-------------------------------------------------------------------------------- */
	/*.about-011-con .row1, .quality-media .media-body{ font-family: 微軟正黑體; font-weight: bold; color: #333; font-size: 13px; }*/
	.about-111-con .keifulogo-tit{ background: url(../images/overseas_about/keifulogo-h2.png) no-repeat; width: 165px; height: 19px; margin-top: 42px; }
	.about-111-con .Innovating-h2{ background: url(../images/overseas_about/Innovating-h2.png) no-repeat; width: 635px; height: 27px; margin-top: 42px; }

	.about-111-con .Headquarters-h3{ background: url(../images/overseas_about/Headquarters-h3.png) no-repeat; width: 318px; height: 18px; margin-top: 36px; }
	.about-111-con .brief-h3{ background: url(../images/overseas_about/brief-h3.png) no-repeat; width: 226px; height: 15px; margin-bottom: 8px; }
	
	.about-111-con .externally-h4{ background: url(../images/overseas_about/externally-h4.png) no-repeat; width: 504px; height: 12px; }

	.about-111-con .enSection-h3{ margin-top: 46px; }
	/*.about-111-con .row1 p{ width: 380px; }*/
	.about-111-con .flash_logo{ margin-top: 70px;margin-right: 30px; }
	.about-111-con .Brief_pic{ margin-top: 7px;margin-right: 20px; }
	
	.about-111-con .historyT.normalT.normalT-line th, .about-111-con .historyT.normalT.normalT-line td{
		border-bottom: 1px solid #ccc;
	}
	.about-111-con .historyT.normalT.normalT-line th{
		color: #666;
		text-indent: 3px;
	}
	.about-111-con .historyT.normalT.normalT-line td{
		color: #333;
		letter-spacing: -0.1px;
	}
	.about-111-con .historyT_pic{
		position: absolute;
		top: 45px;
		right: 40px;
	}
	
/* overseas_consultant
-------------------------------------------------------------------------------- */
.consultant-111-con div[class*="row"]{
	margin-bottom: 18px;
	margin-left: 16px;
}
	.consultant-111-con .professional-h3{ background: url(../images/overseas_consultant/professional-h3.png) no-repeat; width: 338px; height: 19px; margin-top: 18px; }
	.consultant-111-con .teashops-h2{ background: url(../images/overseas_consultant/teashops-h2.png) no-repeat; width: 635px; height: 29px; margin-top: 42px; }

/* overseas_pro
-------------------------------------------------------------------------------- */
.pro-121-con .pro_catlog_list .tit h3{
	width: 100%;
	font-weight: bold;
}
.pro-121-con .page-h2, .pro-131-con .page-h2{ background: url(../images/overseas_pro/page-h2.png) no-repeat; margin: 8px 0 8px; }

.pro-131-con .pro_view_box{ margin-top: 14px; }

/* news
-------------------------------------------------------------------------------- */
.newsList { width: 670px; }

.newsList .titleU{ line-height: 16px; min-height: 26px; list-style: none; margin: 27px 0 0 0; }
.newsList .titleU li{ float: left; }
.newsList .titleU .top {
  width:670px;
  /*background: url(../images/titleU_bg.png) no-repeat 0 top;*/
  background-color: #D1D1D1;
  height: 3px;
}

.newsList .titleU .bottom {
  /*background: url(../images/titleU_bg.png) no-repeat 0 bottom;*/
  background-color: #D1D1D1;
  height: 1px;
  width: 670px;
  float:left;
}

.newsList .titleU .middle {
  /*background: url(../images/titleU_middle_bg.png) repeat-y;*/
  overflow: hidden;
  width: 670px;
  float:left;
}

.newsList .titleU span {
  display: inline-block;
  float: left;
  background: url(../images/titleU_line.html) no-repeat right center;
  color: #E5414D;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}

.newsList.newsList-view .titleU .no, .newsList.newsList-view .titleU .date{ color: #B7B2BF; }

.newsList .titleU span:last-child {
  background: none;
}

.newsList .titleU .no {
  width: 74px;
  text-align: center;
}

.newsList .titleU .title {
  width: 476px;
  padding: 2px 10px;
}

.newsList .titleU .date {
  width: 96px;
  text-align: center;
  background: none;
}

.newsList .titleU .item {
  width: 74px;
  text-align: center;
  vertical-align: middle;
}

.newsList.newsList-view .titleU .title2 {
  width: 518px;
  padding: 2px 10px;
  font-size: 13px;
}

.newsList .news_content {
  width: 590px;
  min-height: 250px;
  padding: 10px;
}

.newsList .sub_box {
  /*width: 590px;*/
  width: 100%;
  height: auto;
  padding: 10px;
  border-top: 1px solid #D1D1D1;
}

.newsList .sub_box a {
  color: #666;
}

.newsList .sub_box .sub_boxT {
  color: #666;
  font-family: arial;
}

.newsList .sub_box .sub_boxT td, .newsList .sub_box .sub_boxT th {
  vertical-align: top;
  font-size: 11px;
}

.newsList .sub_box .sub_boxT th {
  color: #666;
  font-size: 11px;
}

.newsList .listU{ margin: 5px 0 15px; list-style: none; width: 100%; }
.newsList .listU li {
  width: 100%;
  /*height: 30px;*/
  line-height: 30px;
  border-bottom: 1px dotted #d2d2d2;
}

.newsList .listU li:last-child {
  border: none;
}

.newsList .listU span {
  font-family: arial;
  display: inline-block;
  color: #B7B2BF;
  padding-top: 5px;
  padding-bottom: 5px;
}

.newsList .listU span:last-child {
  background: none;
}

.newsList .listU span a {
  color: #777;
}

.newsList .listU .no {
  width: 74px;
  text-align: center;
}

.newsList .listU .title {
  width: 476px;
  padding: 0 10px;
}

.newsList .listU .date {
  width: 96px;
  text-align: center;
}


.spirit-tit{ background: url(../images/news/spirit-h2.jpg) no-repeat; width: 229px; height: 20px; }
.importance-tit{ background: url(../images/news/importance-h3.jpg) no-repeat; width: 508px; height: 15px; }
.committed-tit{ background: url(../images/news/committed-h4.jpg) no-repeat; width: 338px; height: 33px; }

/* products
-------------------------------------------------------------------------------- */
.products-011-con .page-h2, .products-021-con .page-h2, .groupbuy-011-con .page-h2, .about-031-con .page-h2, .about-041-con .page-h2{ background: url(../images/products/products-h2.png) no-repeat; margin: 8px 0 8px; }
.pro_catlog{
	width: 670px;
	height: 288px;
	padding: 17px 15px 0;
	background: url(../images/products/list-bg.jpg) no-repeat 0 0;
	margin-bottom: 10px;
}
	.pro_catlog .tit{ border-bottom: 1px solid #E60013; }
	.pro_catlog h3{
		padding: 0 111px 0 0;
		background: url(../images/products/h3-english-dec.png) no-repeat right center;
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		font-family: 微軟正黑體;
		color: #E50013;
	}
	.pro_catlog .catlogU{
		margin-top: 15px;
		float: left;
	}

	/* catlogU set 獨立設定 */
		.catlogU li{
			width: 150px; height: 231px;
			text-align: center;
			margin-bottom: 12px;
			background-color: #F1F1F1;
			position: relative;
		}
			.catlogU li .pic{
				width: 150px;
				height: 150px;
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				/*background-color: green;*/
				margin-bottom: 10px;
			}
			.catlogU .info{
				width: 100%;
				/*height: 50px;*/
				text-align: center;
				line-height: 140%;
				overflow: hidden;
				/*background-color: #8080FF*/
			}
				.catlogU .info span{
					display: inline-block;
					vertical-align: top;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
				}


				.catlogU .info .sale-txt{ color: #009F99; font-weight: bold }

				.catlogU .price{ display: block; color: #FF0000; font-size: 16px; font-weight: bold; font-family: arial; }
				.catlogU .price em{ color: #000; font-size: 12px; }
				.catlogU .pro-name-en { display: block; }


				.catlogU.text-left .info, .catlogU.text-left li{ text-align: left; }

				.catlogU.outline li{ background: none; border: 1px solid #eee; padding: 12px 18px; }
				.catlogU.outline li .pic{ border: 1px solid #eee; }

/* products_02
-------------------------------------------------------------------------------- */
.pro_catlog_list{ margin-top: 30px; }
.pro_catlog_list .tit{ float: left; width: 100%; }
.pro_catlog_list h3{ width: 85px; float: left; padding-top: 8px; }

.pro_catlog_list .catlogU{ margin-top: 16px; float: left; }
.pro_catlog_list .catlogU li{ margin: 0 6px 12px; padding: 0; }

/* products_03
-------------------------------------------------------------------------------- */
.pro_view_box{ float: left; clear: both; width: 100%; margin-top: 27px; }
	.pro_view_box .albums{ width: 320px; float: left; margin-right: 17px; }
		.pro_view_box .albums .bigpic{ margin-bottom: 6px; }
		.pro_view_box .albums .smallpic{ margin-top: 10px; }
		.pro_view_box .albums .smallpic li{ border: 3px solid #ECE8E8; padding: 0; margin: 0 3px; }

	.pro_view_box-bg .albums{ width: 300px; }

	.pro_view_box .info{ width: 333px; float: left; }
		.pro_view_box .info .sale-txt{ font-size: 12px; color: #009F99; font-family: 新細明體; margin: 0; }
		.pro_view_box .info .pro-name{ font-size: 16px; color: #3D3D3D; font-family: 新細明體; margin: 0; padding-bottom: 10px; }
	
	.pro_view_box-gb{ margin-bottom: 29px; margin-top: 22px; }
	.pro_view_box-gb .info{ border-top: 3px solid #F62503; padding-top: 10px; }
		.pro_view_box-gb .info .sale-txt{ font-size: 17px; color: #E50013; font-family: 微軟正黑體; margin: 0; }
		.pro_view_box-gb .info .pro-name{ font-size: 18px; color: #3E3E3E; font-family: 微軟正黑體; margin: 0; }
		.pro_view_box-gb .info .brief-txt{ margin-bottom: 15px; }
	
		.pro_view_box-gb .info .col-left{ margin-top: 10px; }
		.pro_view_box-gb .info .col-right{ margin-top: 79px; }

		.pro_view_box .info span{
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			width: 100%;
		}
		.info .row{ border-bottom: 2px solid #F1F1F1; }
		.pro_view_box .price{ color: #FF0000; font-size: 16px; font-weight: bold; font-family: arial; }
		
		.pro_view_box .info .btn-addcar{ margin-top: 18px; }

			.pro_select_buy{ float: left; clear: both; width: 100%; }
				.pro_select_buy .tit{ height: 23px; }

			/* sel-catlogU set 獨立設定 */
			.sel-catlogU{ float: left; clear: both; margin: 16px 0 0 0; width: 100%; }
			.sel-catlogU li{
				width: 312px; height: 148px;
				text-align: left;
				margin-bottom: 12px;
				background-color: #F1F1F1;
				padding: 4px;
				margin-right: 6px;
				float: left;
			}
				.sel-catlogU li .pic{
					/*background-color: green;*/
					display: inline-block;
					vertical-align: top;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
					float: left;
					margin-right: 13px;
				}
				.sel-catlogU li .col_right{ float: left; width: 145px; margin-top: 14px; }
				.sel-catlogU .info{
					width: 100%;
					height: 50px;
					text-align: left;
					line-height: 140%;
					overflow: hidden;
					/*background-color: #8080FF*/
				}
					.sel-catlogU .info span{
						display: inline-block;
						vertical-align: top;
						zoom: 1; /* Fix for IE7 */
						*display: inline; /* Fix for IE7 */
					}
					.sel-catlogU .info .sale-txt{ color: #009F99; font-weight: bold }

					.sel-catlogU .price{ color: #FF0000; font-size: 16px; font-weight: bold; font-family: arial; }
							.sel-catlogU .price em{ color: #000; font-size: 12px; }

				.pro_detail{
					width: 100%;
					float: left;
					clear: both;
					border-top: 3px solid #DCDCDC; border-bottom: 3px solid #DCDCDC;
					padding: 25px 0;
					*margin-top: 16px;
				}

				.pro_detail.nobtt{ border-top: none; }

/* group_buy
-----------------------------*/
/* gb_catlogU set 獨立設定 */
		.gb_catlogU.inline li{
			width: 300px; height: 300px;
			text-align: center;
			margin-bottom: 20px;
			background-color: #F1F1F1;
			position: relative;
			border: 3px solid #eee;
			padding: 0;
			margin-right: 24px;
			float: left;
		}
			.flag-sale{
				width: 85px; height: 85px;
				background: url(../images/group_buy/flag-sale.png) no-repeat 0 0;
				position: absolute; top: 0; left: 0;
				z-index: 999;
			}
			.flag-sale-small{
				width: 66px; height: 66px;
				background: url(../images/group_buy/flag-sale-small.png) no-repeat 0 0;
			}
			.gb_catlogU li .pic{
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				width: 300px;
				height: 300px;
				/*background-color: green;*/
			}
			.gb_catlogU .info{
				width: 290px;
				height: 53px;
				padding: 5px;
				text-align: left;
				line-height: 150%;
				position: absolute; bottom: 0; left: 0;
				background-color: #eee;
				overflow: hidden;
				/*background-color: #8080FF*/
				font-family: 微軟正黑體;
			}
				.gb_catlogU .info span{
					display: inline-block;
					vertical-align: top;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
				}
				.gb_catlogU .info .pro-name{ color: #3E3E3E; font-weight: bold; font-size: 18px; }
				.gb_catlogU .info .sale-txt{ color: #E50013; font-weight: bold; font-size: 13px; }
				.info .notice-txt{ color: #3399FF; font-size: 12px; }
					.info .notice-txt em{ font-weight: bold; font-family: arial; }

				.gb_catlogU .price{
					color: #D80000;
					font-size: 32px;
					font-weight: bold;
					font-family: arial;
					line-height: 32px;
					position: absolute;
					bottom: 4px;
					right: 5px
				}
				
				#defaultCountdown{ color: #333; font-size: 13px; font-weight: bold; font-family: arial; }

.pro_view_box-gb .col-left{ margin-right: 13px; }
				.gb_price, .gb_timer{ width: 156px; background-color: #eee; padding: 10px 6px; }
					.gb_price{ height: 53px; margin-bottom: 5px; }
						.gb_price .price{ font-size: 32px; color: #D80000; line-height: 32px; }
					.gb_timer{ height: 34px; }
						.gb_timer .tit{ font-size: 15px; color: #FF6608; font-weight: bold; }


.knowledge-022-con .tit{ margin-top: 16px; }

/* order
-------------------------------------------------------------------------------- */
.stepBox{ width: 673px; height: 132px; background: url(../images/order/order_step_bg.jpg) no-repeat; }
	.stepBox img{ margin: 23px 0 0 255px; }

/* 通用td 樣式 */
.orderT{  }
	.orderT thead td, .orderT tfoot td{ background-color: #FAFAFA; }
	.orderT thead td, .orderT tbody td{ text-align: center; padding: 10px 0; }
		.orderT .col_cancel{ width: 56px; }
		.orderT .col_name{ width: 264px; }
		.orderT .col_name.noCancel{ width: 320px; } /* order_03 結帳頁無刪除欄位 */
			.orderT .col_name img{ vertical-align: middle; }
			.orderT .col_name .proName{ width: 175px; display: inline-block; vertical-align: middle; }
			.orderT .col_name.noCancel .proName{ width: 220px; }
		.orderT .col_spec{ width: 114px; }
		.orderT .col_quantity{ width: 68px; }
		.orderT .col_price{ width: 87px; }
		.orderT .col_subtotal{ width: 95px; }
	
		.freezing_list.orderT{ margin-top: 20px; }
			.freezing_list.orderT thead td{ background-color: #FAFAFA; color: #514747; }
			.orderT .col_listName{ width: 320px; text-align: left; text-indent: 12px; font-size: 13px; font-family: 微軟正黑體; }
			/*.orderT .col_sp{  }*/

			.sp_note{
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				background-color: #D30011;
				color: #fff;
				padding-right: 5px;
			}

	.orderT table td{ border-bottom: 1px solid #CCC; }


.orderT-count{ width: 100%; }
	.orderT-count thead td, .orderT-count tfoot td{ padding: 10px 0;background-color: #F4F3F4; border-top: 1px solid #C8C3C5; text-align: center }
	.orderT-count tbody td{ padding: 10px 0;background-color: #FAFAFA; text-align: center; }

	.orderT-count .col_pro_count{ width: 308px; }
	.orderT-count .col_sp{ width: 183px; }
	.orderT-count .col_price{ width: 87px; }
	.orderT-count .col_subtotal{ width: 95px; }

	.line-r{ background: url(../images/comm/form-line-pic.png) no-repeat right center; }

/* order_02
-------------------------------------------------------------------------------- */
.payT th{ width: 56px; text-align: center; }
.payT thead td{ padding-left: 10px; }

.form_note{ margin-left: 15px; color: #000; }


.orderT2{ border-spacing: 5px; border-collapse: separate; }
.orderT2 th, .orderT2 td{ border-bottom: 1px solid #CCCCCC; padding: 3px 0; }
.recipientT th, .baseT th{ width: 90px; text-align: right; padding-right: 14px; }
.recipientT td, .baseT td{ width: 550px; }

/* member
-------------------------------------------------------------------------------- */
.memberNav{  }
	.memberNav.inline li{ padding: 0; margin-right: 5px; }
	.memberNav a{
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		width: 126px;
		height: 120px;
	}
	.memberNav a:hover{ background-position: 0 -120px; }
	.member_btn1{ background: url(../images/member/member_btn1.jpg) no-repeat 0 0; }
	.member_btn2{ background: url(../images/member/member_btn2.jpg) no-repeat 0 0; }
	.member_btn3{ background: url(../images/member/member_btn3.jpg) no-repeat 0 0; }
	.member_btn4{ background: url(../images/member/member_btn4.jpg) no-repeat 0 0; }
	.member_btn5{ background: url(../images/member/member_btn5.jpg) no-repeat 0 0; }

/* member_right
-------------------------------------------------------------------------------- */
.sysBox{ padding: 63px 18px; line-height: 160%; }
	.sysBox li{ margin-bottom: 27px; color: #000; }


/* member_base
-*/
.T-line{ background: url(../images/comm/tit-line-bg.png) no-repeat 6px bottom; padding-bottom: 9px; }
.checkboxU li{ width: 125px; }


/* member_order */
.myorderT th, .myorderT td { border-bottom: 1px solid #CCCCCC; padding: 7px 0; }
.myorderT .sp_td{ padding: 0; }
.myorderT .col_orderdate{ width: 78px; }
.myorderT .col_no{ width: 103px; }
.myorderT .col_pay{ width: 76px; }
.myorderT .col_name{ width: 134px; }
.myorderT .col_spe{ width: 65px; }
.myorderT .col_quantity{ width: 60px; }
.myorderT .col_price{ width: 60px; }
.myorderT .col_status{ width: 91px; }

/* member_tiro
-------------------------------------------------------------------------------- */
.tiroNavU{ float: left; }
.tiroNavU li a{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	width: 158px;
	height: 88px;
	float: left;
}

	.tiroNavU li a.tiroNav1{ background: url(../images/member_tiro/tiro_nav1.png) no-repeat 0 0; }
	.tiroNavU li a.tiroNav2{ background: url(../images/member_tiro/tiro_nav2.png) no-repeat 0 0; }
	.tiroNavU li a.tiroNav3{ background: url(../images/member_tiro/tiro_nav3.png) no-repeat 0 0; }
	.tiroNavU li a.tiroNav4{ background: url(../images/member_tiro/tiro_nav4.png) no-repeat 0 0; }
	.tiroNavU li.active a, .tiroNavU li a:hover{ background-position: 0 -88px; }
	
.tiro_box{
	width: 620px;
	min-height: 235px;
	padding: 37px 25px 0;
	margin: 0 auto;
	background: url(../images/member_tiro/tiro_box_bg.jpg) no-repeat;
	/*float: left;*/
	clear: both;
}


/* login
-------------------------------------------------------------------------------- */
.apply_box{
	width: 326px;
	height: 247px;
	background: url(../images/login/box1_bg.jpg) no-repeat;
	float: left;
	margin-right: 11px;
}

.login_box{
	width: 326px;
	height: 247px;
	background: url(../images/login/box2_bg.jpg) no-repeat;
	float: left;
}

.applyT, .loginT{ margin: 56px auto 0; }
	.applyT th, .loginT th{ text-align: right; }



/* knowledge */
.knowU.inline{ margin-top: 24px; margin-bottom: 23px; }
.knowU.inline li{ padding: 0; }
.knowledge-011-con .tit .lastknow.sys-tit{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	padding-right: 95px;
	background: url(../images/knowledge/h3-english-dec.png) no-repeat right bottom;
}

.lastknowU{
	float: left;
	clear: both;
	width: 100%;
	border-top: 3px solid #D1D1D1;
	border-bottom: 3px solid #D1D1D1;
	/*padding: 20px 0;*/
}
	.lastknowU.inline li{
		background: url(../images/knowledge/line.png) no-repeat left center;
		border-bottom: 1px dashed #eee;
		padding: 30px 0 0 20px;
	}
	.lastknowU .pic{
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		border: 3px solid #eee;
		width: 65px; height: 65px;
	}
	.lastknowU .info{
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		width: 223px;
		margin-left: 13px;
	}
		.lastknowU .info .tit{
			color: #000;
			font-weight: bold;
			font-family: 新細明體;
		}
		.lastknowU .info .brief{ margin-bottom: 10px; }
		.lastknowU .info .brief a{ color: #000; font-weight: normal; line-height: 16px; }

		.lastknowU .info .date{
			color: #B7B2BF;
			font-family: arial;
		}

/* knowledge-03 */
.knowledge-031-con > .tit{ line-height: 36px; color: #B7B2BF; }
.knowledge-031-con > .tit > span{ padding-left: 23px; }

.knowledge-031-con .pro_view_box{ margin-bottom: 40px; }
.knowledge-031-con .pro_view_box .albums{ width: 300px; border: 3px solid #eee; margin-right: 27px; }
.knowledge-031-con .pro_view_box .albums .bigpic{ margin: 0; } 
.knowledge-031-con .pro_view_box .info{ width: 328px; }


.elT{ width: 100%; }

	.elT th, .elT td{ /*border-top: 1px solid #eee; border-bottom: 1px solid #eee;*/ padding: 6px 0; }
	.elT th{ /*width: 82px;*/ color: #8B8B8B; text-indent: 2px; }
	
	.elT tr:first-child th, .elT tr:first-child td{ /*display: inline-block;*/ /*border-top: 2px solid #eee;*/ }
	.elT tr:last-child th, .elT tr:last-child td{ /*display: inline-block;*/ /*border-bottom: 2px solid #eee;*/ }

	.elT tr{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

	.know_detail{ border-top: 3px solid #eee; border-bottom: 3px solid #eee; width: 100%; padding: 20px 0; }
	.knwo_pictureU{ float: left; clear: both; margin-top: 20px; width: 100%; }
	.knwo_pictureU li{ float: left; width: 156px; margin-bottom: 8px; }
	.knwo_pictureU .pic{
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		width: 150px;
		height: 150px;
		border: 3px solid #eee;
	}
	.knwo_pictureU .tit{
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		width: 156px;
		background-color: #eee;
		text-align: center;
	}

/* apply_ok */
.ok_box{ background: url(../images/apply_ok/apply_ok_box_bg.jpg) no-repeat; width: 661px; height: 189px; text-align: center; padding-top: 50px; }
	.ok_box .sys-note{ margin: 0; }

/* forgot_box */
.forgot_box{ background: url(../images/forgot/forgot_box_bg.jpg) no-repeat; width: 661px; height: 168px; text-align: center; padding-top: 50px; }

/* forgot2_box */
.forgot2_box{ background: url(../images/forgot2/forgot_box_bg.jpg) no-repeat; width: 661px; height: 154px; text-align: center; padding-top: 50px; }

/* apply_ok */
.feedback_box{ background: url(../images/apply_ok/feedback_box_bg.jpg) no-repeat; width: 661px; height: 157px; text-align: center; padding-top: 60px; }
	.feedback_box .sys-note{ margin: 0; }
	.feedback_box th{ text-align: right; padding-right: 5px; }
	.feedback_box th, .feedback_box td{ padding-top: 5px; padding-bottom: 5px; }


/* member_shop */
.shiop_con{ padding: 10px; margin-bottom: 10px; }

/* brands */
.brands_box .row1{ margin-top: 37px; }
.brands_box .row1 .col1, .brands_box .row1 .col2{ height: 226px; }
.brands_box .row1 .col1{ width: 368px; margin-left: 8px; }
	.brands_box .row1 .col1 .brand-link{ margin-bottom: 24px; }
	.brands_box .row1 .col1 p{ margin-bottom: 10px; }
.brands_box .row1 .col2{ width: 226px; margin-left: 27px; text-align: center; background-color: #eee; }
	.brands_box .row1 .col2 img{ margin-top: 5px; }
	.teaplus-tit{ width: 353px; height: 20px; margin: 0; background: url(../images/brands/teaplus-h2.html) no-repeat; }

.brands_box .row2 .col1{ width: 226px; margin-left: 8px; text-align: center; background-color: #eee; }
	.brands_box .row2 .col1 img{ margin-top: 5px; }
.brands_box .row2 .col2{ width: 368px; margin-left: 27px; margin-top: 22px; }


/* groupbuy-011-con */
.groupbuy-011-con .tit{ height: 23px; }

/* plus layout
-------------------------------------------------------------------------------- */
/* search box set */
.search_box{ float: right; }

.page_search_box{  }


/* qa List set */
	.questionList{ width: 100%; border-top: 3px solid #D1D1D1; padding: 10px 0; }
		.questionList .listU li {
		  width: 100%;
		  line-height: 30px;
		  border-bottom: 1px solid #EDEDED; 
		}

		.questionList .listU li.even{ background: url(../images/comm/menu_list_bg.html); }
		.questionList .listU li:last-child { border: none; }
		.questionList .listU span {
		  font-family: arial;
		  display: inline-block;
		  color: #777;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  vertical-align: middle;
		  font-weight: normal;
		}
		
		.questionList .listU span a{ color: #EA2E3E; }
		.questionList .listU span a span { color: #EA8433; }
		.questionList .listU span a:hover span{ color: #C96614; text-decoration: none; }

		.questionList .listU .no {
		  text-align: center;
		  padding: 0 10px;
		  font-weight: bold;
		  font-size: 12px;
		  background: url(../images/knowledge_view2/no_bg.png) no-repeat 15px center;
		  color: #E50013;
		  letter-spacing: -1px;
		}

		.questionList .listU .no{ padding: 0 20px; }
		.questionList .listU .tit2 { padding: 0 10px; font-size: 12px; }
		.questionList span{ font-weight: bold; }
		
			.questionList .qu-answer{
				border-top: 1px solid #EDEDED; padding: 10px 10px 10px 63px; line-height: 20px; color: #333;
			}
			.questionList .qu-answer{ display: none; }

/* questionList002 set */
	.questionList002{ width: 100%; }
		.questionList002 .listU li {
		  width: 100%;
		  line-height: 30px;
		  border-bottom: 1px solid #EDEDED; 
		}

		/*.questionList002 .listU li.even{ background: url(../images/comm/menu_list_bg.png); }*/
		/*.questionList002 .listU li:last-child { border: none; }*/
		.questionList002 .listU span {
		  font-family: arial;
		  display: inline-block;
		  color: #777;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  vertical-align: middle;
		  font-weight: normal;
		}
		
		.questionList002 .listU span a{ color: #EA2E3E; font-weight: normal; }
		.questionList002 .listU span a span { color: #EA8433; }
		.questionList002 .listU span a:hover span{ color: #C96614; text-decoration: none; }

		.questionList002 .listU .no {
		  text-align: center;
		  padding: 0 10px;
		  /*font-weight: bold;*/
		  font-size: 12px;
		  /*background: url(../images/knowledge_view2/no_bg.png) no-repeat 15px center;*/
		  color: #999;
		  letter-spacing: -1px;
		}

		.questionList002 .listU .no{ padding: 0 20px; }
		.questionList002 .listU .tit2 { padding: 0 10px; font-size: 12px; }
		.questionList002 span{ font-weight: bold; }
		
			.questionList002 .qu-answer{
				border-top: 1px solid #EDEDED; padding: 10px 10px 10px 93px; line-height: 20px; color: #666;
				background: url(../images/comm/icon-answer.png) no-repeat 63px 11px;
			}
			.questionList002 .qu-answer{ display: none; }

/* overseas_contact
-------------------------------------------------------------------------------- */
.contact-111-con .map_box{ float: left; clear: both; margin-bottom: 65px; width: 100%; }
	.contact-111-con .map_box .company_name{
			width: 335px; height: 47px; background: url(../images/overseas_contact/company_name_pic.png) no-repeat;
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;
		}
	/*.map_box .company_info{ color: #666; margin-top: 18px; }*/
		.contact-111-con .map_box .company_info dt{ width: 50px; }

		.contact-111-con .map_pic{ float: right; }
		

		/*.contactForm .form_note{ margin-left: 7px; }
		.contactForm .tit{ margin-top: 13px; }*/
			.contact-111-con .contactForm .tit h4{ 
				width: 304px;
				height: 16px;
				background: url(../images/overseas_contact/form_tit.png) no-repeat;
				margin-left: 5px;
				margin-bottom: 0;
			}
			.contact-111-con .contactForm .baseT th{ width: 210px; }
			.contact-111-con .contactForm .baseT td{ width: 460px; }

			.contact-111-con .T-line{ background: url(../images/overseas_contact/tit-line-bg.png) no-repeat 4px bottom; padding-bottom: 9px; }


/* contact
-------------------------------------------------------------------------------- */
.map_box{ float: left; clear: both; margin-top: 45px; width: 100%; }
	.map_box .company_name{ width: 227px; height: 21px; background: url(../images/contact/company_name_pic.png) no-repeat; }
	.map_box .company_info{ color: #666; margin-top: 18px; }
		.map_box .company_info dt{ color: #000; font-weight: normal; }

		.company_google_map{ border: 5px solid #EBEBEB; width: 289px; height: 184px; float: right; }
		
		.contactForm .form_note{ margin-left: 7px; }
		.contactForm .tit{ margin-top: 13px; }
		.contactForm .tit h4{ width: 67px; height: 16px; background: url(../images/contact/form_tit.png) no-repeat; margin-left: 5px; margin-bottom: 12px }
			.contactForm .baseT th{ color: #000; }


/* contact form set */


/* 通用表格 */
.normalT{ color: #8B8B8B; }
	.normalT.pro th{ width: 85px; }
	.normalT.pro th, .normalT.pro td{ padding: 5px 0; }


/* 帶線框通用表格 */
.normalT.normalT-line{ border-spacing: 5px; border-collapse: separate; }
.normalT.normalT-line th, .normalT.normalT-line td{ border-bottom: 1px solid #eee; }



.products-021-con .page-h2{ margin: 0 0 8px 0; }


.replacement_1{ background: url(../images/pay-01.png) no-repeat; width: 180px; height: 23px; color: transparent !important; margin-top: 10px; }
.replacement_2{ background: url(../images/pay-02.png) no-repeat; width: 180px; height: 23px; color: transparent !important; margin-top: 10px; }
.replacement_3{ background: url(../images/pay-03.png) no-repeat; width: 180px; height: 23px; color: transparent !important; margin-top: 10px; }

.pro_catlog .catlogU{ float: none; }
.catlogU.unstyled.inline{ vertical-align: top; }
.catlogU.unstyled.inline >*{ vertical-align: top; display: inline-block; height: auto; min-height: 230px; }
.catlogU.unstyled.inline .price{ margin-bottom: 5px; }
.pro_catlog{ 
	height: auto; 
	/*min-height: 288px; */
	padding: 20px 10px;
	background-color: #f1f1f1; 
	background-image: none; 
	border-radius:10px;
 }
 .catlogU .info{ vertical-align: top; }
 .page-con .tit{ float: none; }