@charset "utf-8";
/*
 * CSS Document 
 * ============================================================================
 * 版權所有  2013 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: Rain $
 * $Date: 2013-11-22 (星期五) $
*/

/* Default Set. ---------------------------------------------------------------- */
body { margin: 0; padding: 0; color: #381d00; font-size: 13px; font-family: '微軟正黑體' Microsoft JhengHei, Arial, Helvetica, PMingLiU; letter-spacing: 1px; border-top: 4px #f5b07f solid; width: 100%; min-width: 1200px}
img { border: 0; text-decoration: none;}
form, input, textarea, select, label { margin: 0; padding: 0; color: #333; font-size: 12px;}
input, textarea, select, label { font-family: Verdana, PMingLiU;}
textarea { resize: none;}
ul, li, h1  { padding: 0 0; margin: 0 0;}
a{ color: #381d00; text-decoration: none; opacity: 1;}
/*a:hover { color: #eb6100; opacity: 0.9; -webkit-transition: 0.3s, opacity 0.2s; -moz-transition: 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s;}*/
.clearBoth { height: 0; font-size: 0; overflow: hidden; line-height: 0; clear: both;}
.displayNone { display: none;}
.noData { width: 300px; margin: 40px auto; text-align: center;}
/* Table Set. ------------------------------------------------------------------ */
.tabSet,
.tabSet th,
.tabSet td { padding: 0; border: 0; border-spacing: 0; border-collapse: collapse;}
.tabSet input,
.tabSet label,
.tabSet select { vertical-align: middle;}
.tabSet select.w175{ width: 175px; padding: 3px 2px; margin-bottom: 5px}

/* Global Set. ---------------------------------------------------------------- */
.gWarp { min-width: 1000px; margin: 0 auto;}
.gWarp.newBg{ background: url(../images/p_bg_new.png) top repeat-x}
/* Header */
header { position: relative; width: 1000px; min-width: 1000px; height: 180px; margin: 0 auto; overflow: hidden; background: url(../images/g_nav_bg.png) center 110px no-repeat; z-index: 2;}
header .logo { float: left; width: 260px; height: 180px; padding: 15px 0 0 0; overflow: hidden; text-align: right;}
header .rightBox { float: right; width: 740px; height: 180px; overflow: hidden}
header .rightBox .socialWarp {float: right; width: 350px; overflow: hidden; margin: 70px 10px 0 0;}
header .rightBox .socialBox { float: left; width: 100px; height: 30px; margin: 0 10px 0 0; overflow: hidden;}
header .rightBox a { text-indent: -9999px;}
header .rightBox a.socialBox.fb { background: url(../images/icon_fb.gif) no-repeat;}
header .rightBox a.socialBox.home{ background: url(../images/icon_home.gif) no-repeat;}

/*首頁中獎查詢圖示*/
/*header .rightBox a.socialBox.check{ background: url(../images/icon_check.gif) no-repeat;}*/

header .rightBox a.socialBox.plurk{ background: url(../images/icon_plurk.gif) no-repeat;}
header .rightBox a:hover.socialBox{ background-position: 0 2px;}
/* Nav */
nav ul { display: block; float: right; width: 740px; margin: 10px 0 0 0; padding: 0; overflow: hidden;}
nav ul li { list-style: none; display: inline; padding: 0;}
nav ul li a { float: left; width: 113px; height: 50px; text-indent: -9999px;}
nav ul li a.about{ background: url(../images/g_nav_1.png) 0 0 no-repeat;}
nav ul li a:hover.about{ background-position: 0 -49px;}
nav ul li a.news{ background: url(../images/g_nav_2.png) 0 0 no-repeat;}
nav ul li a.menu{ background: url(../images/g_nav_3.png) 0 0 no-repeat;}
nav ul li a.join{ background: url(../images/g_nav_4.png) 0 0 no-repeat;}
nav ul li a.store{ background: url(../images/g_nav_5.png) 0 0 no-repeat;}
nav ul li a.contact{ background: url(../images/g_nav_6.png) 0 0 no-repeat;}
nav ul li a:hover{ background-position: 0 -49px;}

/* gBanner */
.bannerWrap { position: relative; top: -20px; width: 100%; min-width: 1200px; height: 440px; margin: 0 auto; overflow: hidden; background: url(../images/g_bg.jpg)0 -160px repeat-x;}
.bannerWrap #gBanner { position: relative; top: -20px; width: 1000px; min-width: 1000px; height: 395px; margin: 0 auto; overflow: hidden; z-index: 0;}
.bannerWrap .grass { position: relative; top: -127px; width: 1200px; min-width: 1000px; margin: 0 auto; height: 127px; background: url(../images/g_banner_front.png) 0 0px repeat-x;}
.bannerWrap .wave { position: relative; top: -136px; width: 100%; min-width: 1200px; height: 57px; background:url(../images/g_bg_wave.png) 0 0px repeat-x;}
.bannerWrap .wave #men {position: absolute; margin-top: -200px; right: 25%;}
.bannerWrap .wave a.videoMen2 { position: absolute; right: 25%; display: block; bottom: 0; width: 213px; height: 270px; z-index: 99; background: url(../images/space.gif)}

/* footer */
footer { width: 100%; min-width: 1200px; overflow: hidden; background: url(../images/g_footer_bg.jpg) bottom repeat-x;}
footer .footerWrap { width: 1000px; min-width: 1200px; margin: 0 auto -20px; overflow: hidden;}
footer .footerWrap a.btnTop { display: block; width: 180px; height: 34px; margin: 0 auto; text-indent: -9999px; background: url(../images/g_icon_top.png) 0 2px no-repeat;}
footer .footerWrap a:hover.btnTop { background: url(../images/g_icon_top.png) 0 0px no-repeat;}
footer .footerWrap .bottomNav { text-align: center; height: 30px; line-height: 30px;}
footer .footerWrap .copyright { position: relative; width: 1000px; min-width: 1000px; height: 60px; margin: 0 auto; overflow: hidden;}
footer .footerWrap .copyright .logo { float: left; }
footer .footerWrap .copyright .txt { float: left; padding: 20px 0 0 25px; }
/* Title */
.gTitle { font-size: 1.1em; font-weight: bold;}
.gTitle span{ color: #eb6100; font-style: italic; font-size: 0.9em; letter-spacing: 0;}
/* NewsBox */
.gNewsBox { float: left; position: relative; height: 110px; width: 100%; overflow: hidden; margin: 0 0 10px; overflow: hidden; font-family: '新細明體'}
.gNewsBox .img { float: left; width: 90px; height: 90px; border: 5px solid #fbd5b4; margin: 0 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.gNewsBox .name { font-size: 1.2em; height: 1.2em; overflow: hidden; margin: 15px 0 10px 0; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;}
.gNewsBox .txt { font-size: 0.9em; line-height: 1.8em; height: 3.6em; overflow: hidden; text-align: justify;}
.gNewsBox .date { position: absolute; right: 0; color: #eb6100;}
.gNewsBox a:hover { color: #eb6100;}


/* Index Set  ---------------------------------------------------------------- */
#iMain { position: relative;  width: 1000px; min-width: 1000px; height: 350px; margin: -50px auto 0; overflow: hidden; padding: 30px 0 0 0;}
/* Index Nav */
#iMain .iMenuWarp { position: relative; width: 620px; float: left; height: 350px; overflow: hidden; background: url(../images/index_LeftBg.png) 0 55px no-repeat;}
#iMain .iMenuWarp .iTitleWarp { width: 620px; }
#iMain .iMenuWarp .iTitleWarp .iTitle { float: left; width: 140px; height: 55px; background: url(../images/g_subti_bg.png) 0 0 no-repeat; padding: 30px 0 0 80px;}
#iMain .iMenuWarp .iTitleWarp .newBox,
#iMain .iMenuWarp .iTitleWarp .hotBox  { float: left; width: 70px;  height: 25px; overflow: hidden; margin: 25px 0 0 10px; padding: 0 0 0 30px; line-height: 25px; color: #000;}
#iMain .iMenuWarp .iTitleWarp .newBox { background: url(../images/menu_icon_new&hot_small.png) 0 0 no-repeat;}
#iMain .iMenuWarp .iTitleWarp .hotBox { background: url(../images/menu_icon_new&hot_small.png) 0 -25px no-repeat;}
#iMain .iMenuWarp a.more { position: absolute; float: left; top: 55px; right: 4px; width: 70px; height: 70px; background: url(../images/i_btn_more.gif) 0 0 no-repeat; text-indent: -9999px; z-index: 9999;}
#iMain .iMenuWarp ul { list-style:none;}
#iMain .iMenuWarp ul li { display: inline; float: left;}

/* Index MenuBox */
.iMenuBox { position: relative; float: left; width: 136px; height:190PX; overflow:hidden; font-family: '新細明體'; margin: 20px 13px; z-index: 3;}
.iMenuBox .pic { position: absolute; width: 120px; height: 120px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; border: 8px solid #fbd5b4; margin: 0 0 10px 0; z-index: 4;}
.iMenuBox .pic img { -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; z-index: 4;}
.iMenuBox .iconHot { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/menu_icon_new&hot_big.png) 0 -40px no-repeat; z-index: 97;}
.iMenuBox .iconNew { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/menu_icon_new&hot_big.png) 0 0 no-repeat;z-index: 96;}
.iMenuBox .name { position: absolute; bottom: 0; width: 136px; text-align: center; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.iMenuBox .price { text-align: center; color: #eb6100; width: 136px;}
.iMenuBox a:hover { color: #eb6100;}
.iMenuBox a.iLink {	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 8px solid #fbd5b4; position: absolute;	display: block;	top: 0;	left: 0;	width: 120px;	height: 120px; z-index: 95; background: url(../images/space.gif) }
.iMenuBox a:hover.iLink { 	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 8px solid #eb6100; }


/* Index News */
#iMain .iNewsWarp { position: relative; width: 360px; float: right; padding: 50px 0 0 20px; height: 350px; overflow: hidden;}
#iMain .iNewsWarp .iNewsTi { width: 200px; height: 25px; float: left; font-size: 1.1em; line-height: 1.1em;}
#iMain .iNewsWarp a.more { float: right; display: block; width: 76px; height: 27px; background: url(../images/i_news_btn_more.gif) 0 0 no-repeat; text-indent: -9999px;}
#iMain .iNewsWarp a:hover.more {background-position: 0 2px;}

/* Page Set  ---------------------------------------------------------------- */
#pageWrap{ position: relative; width: 960px; min-width: 960px; padding: 0 0 0 40px; margin: 0 auto; overflow: hidden;}
/* Aside */
aside { float: left; width: 200px; overflow: hidden;}
aside .pTiBox { width: 140px; height: 33px; padding: 30px 30px; overflow: hidden; background: url(../images/aside_menu_title.png) 0 0 no-repeat; overflow: hidden; text-align: center;}
aside ul li { margin: 0; padding: 0; width: 200px; overflow: hidden;}
aside li { list-style: none; background: url(../images/aside_line.png) center bottom  no-repeat; overflow: hidden; }
aside a.menuTi { display: block; font-size: 1em; width: 110px; padding: 0 50px 0 60px; height: 50px; line-height: 50px; background: url(../images/g_aside_menu_bg.png) 0 -50px no-repeat; overflow: hidden;}
aside a.menuTi:hover { background: url(../images/g_aside_menu_bg.png) 0 0 no-repeat;}
aside a.menuTi.select { background: url(../images/g_aside_menu_bg.png) 0 0 no-repeat;}
aside a.menuTi span { color: #eb6100; font-size: 0.9em; padding: 0 0 0 5px; letter-spacing: 0;}
aside a.menuTi:hover span { color: #381d00; }
aside .botBox{ width: 200px; height: 20px; background: url(../images/aside_menu_bottom_bg.png) 0 0 no-repeat;}
/* Page Main */
.pageMain { position: relative; float: right; width: 730px; padding: 20px 0 0 0; overflow: hidden; background: url(../images/page_main_bg.png) 0 75px no-repeat;}
.pageMain .subTitle { float: left; width: 700px; height: 25px; margin: 0 0 0 20px; background: url(../images/g_subti_bg.png) 0 0 no-repeat; padding: 30px 0 0 80px;}
.pageMain .subTitleLong { float: left; width: 700px; height: 25px; margin: 0 0 0 20px; background: url(../images/g_subti_bg_long.png) 0 0 no-repeat; padding: 30px 0 0 80px;}

/*Page Number */
.pNumWarp { position: absolute; bottom: 20px; width: 100%; }
.pNumWarp table { margin: 0 auto; }
.pNumWarp a{ display: block; float: left; width: 20px; height: 20px; margin: 0 3px; line-height: 20px;color: #000;}
.pNumWarp a.gBtnPre { background: url(../images/g_num_btn.png)0 0 no-repeat; text-indent: -999px; margin: 0 10px 0 0;}
.pNumWarp a.gBtnNext { background: url(../images/g_num_btn.png)0 -20px no-repeat; text-indent: -999px; margin: 0 10px 0 0;}
.pNumWarp a.gBtnBack { background: url(../images/g_num_btn.png)0 0 no-repeat; width: 100px; padding: 0 0 0 30px; letter-spacing: 5px;}
.pNumWarp a.current {
	color: #eb6100;
  -webkit-transition: 0.5s, opacity 0.2s;
	-moz-transition: 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

/*phone Page Number */
.pNumWarp { width: 100%; }
.pNumWarp table { margin: 0 auto; }
.pNumWarp a { display: block; float: left; width: 20px; height: 20px; margin: 0 3px; line-height: 20px; color: #000;}
.pNumWarp a:hover, .pNumWarp a.current {
	color: #eb6100;
  -webkit-transition: 0.5s, opacity 0.2s;
	-moz-transition: 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}
.pNumWarp a.gBtnPre { background: url(../images/g_num_btn.png)0 0 no-repeat; text-indent: -999px; margin: 0 10px 0 0;}
.pNumWarp a.gBtnNext { background: url(../images/g_num_btn.png)0 -20px no-repeat; text-indent: -999px; margin: 0 10px 0 0;}
.pNumWarp a.gBtnBack { background: url(../images/g_num_btn.png)0 0 no-repeat; width: 100px; padding: 0 0 0 30px; letter-spacing: 5px;}

.back {
	width:100%;
	height:30px;
	margin:0 0 25px;
	border-bottom:1px solid #fbd5b4;
}
.back a {
	display:block;
	width:161px;
	height:30px;
	margin:0 auto;
	background:url(../images/btn_back.png) no-repeat;
	background-size:161px 30px;
}

.webLink {
	color:#c6e5c0;
	text-decoration:underline;
}
.webLink.home {
	color:#FFF;
	text-decoration:underline;
}
.webLink:hover {
	color:#cf4300;
}

.noData {
  width: 300px;
  margin: 40px auto;
  text-align: center;
  overflow: hidden;
}




/* About Set  ---------------------------------------------------------------- */
.pageMain .aboutWrap { float: left; margin: 30px 0 0 2px; padding: 0 20px; line-height: 2em; width: 648px; text-align: justify; }
.groupWrap { width: 630px; margin: 80px 30px 0; height: 480px; overflow:hidden}
.groupBox{ float: left; width: 170px; height: 180px; margin: 20px; background: url(../images/about_5_boxbg.png) center top no-repeat; overflow:hidden} 
.groupBox .img{ width: 155px; height: 120px; padding: 8px; overflow: hidden;}
.groupBox .name{ text-align: center; width: 170px; height: 20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

/* News Set  ---------------------------------------------------------------- */
.pageMain .newsWrap { float: left; margin: 30px 40px 0 40px; min-height: 300px; padding: 0 0 50px 0; width: 620px; }
.pageMain .line{ background: url(../images/g_page_line.png) center 100px no-repeat;}
.pageMain .newsWrap .newsEdit{ float: left; position: relative; width: 620px; line-height: 2em; padding: 0 0 20px 0; background: url(../images/g_page_line.png) center bottom no-repeat;}
.pageMain .newsWrap .newsEdit .date{ float: left; width: 100px; line-height: 20px; padding: 0 0 0 20px; color: #eb6100; background: url(../images/icon_list.gif) 0 2px no-repeat;}
.pageMain .newsEdit .name{ float: left; font-size: 1.2em; line-height: 20px; overflow: hidden; font-weight: bold;}
.pageMain .newsEdit .txt{ line-height: 1.5em; margin: 10px 0 0 0; text-align: justify;}


/* Menu Set  ---------------------------------------------------------------- */
.menuWrap { float: left; width: 650px; height: 600px; margin: 20px 20px 0 20px; }
.pageMain .menuView { float: left; height: 450px; width: 690px; }
.pageMain .menuView .leftBox { float: left; width: 320px; height: 340px; overflow: hidden; margin: 40px 0 0 40px;}
.pageMain .menuView .leftBox .pic { position: absolute; width: 300px; height: 300px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 8px solid #fbd5b4;}
.pageMain .menuView .leftBox .pic img { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.pageMain .menuView .leftBox a.view { position: absolute; top: 115px; left: 40px; display: block; width: 300px; height: 300px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 8px solid #fbd5b4; background: url(../images/space.gif) }
.pageMain .menuView .leftBox a:hover.view { border: 8px solid #f26522;}
.pageMain .menuView .leftBox .info{ position: absolute; top: 430px; left: 160px; width: 60px; height: 20px; margin: 10px auto; color: #999}
.pageMain .menuView .rightBox { float: right; width: 300px; overflow: hidden; background: url(../images/menu_view_bg.png) right top no-repeat;}
.pageMain .menuView .rightBox .name { float: left; width: 300px; font-size: 1.2em; font-weight: bold; margin: 80px 0 5px 0; overflow: hidden;}
.pageMain .menuView .rightBox .price { float: left; color: #eb6100;width: 300px; margin: 0 0 10px 0;}
.pageMain .menuView .rightBox .txt { float: left; width: 230px; min-height: 160px; background: url(../images/menu_view_txt_bg.png) 0 0 no-repeat; padding: 20px;}

/* MenuBox */
.menuBox {	position: relative;	float: left;	width: 182px;	height: 220px;	overflow: hidden;	font-family: '新細明體';	margin: 20px 13px;	z-index: 3;}
.menuBox .pic { position: absolute; width: 165px; height: 165px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 8px solid #fbd5b4; margin: 0 0 10px 0; z-index: 4;}
.menuBox .pic img { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; z-index: 4;}
.menuBox .iconHot { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/menu_icon_new&hot_big.png) 0 -40px no-repeat; z-index: 100;}
.menuBox .iconNew { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../images/menu_icon_new&hot_big.png) 0 0 no-repeat;z-index: 99;}
.menuBox .name { position: absolute; bottom: 0; width: 165px; text-align: center; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.menuBox .price { text-align: center; color: #eb6100; width: 136px;}
.menuBox a:hover { color: #eb6100;}
a.link { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 8px solid #fbd5b4; position: absolute;	display: block;	top: 0;	left: 0;	width: 165px;	height: 165px;	z-index: 99; background: url(../images/space.gif) }
a:hover.link { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 8px solid #eb6100;}

/* Join Set  ---------------------------------------------------------------- */

/*2016/11/30 倪副總說要把加盟的page先取消
.joinWrap { position: relative; float: left; width: 960px; height: 450px; margin: 10px auto 30px; overflow: hidden; background:url(../images/join_img.png) center top no-repeat;}
*/
.joinWrap { position: relative; float: left; width: 960px; height: 450px; margin: 10px auto 30px; overflow: hidden; background:(../images/join_img.png) center top no-repeat;}
/* Store Set  ---------------------------------------------------------------- */
/* List */
.pageMain .storeWrap { position: relative; float: left; width: 660px; height:450px; margin: 30px 0 30px 30px;}
.pageMain .storeWrap .map {	position: absolute;	top: -26px;	left: -25px;	width: 360px;	height: 450px;}
.pageMain .storeWrap a { position: absolute; display: block; text-indent: -9999px; opacity: 0.8}
.pageMain .storeWrap a.northern {	width: 221px;	height: 136px;	top: 8px;	left: 235px;	background: url(../images/store_map_over1.png) no-repeat;	z-index: 3}
.pageMain .storeWrap a.midland {	width: 204px;	height: 133px;	top: 117px;	left: 159px;	background: url(../images/store_map_over2.png) no-repeat;	z-index: 2}
.pageMain .storeWrap a.southern {	width: 204px;	height: 248px;	top: 198px;	left: 110px;	background: url(../images/store_map_over3.png) no-repeat;	z-index: 1}
.pageMain .storeWrap a.eastern {	width: 254px;	height: 360px;	top: 40px;	left: 209px;	background: url(../images/store_map_over4.png) no-repeat;	z-index: 0}
.pageMain .storeWrap a:hover { opacity: 1;}
.pageMain .storeWrap a:hover.northern { top: -3px;	 background: url(../images/store_map_over1.png) no-repeat; z-index: 10}
.pageMain .storeWrap a:hover.midland { top: 107px; background: url(../images/store_map_over2.png) no-repeat; z-index: 10}
.pageMain .storeWrap a:hover.southern {top: 189px; background: url(../images/store_map_over3.png) no-repeat; z-index: 10}
.pageMain .storeWrap a:hover.eastern {top: 32px; background: url(../images/store_map_over4.png) no-repeat; z-index: 10}
/*view*/
.storeViewWrap { position: relative; float: left; width: 660px;  margin: 30px 0 30px 30px; }
.storeViewWrap .storeBox { float: left; width: 185px; height: 280px; overflow: hidden; margin: 0 30px 15px 0}
.storeViewWrap .storeBox .title { float: left;  width: 185px; font-weight: bold; margin: 0 0 8px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.storeViewWrap .storeBox .img { float: left; width: 165px; height: 120px; overflow: hidden; background: url(../images/store_pic_bg.png) 0 0 no-repeat; text-align: center; vertical-align: central; padding: 9px 10px; margin: 0 0 10px 0;}
.storeViewWrap .storeBox .tel { float:left; width: 152px; background: url(../images/store_icon_phone.png) 10px 0 no-repeat; padding: 0 0 5px 33px; font-weight: bold; color: #eb6100;}
.storeViewWrap .storeBox .time { float: left; width: 175px; line-height: 1.5em; padding: 0 0 0 10px; font-weight: bold;}
.storeViewWrap .storeBox .add { float: left; width: 175px; line-height: 1.5em;  padding: 0 0 10px 10px; overflow: hidden;}
.storeViewWrap .storeBox a.mapBtn { float: left; width: 85px; height: 27px; display: block; overflow: hidden; background: url(../images/store_btn_map.png) 10px 0 no-repeat;}
.storeViewWrap .storeBox a.mapBtn:hover { background: url(../images/store_btn_map.png) 10px 2px no-repeat;}

/* Contact Set  ---------------------------------------------------------------- */
* Contact Set  ---------------------------------------------------------------- */
.contactMan{ position: absolute; top: 320px; left: 110px; width: 151px; height: 257px; background: url(../images/contact_man.png) no-repeat;}
.contactWrap {
	position: relative;
	float: left;
	width: 610px;
	height: 500px;
	margin: 45px;
	overflow: hidden;
	color: #00F;
}
.contactWrap form, input, textarea, select { margin: 0; padding: 0; color: #381d00;}
.contactWrap select{ background: #FFF; border: 1px solid #ffc491; height: 26px;}
.contactWrap textarea { resize: none; margin: 3px 0; padding: 2px 3px; width: 500px; height: 110px; overflow-y: scroll; line-height: 16px; background-color: transparent; border: 1px solid #ffc491;}
.contactWrap th { width: 70px; text-align: left; font-weight: 100; vertical-align: top; line-height: 30px;}
.contactWrap td .inText { float: left; margin: 3px 0; padding: 2px 3px; height: 16px; overflow: hidden; line-height: 16px; border: 1px solid #ffc491;}
.contactWrap .codeImg { width: 100px; line-height: 40px; padding: 0 10px 0 5px;}
.w100{ width: 100px; }
.w150{ width: 150px; }
.w300{ width: 300px; }
.btnReset, .btnSubmit { float: right; width: 80px; height: 30px; margin: 0 5px 0 0; background:url(../images/contact_btn_bg.png) 0 0 no-repeat; border: 0; color: #FFF; text-shadow: 1 1 1 #000;}
.btnReset:hover, .btnSubmit:hover { background-position: 0 -30px;} 
/* 防木馬