@charset "utf-8";
/* CSS index Template */
.Wrap .midWrap .mainContent {
	width : 634px;
}

.Wrap .midWrap .mainContent div.bottom {
	background : url(../../img/index/mainContent.bottom.png) no-repeat center bottom;
}

.Wrap .midWrap .mainContent div.bottom ul.shadow {
	display    : block;;
	background : url(../../img/index/mainContent.shadow.png) repeat-y 0 0;
}

.Wrap .midWrap .mainContent div h3.title {
	margin      : 7px 16px;
	display     : block;
	height      : 14px;
	text-indent : -999999px;
}

/* CSS AD_Slide */
.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border {
	height   : 238px;
	overflow : hidden;
	position : relative;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.Slide_img {
	width    : 9999999px;
	position : relative;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.Slide_img li.list {
	float  : left;
	width  : 628px;
	height : 238px;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.Slide_img li.list a {
	display : block;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.AD_menus {
	right    : 0;
	bottom   : 0;
	padding  : 12px;
	position : absolute;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.AD_menus li.btn_menu {
	margin      : 0 3px;
	width       : 10px;
	height      : 10px;
	display     : block;
	float       : left;
	text-indent : -999999px;
	background  : url(../../img/index/activities.menu.png) no-repeat -10px center;
	cursor      : pointer;
}

.Wrap .midWrap .mainContent div.AD_Slide ul.shadow li.list_border ul.AD_menus li.btn_menu.selected {
	background-position : 0 center;
}

/* CSS Network_Outlets */
.Wrap .midWrap .mainContent div.Network_Outlets h3.title {
	background : url(../../img/index/Network.title.png) no-repeat 0 center;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab {
	margin   : 0 auto;
	width    : 596px;
	position : relative;
	z-index  : 5;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list {
	margin      : 0 0 0 -1px;
	float       : left;
	cursor      : pointer;
	background  : url(../../img/index/Network.tabs.png) no-repeat -120px 0;
	width       : 120px;
	height      : 30px;
	line-height : 30px;
	text-align  : center;
	position    : relative;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list:first-child {
	margin : 0;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list:hover,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list.selected {
	background-position : 0 0;
	z-index             : 5;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list.selected {
	cursor : default;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.list span {
	display     : block;
	background  : url(../../img/index/Network.tabs.name.png) no-repeat 0 0;
	text-align  : left;
	text-indent : -99999px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab01:hover span {
	background-position : -120px 0;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab01.selected span {
	background-position : -240px 0;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab02:hover span {
	background-position : -120px -29px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab02 span {
	background-position : 0 -29px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab02.selected span {
	background-position : -240px -29px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab03 span {
	background-position : 0 -58px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab03:hover span {
	background-position : -120px -58px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab03.selected span {
	background-position : -240px -58px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab04 span {
	background-position : 0 -87px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab04:hover span {
	background-position : -120px -87px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab04.selected span {
	background-position : -240px -87px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab05 span {
	background-position : 0 -116px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab05:hover span {
	background-position : -120px -116px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab li.tab05.selected span {
	background-position : -240px -116px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content {
	margin     : -1px 0 0 0;
	border-top : 1px solid #DDD;
	display    : block;
	position   : relative;
	z-index    : 3;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content {
	min-height : 400px;
	overflow   : hidden;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content > ul {
	padding : 0 14px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list {
	margin      : 10px 0 5px 15px;
	float       : left;
	width       : 135px;
	height      : 173px;
	text-align  : center;
	line-height : 18px;
	position    : relative;	
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list span.icon {
	top      : 2px;
	right    : -3px;
	display  : block;
	position : absolute;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link {
	margin      : 10px 0 5px 25px;
	width       : 275px;
	height      : 173px;
	line-height : 20px;
	float       : left;
	color       : #363636;
	text-align  : center;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.AD {
	margin     : 10px 0 20px 0;
	float      : left;
	width      : 300px;
	height     : 157px;
	text-align : center;
	position   : relative;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.AD a {
	top      : 1px;
	left     : 1px;
	position : absolute;
	width    : 310px;
	height   : 155px;
	overflow : hidden;
	border   : 1px solid #DDD;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link {
	margin   : 0 0 2px 0;
	padding  : 121px 0 0 0;
	display  : block;
	color    : #000;
	position : relative;
	cursor   : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link:hover {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link > span {
	display : block;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link span.photo {
	top      : 0;
	left     : 50%;
	margin   : 0 0 0 -45px;
	width    : 90px;
	height   : 120px;
	overflow : hidden;
	position : absolute;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link span.photo img {
	max-width  : 90px;
	max-height : 120px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list a.btn_link span.info h4.title {
	max-height  : 36px;
	overflow    : hidden;
	font-weight : normal;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab04 li.list a.btn_link h4.title,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list a.btn_link h4.title {
	font-weight : bold;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list span.price b {
	padding     : 0 5px ;
	font-weight : bold;
	font-size   : 13px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.btn_Go {
	margin      : 5px 0 10px 0;
	height      : 19px;
	line-height : 19px;
	text-align  : right;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.btn_Go a {
	color  : #666;
	cursor : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.btn_Go a:hover {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link {
	padding    : 0 0 5px 0;
	background : url(../../img/index/Network.line.gif) repeat-x center bottom;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link a {
	color   : #666;
	display : block;
	float   : left;
	cursor  : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link a:hover {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link span.line {
	padding : 0 10px;
	display : block;
	float   : left;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main {
	margin : 5px 0 0 0;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a {
	text-align : left;;
	display    : block;
	position   : relative;
	cursor     : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a span.info {
	margin : 20px 0 0 0;
	width  : 185px;
	float  : right;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a span.info h4.title {
	padding     : 0 40px 0 0;
	color       : #000;
	font-weight : bold;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a span.info p.msg {
	color : #464646;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a span.photo {
	float    : left;
	width    : 90px;
	height   : 120px;
	overflow : hidden;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content li.list_link li.link_main a span.icon {
	top      : 0;
	right    : 0;
	display  : block;
	position : absolute;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content a:hover span.info h4.title,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content a:hover span.info p.msg {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list {
	margin   : 30px 0 68px 0;
	width    : 300px;
	height   : 90px;
	position : relative;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list.last {
	padding : 0 0 0 25px;
	width   : 275px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.link_main {
	margin   : 10px 0 5px 0;
	width    : 275px;
	height   : 90px;
	position : relative;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_link {
	padding : 0;
	cursor  : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_link span.info {
	margin     : 0;
	width      : 170px;
	float      : right;
	text-align : left;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list_link li.link_main a.btn_link span.info,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list.last a.btn_link span.info {
	margin     : 0;
	width      : 145px;
	float      : right;
	text-align : left;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list_link li.link_main a.btn_link span.info {
	padding : 0 0 0 10px;
	width   : 145px;	
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list_link li.link_main a.btn_link span.info h4.title {
	padding : 0;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list_link li.link_main a.btn_link span.photo,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_link span.photo {
	top      : inherit;
	left     : inherit;
	margin   : inherit;
	width    : 120px;
	height   : 90px;
	float    : left;
	overflow : hidden;
	position : inherit;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_link span.photo img {
	max-width  : 120px;
	max-height : 90px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list_link li.link_main a.btn_new,
.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_new {
	left        : 130px;
	bottom      : 0;
	position    : absolute;
	display     : block;
	height      : 23px;
	line-height : 23px;
	color       : #FFF;
	cursor      : pointer;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 li.list.last a.btn_new {
	left : 155px;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_new span {
	display : block;
	float   : left;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_new span.text {
	padding    : 0 5px;
	height     : 100%;
	background : url(../../img/index/btn.go.bg.jpg) repeat-x center center;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_new span.left {
	width      : 2px;
	height     : 100%;
	background : url(../../img/index/btn.go.frame.png) no-repeat left center;
}

.Wrap .midWrap .mainContent div.Network_Outlets ul.tab_Content li.content ul.tab05 a.btn_new span.right {
	width      : 2px;
	height     : 100%;
	background : url(../../img/index/btn.go.frame.png) no-repeat right center;
	
}

/* CSS activities */
.Wrap .midWrap .mainContent div.activities h3.title {
	background : url(../../img/index/activities.title.png) no-repeat 0 center;
}

.Wrap .midWrap .mainContent div.activities li.list_border {
	padding : 0 0 10px 0;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide {
	margin   : 0 0 0 14px;	
	width    : 260px;
	overflow : hidden;
	float    : left;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images > ul {
	width    : 999999px;
	position : relative;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images > ul > li.list {
	width : 260px;
	float : left;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link {
	padding  : 225px 0 0 0;
	display  : block;
	position : relative;
	color    : #000;
	cursor   : pointer;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link:hover {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link span {
	display : block;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link span.info {
	padding     : 15px;
	background  : #f4f4f4;
	line-height : 17px;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link span.info h4.title {
	font-weight : bold;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.images ul li.list a.btn_link span.photo {
	top      : 0;
	left     : 0;
	position : absolute;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.AD_menus {
	margin     : 10px 0 0 0;
	position   : relative;
	text-align : center;
	height     : 21px;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.AD_menus span.btn_menu {
	margin      : 0 2px 0 5px;
	width       : 10px;
	height      : 21px;
	display     : inline-block;
	text-align  : left;
	text-indent : -999999px;
	background  : url(../../img/index/activities.menu.png) no-repeat -10px center;
	cursor      : pointer;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.AD_menus span.btn_menu.selected {
	background-position : 0 center;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.AD_menus span.btn_prev {
	top         : 0;
	left        : 0;
	width       : 21px;
	height      : 21px;
	position    : absolute;
	background  : url(../../img/index/activities.arrow.png) no-repeat 0 0;
	display     : block;
	text-align  : left;
	text-indent : -99999px;
	cursor      : pointer;
}

.Wrap .midWrap .mainContent div.activities ul.AD_slide li.AD_menus span.btn_next {
	top         : 0;
	right       : 0;
	width       : 21px;
	height      : 21px;
	position    : absolute;
	background  : url(../../img/index/activities.arrow.png) no-repeat -21px 0;
	display     : block;
	text-align  : left;
	text-indent : -99999px;
	cursor      : pointer;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame {
	margin  : 0 14px 0 0;
	float   : right;
	width   : 320px;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li {
	margin     : 0 15px;
	float      : left;
	width      : 130px;
	text-align : center;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link {
	padding  : 75px 0 0 0;
	display  : block;
	position : relative;
	color    : #000;
	cursor   : pointer;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link:hover {
	text-decoration : underline;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link span {
	display : block;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link span.info {
	margin      : 10px 0 15px 0;
	line-height : 18px;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link span.info h4.title {
	color       : #000;
	font-weight : bold;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link span.info p.msg {
	height   : 54px;
	overflow : hidden;
	color    : #464646;
}

.Wrap .midWrap .mainContent div.activities ul.activity_Frame li a.btn_link span.photo {
	top      : 0;
	left     : 50%;
	margin   : 0 0 0 -50px;
	width    : 100px;
	position : absolute;
}

/* CSS hot_kinds */
.Wrap .midWrap .mainContent div.hot_kinds h3.title {
	background : url(../../img/index/hot.kinds.title.png) no-repeat;
}

.Wrap .midWrap .mainContent div.hot_kinds {
	margin     : 0 0 10px 0;
	padding    : 0 0 10px 0;
	background : url(../../img/index/hot.kinds.bottom.png) no-repeat bottom center;
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds {
	margin     : 15px auto;
	width      : 628px;
	background : url(../../img/index/hot.kinds.line.gif) 0 top;
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list {
	margin      : 0 15px;
	float       : left;
	display     : block;
	width       : 128px;
	height      : 100%;
	font-size   : 12px;
	line-height : 23px;
	/*border-right : 1px solid #CCC;*/
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list:first-child,
.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list:nth-child(4) {
	width  : 126px;
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list h4.subtitle {
	margin : 0 0 10px 0;
	font   : bold 14px "微軟正黑體", sans-serif;
	color  : #333;
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list a {
	display : block;
	color   : #636363;
}

.Wrap .midWrap .mainContent div.hot_kinds ul.kinds li.list a:hover {
	text-decoration : underline;
}

/* CSS shopping */
.Wrap .midWrap .mainContent div.shopping h3.title {
	margin     : 7px 14px 10px 14px;
	background : url(../../img/index/shopping.title.png) no-repeat;
}

.Wrap .midWrap .mainContent div.shopping ul.item {
	margin : 5px 0 0 30px;
	width  : 330px;
	float  : left;
}

.Wrap .midWrap .mainContent div.shopping ul.item li {
	padding        : 0 0 0 10px;
	font           : bold 14px "微軟正黑體", sans-serif;
	color          : #333;
	float          : left;
	width          : 155px;
	height         : 25px;
	line-height    : 25px;
	letter-spacing : 1px;
	background     : url(../../img/index/point.png) no-repeat 0 center;
}

.Wrap .midWrap .mainContent div.shopping ul.icon {
	margin    : 0 30px 0 0;
	float     : right;
	font-size : 11px;
	color     : #858585;
}

.Wrap .midWrap .mainContent div.shopping ul.icon li {
	margin     : 0 10px;
	padding    : 50px 0 0 0;
	float      : left;
	width      : 56px;
	text-align : center;
	position   : relative;
}

.Wrap .midWrap .mainContent div.shopping ul.icon li span {
	display : block;
}

.Wrap .midWrap .mainContent div.shopping ul.icon li span.iconPhoto {
	top      : 0;
	left     : 50%;
	margin   : 0 0 0 -24px;
	position : absolute;
	width    : 49px;
	height   : 44px;
	overflow : hidden;
}