@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	background: url('../images/defaul/looklogo.png') repeat 0 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*格式化*/
/*
body{font-size:12px;line-height:20px;color: #333333;}
h1,h2,h3,h4,h5,h6,li,ul,dl,dt,dd,p{
	margin:0;
	padding:0;
	
}
h1,h2,h3,h4,h5,h6,em{
	font-size:100%;
	font-weight: normal;
	font-style: normal;
}
ul,li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}
a{text-decoration: none;}
* {
	padding: 0;
	margin: 0;
}
div{
}*/
img{border-width: 0px}
.clearSpace{clear:both;}
.red {color: #FF0000;}
#fix {
	background-color:#ff6611;
	float: right;
	display: block;
	height: 224px;
	width: 77px;
	position: absolute;
	top: 450px;
	right: -12px;
	background: url('../flash/gotop.png') no-repeat;
}
.floatleft{float:left}
.floatright{float:right}
#mainpage{
	background: url('../images/bg_shadow.png') repeat-y center;
	width: 1074px;
	margin: 0 auto;
	padding: 0 0 15px 0px;
	height: auto;
	overflow: hidden;
}
#pageBody {
	min-width: 970px;
	margin:auto;
	position: relative;
	z-index: 1;
}
/*三個大框架  背景外框須求而做的*/
#header_area{
	/*background-image: url(../images/header_white_bg.gif);	background-repeat: repeat-x;*/
	background-position: center top;
	clear: both;
}
#slide_area{
	background-image: url('../images/slide_bg.gif');
	margin:auto;
	min-width:965px;
	max-width:1014px;
}
#Canvas_area{}
/*表頭*/
/* toptool 09-06-02 */
#top_toolbar {
	height: 23px;
	position: relative;
	background: url('../images/images/top_bg.jpg') repeat-x bottom;
	z-index: 999;
	padding-right: 3em;
	margin:0;
	width: auto;
	color: #333333;
}
.topTool {
	float: right;
	width: 970px;
	height: 23px;
	color:#999;
	font-size:12px;
	line-height:20px;
	margin:0px;
}
.topTool .topTitle {
	background: url('../images/images/topToolArrow.jpg') no-repeat 72px 4px;
	display: block;
	width: 82px;
	line-height: 23px;
	height: 23px;
	padding: 0 5px;
	color: #333333;
	text-decoration: none;
}
.topTool a.topTitle:hover, .topTool .on {
	color: #000;
	background: url('../images/images/topToolArrowOver.jpg') no-repeat 72px 4px;
}
.topTool ul {
	position: absolute;
	overflow: hidden;
	height: 0px;
	right: 0px;
	color: #333333;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.topTool li {
	float: right;
	position: relative;
	z-index: 30;
	margin-right: 0px;
	color: #333333;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.topTool ul li {
	border:1px solid #ccc;
	border-top:none;
	margin: 0px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.topTool ul li a {
	display: block;
	padding: 3px;
	background-color: #FFF;
	color: #333333;
	text-decoration: none;
}
.topTool ul li a:hover {
	color: #FFF;
	background-color: #999;
}
.topTool .lookGroup a {	width: 125px;text-decoration: none;}
.topTool .worldLook a {	width: 105px;text-decoration: none;}
.topTool .taiwanLook a {width: 112px;text-decoration: none;}
/* toptool 09-06-02 */
#adArea,#infoArea,#ShortcutArea,#flash_item,#container,#adArea,#infoBlock{
	width: 965px;
	margin:auto;
	background-position: center;
}
#headerdiv{
	background: url('../images/headerdiv_bg.gif') repeat-x;
	max-width:1014px;
	margin:0 auto;
	overflow: hidden;
}
#header{
	height:90px;
	width: 990px;
	background: url('../images/header_bg.gif') repeat-x;
	margin:auto
}
#header #logo{
	margin:10px 24px 0 23px;
	float:left
}
#header a{color:#1a4a88;text-decoration: none;}
#header a:hover{
	color:#1a4a88;
	text-decoration: underline;
}
#header #signin{
	padding:6px 0 0 0;
	font-size:12px;
	line-height:20px;
	color: #333333;
}
#signin ul,#signin li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#header #signin em{
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	padding:0 5px 0 0
}
#header #signin span{
	margin:0 60px
}
#header #advertiser a,#header #advertiser a:hover{color:#8b8b8b}
#header #funtion,#header #advertiser{
	padding-right:160px;
	text-align: right;
	font-size:12px;
	line-height:20px;
	color: #333333;
}
#header #funtion a{padding-left:2px;}
.ulWidth{
	width:150px;
	float:left;
	margin:0;
}
#flashad{
	width:150px;
	height:89px;
	position: relative;
	left: 0px;
	float: right;
	z-index: 50;
	background: url('../images/menu/menubg.gif') repeat-x 0 bottom;
}
#flashad h4{font-size:12px;margin:0;padding:0;	font-weight: normal;font-style: normal;line-height:20px}

/*選單css*/
#menuArea{
	height:39px;
	margin-top:4px;
	background-image: url('../images/menu/menubg.gif');
}
#menuArea ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menuArea li{
	float:left;
	display:block;
}


/*文字跑馬區*/
#infoArea{
	padding:3px auto 0 auto;
	height:25px;
	min-height: 30px;
	font-size:12px;
	line-height:20px;
}
#infoArea li{
	width:265px;
	height:25px;
	*height:23px;
	background-image: url('../images/square.gif');
	display:block;
	float:left;
	margin:0 10px 0 40px;
	text-align: center;
	padding:3px 0 0 0;
	*padding:5px 0 0 0;
}
#infoArea a{color:#164a84;text-decoration: none;}
#infoArea a:hover{
	color:#0066CC;
	text-decoration: underline;
}
/*輪撥區*/
#adArea{
	margin:1px 15px 0 25px;
}
#adWindow{
	background-image: url('../images/window.jpg');
	width:622px;
	height:268px;
	float:left;
	margin: 0 0 0 10px;
}
#adArea #ad{
	width:300px;
	height:250px;
	background-color: #e8e8ea;
	border:1px solid #fff;
	border-right: 1px solid #b5bdc0;
	border-bottom: 1px solid #b5bdc0;
	padding:5px;
	float:right;
	margin:3px 0 0 0;
}
#ShortcutArea{
	weight:129px;
	height:52px;
	margin-top:5px;
}
#ShortcutArea .imgfloat{float:left}
#ShortcutBar{
	padding-left:135px
}
#ShortcutBar li{
	float:left;
	margin-left:3px;
	list-style-type: none;
	height:25px;
	margin-bottom:3px
}

#flash_item{height:105px;margin-top:5px;}
#flash_item h4{font-size:12px;line-height:20px;font-weight: normal;}
/*中間內容物*/
#container{padding:10px 0 0 0}

/*中間內容物 活動區塊*/
#eventNav{
	float:left;
	background: url('../images/dotLine.gif') no-repeat right;
	width:312px;
}
#eventNav #block{
	width:302px;
	background: url('../images/sit_pink_mid.jpg') repeat-y;
	line-height:21px;
	line-height:20px\9;
	*line-height:26px;
}

#eventNav #block a:hover{
	color:#eb497a;
	text-decoration: underline;
}

#eventNav #block a{color:#eb497a;text-decoration: none;padding:0px 5px 0px 0px;}
.Astyle{font-weight: bold;font-size:1.1em;}
.Bstyle{font-weight: bold;font-size:1.3em;}
.Cstyle{font-weight: bold;font-size:1.5em;}

#eventNav #block ul{padding:10px 10px 5px 10px;min-height:60px;margin:0}
#eventNav #block li{
	float:left;
	padding:0 5px 0 5px;
	display:block;
	line-height: 20px;
}
/*1123補充 start*/
.eventblock{padding:10px 10px 10px 10px;min-height:60px;margin:0}
/*1123補充 end*/
#eventNav #block2 a{color:#4d4d4d;text-decoration: none;}
#eventNav #block2 a:hover{color:#ff6637}
#eventNav #block2 span{color:#1f8a00;padding:0 0.5em 0 0}

#eventNav #block2{
	width:302px;
	background: url('../images/sit_green_mid.jpg') repeat-y;
}
#eventNav #block2 ul{
	padding:0px 10px 2px 10px;
	margin:0;
	list-style-type: none;
}
#eventNav #block2 li{
	margin:0 5px 0 5px;
	padding:0.2em 0 0.2em 0;
	display: block;
	border-bottom: 1px dashed #cfcbcc;
	height: 19px;
	line-height: 20px;
}
#eventNav #block2 #btm{
	background: url('../images/sit_green_btm.jpg') no-repeat top #E7F2F6;
	clear: both;
	height: 25px;
	padding: 0 0 0 240px;
}

/*中間內容物 廠商資訊區塊*/
#information a:hover{
	text-decoration: underline;
}

#information{
	padding:0 0 0 322px;
	
}
#information #newsblock{
	width: 643px;
	margin-bottom: 10px;
	min-height:137px;
}
#information #newsblock #content{
	border:1px solid #fff;
	background:#f0f8fb;
	padding:10px 5px;
	width: 305px;
	overflow: hidden;
	line-height: 20px;
}

#information #newsblock #content img{
	border:1px solid #c6cacb;float:left;margin:0 10px 0 0;
	
}
#information #newsblock #content h3,#information #newsblock #content h3 a{color:#1b9105;margin:0;padding:line-height:20px;font-size:12px;font-weight: normal;text-decoration: none;}
#information #newsblock #content p,#information #newsblock #content p a{
	color:#4c4d4f;
	line-height: 1.3em;
	margin:0 0 0.5em 0;
}

/*好康討論區*/
#discuss{
	background-image: url('../images/green_bg.gif');
	border:1px solid #cbdfaa;
	height: 200px;
	margin:0 0 19px 0;
}
#discuss h5,#discuss_b h5{
	height:30px;
	font-size:12px;
	font-weight:normal;
	margin:0;
}
#discuss h5 img,#discuss_b h5 img{margin:8px 0 0 20px}
#discuss h5 span,#discuss_b  h5 span{
	float:right;
	margin:5px 20px 0 0;
	line-height: 20px;
}
#discuss h5 a,#discuss_b h5 a{color:#586956; text-decoration:underline}
#discuss #blockarea{
	width:615px;
	margin:0 auto;
	border:1px solid #fff;
	background:#e6f3d9;
	padding: 7px 1px 10px 5px;
	height: 130px;
}
#blockarea h2{margin:0;line-height:20px}
#blockarea em{font-style: normal;}
#blockarea #funtionNav{width:90px;float:right;margin:0}
#blockarea .idpic{
	float:left;
	margin:0 7px 0 0
}
#blockarea .idname a{color:#1148a2;font-size:12px;font-weight:normal;text-decoration: none;}
#blockarea #speak{
	background: url('../images/sit_circle_top.gif') no-repeat;
	padding: 20px 0 0 0;
	margin-top: 21px;
}
#blockarea #speak p{
	padding:0px 10px 0 10px;
	width:122px;
	background-color: #FFF;
	margin:0 0 -2px 0;
	line-height:20px;
	*line-height:18px;
}
.sqbox{
	width:145px;
	margin: 0px 1px 0 5px;
	float:left;
}
#blockarea #speak img{margin:0 5px 0 0}
#blockarea #speak a{color:#4d4d4d;text-decoration: none;}

#discuss_b{
	background-image: url('../images/blue_bg.gif');
	border:1px solid #cbdfaa;
	height: 200px;
}
#discuss_b #blockarea{
	width:615px;
	margin:0 auto;
	border:1px solid #fff;
	background:#d5ecf2;
	padding: 7px 1px 10px 5px;
	height: 130px;
}
/*中間內容物---大畫布白色資訊區區塊*/
#bigCanvas{
	width:960px;
	border:1px solid #d3e5ef;
	background:#FFF;
	margin:10px auto 0 auto;
	padding:5px 19px 5px 5px;
}

#widget{
	width:220px;
	float: left;
	margin:10px 5px 0 0;
	height: auto;
}
/*中間內容物---大畫布--購物區塊CSS組件*/
#shopArea{
	width:234px;
	float: left;
}
#shopArea h1{margin:0;padding:0;line-height:20px}
#shopArea ul{
	min-height:372px;
	margin:0px;
	list-style-type: none;
	padding:0;
}
#shopArea li{
	float:left;
	display:block;
	width:105px;
	padding:0;
	line-height: 20px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 7px;
	height: inherit;
}


#shopArea li p {line-height: 1.25em;padding:3px 0 0 0;margin:0}
#shopArea li p a{color:#267efc;text-decoration: underline;	}
#shopArea li p a:hover{color:#1B0E8B}
#shopArea li img{border:1px solid #c8c8c8}
#shopArea .price{color:#e00011;font-weight: bold;margin:5px 0 0 0;display:block}
#shopArea .price img{margin:0 0 2px 0.5em ;border:0 none}
#shopArea a.price:link{color:#e00011;text-decoration: none;}
#shopArea a.price:hover{
	color:#e00011;
	text-decoration: underline;
}

/*中間內容物---大畫布--遊戲區塊CSS組件*/
#gameArea{	
	background: url('../images/sit_blue_b_mid.gif') repeat top;
	width:305px;
	float: left;
	margin:0 0 0 5px
}
#gameArea h5{margin:0;}	
#gameArea ul{
	min-height: 374px;
	margin:0;
	padding:0;
}
#gameArea li{
	float:left;
	display:block;
	width:96px;
	margin: 0 1px 10px 3px;
	padding:0;
	line-height: 20px;
}	
#gameArea li a{padding:3px 5px 0 5px; display:block;color:#267efc;text-decoration: none;}
#gameArea li a:hover{
	background-color:#E2F1F5;color:#267efc
}
#gameArea li img{padding:2px;border:1px solid #656766;background-color:#FFF}
#gameArea li span{display:block;color:#267efc}

#ad_block{
	float: left;
	margin:10px 0 0 5px;
	width:180px;
	line-height: 20px;
}
#ad_block img{
	border:1px solid #dadada;
	padding: 1px;
}
#ad_block span{display:block;}
#ad_block div{
	margin:0 0 11px 0
}
#ad_block a span{
	color:#267efc;
	text-decoration: underline;
}
/*中間內容物--文字資訊區塊--*/
#infoBlock{
	height:270px;
	margin: 10px auto 0px auto;
}
#infoBlock #newsArea{width:260px; height:270px;;float:left}
#infoBlock #newsArea #newArrival{
	width:256px;
	height:85px;
	background: url('../images/block_shadow_bg.gif') no-repeat right top;
	margin:0 0 5px 0;
}
#newsIocn{
	float:left;
	position: absolute;
	width:32px;
	height:32px;
	background: url('../images/icon/new.gif') no-repeat left top;
	*margin: 0 0 0 -107px;
}
#newArrival #block {
	width:250px;
	height:85px;
	border:1px solid #c4d3e8
}
#newArrival #block #ouline{ background-color:#FFF;margin:5px 4px ;height:75px;}
#newArrival #block #ouline a:hover{ text-decoration:underline}
#newArrival #block #ouline h3,#newArrival #block #ouline h3 a{color:#129e00;margin:0;font-size:12px;line-height:20px;font-weight:normaltext-decoration: none;}
#newArrival #block #ouline p,#newArrival #block #ouline p a{
	color:#e10101;
	line-height: 1.4em;
	margin:0;
	padding:0;
	text-decoration: none;
}
#newArrival #block #ouline em{ font-style:normal}
#newArrival #block #ouline span{ float:right}
#newArrival #block #ouline img{
	float:left;
	margin:1px 6px 0 1px
}
#infoBlock #infotxtarea{
	background: url('../images/txt_bg.gif') no-repeat;
	float:left;
	margin:10px 0 0 0;
}
#infoBlock #infotxtarea ul{
	display:block;
	float:left;
	width:85px;
	padding:7px 11px 0 4px;
	margin:0;
	line-height:20px;
	list-style-type: none;
}
#infoBlock #infotxtarea li{
	margin:0;padding:0;
	height: 24px;
	line-height:20px;
}
#infoBlock #infotxtarea li a{
	padding:0 0 0 20px;
	margin:0;
	color:#7695c1;
	height: 24px;
	background: url('../images/icon/list_bg.gif') no-repeat left top;
	display:block;
	text-decoration: none;
}
#infoBlock #infotxtarea li a:hover{
	color:#639;
	text-decoration: underline;
}
.tltle_center{
	text-align: center;
}

/*footer*/
#footerDiv{
	height:70px;
	border-top:1px solid #7199cc;
	background:#91aed6;
	text-align: center;
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	font-size:12px;
	line-height:20px;
}
#footer{
	margin:auto;
	width:845px;
	padding: 16px 65px 0px 65px;
	color:#FFF;
	text-align: left;
}
#footer .logoimg{
	float:left;
	margin: 0 10px 0 0;
}
#footer a{color:#FFF;text-decoration: none;}
#footer a:hover{ text-decoration:underline}
#copyright{
	color:#0057BF;
	float: left;
	width:720px;
}
#copyright a{color:#0057bf;text-decoration:underline}

/*footer  下拉選單*/
#langSel {
	margin: 0;
	padding: 0;
	font-size: 13px;
	float: left;
}
#langSel:hover #langSelItem,
#langSel.ahover #langSelItem {
	border-color: white;
	color: #7a7a7a;
	cursor: pointer;
	border: 1px solid #d1d1d1;
	
}
#langSelItem {
	width: 92px;
	height: 18px;
	border: 1px solid #d1d1d1;
	color: #7a7a7a;
	padding-left: 6px;
	margin-left:15px;
	background-color: #fff;
	background: url('../images/btn_bg_arr.gif') no-repeat right center;
}
#langSel:hover ul#langSelDropdown,
#langSel.ahover ul#langSelDropdown {
	display: block;background:#fff
}
ul#langSelDropdown {
	position: absolute;
	display: none;
	width:  98px;
	margin-left:15px
}
ul#langSelDropdown li {
	float: none;
	color: #7a7a7a;
	margin: 0;
	padding: 0;
	background-color: #ffff;
}

ul#langSelDropdown li a {
	float: none;
	color: #7a7a7a;
	margin: 0;
	padding: 0;
	display: block;
	padding-left: 7px;
	width:  91px;
	text-decoration: none;
}	
ul#langSelDropdown li a:hover {
	display: block;
	padding-left: 7px;
	color: #3b3b3b;
	background-color: #fff;
}
li#langSelOption a,
li#langSelOption a:hover {
	background-color:  #fff;text-decoration: none;
}
#speak .eatbottom {
	background-image: url(../images/sit_circle_btm.gif);
	background-repeat: no-repeat;
	height: 10px;
	*height: 8px;
	width: 143px;
}
.style2 {color: #444444}


/* 購物中心修改部份 start */

.ShoppingMall {
	float: left;
	height: auto;
	width: 234px;
}
.ShoppingMallTop {
	background-image: url(../images/sit_blue_top.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width: 234px;
}
.ShoppingMallFoot {
	background-image: url(../images/sit_blue_btm.gif);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 234px;
}
.ShoppingMallMain {
	float: left;
	height: auto;
	width: 234px;
	background-image: url(../images/sit_blue_mid.gif);
	background-repeat: repeat-y;
}
.GoodsArea {
	float: left;
	height: auto;
	width: 98px;
	margin-right: 9px;
	margin-left: 9px;
}
.GoodsPic {
	float: left;
	height: 98px;
	width: 98px;
	border: 1px solid #CCCCCC;
	margin-bottom:5px;
}
a.GoodsText:link,a.GoodsText:active {
	font-size: 12px;
	color: #000000;
	font-size: 12px;
	color: #267EFC;
	float: left;
	height: auto;
	width: 98px;
	text-decoration: none;
}
a.GoodsText:hover,a.GoodsText:visited {
	font-size: 12px;
	color: #267EFC;
	text-decoration: none;
}

/* 購物中心修改部份 end */

/* 試民服務試民等級按鈕 */
.btn-service a{
	display:block;
	background:url(../index/new/index_04.gif) no-repeat;
	width:142px;
	height:52px;
	text-indent:-9999px;}
.btn-service a:hover{
	background:url(../index/new/index-b_04.gif) no-repeat;}
.btn-grade a{
	display:block;
	background:url(../index/new/index_05.gif) no-repeat;
	width:143px;
	height:52px;
	text-indent:-9999px;}
.btn-grade a:hover{
	background:url(../index/new/index-b_05.gif) no-repeat;}
/* FB粉絲 */
.fb-fancy-bg {
	background:url(../index/new/index_08.png) no-repeat;
	width:708px;
	height:662px;}
/* 好試民最新文章 */
.right-bg{
	background:url(../index/new/right-bg.png) repeat-y;
	width:282px;}
.right-box{
	background:url(../index/new/right-box.png) no-repeat;
	width:282px; height:92px;}
.right-box h3{
	font-size:13px;
	color:#ff8100;
	line-height:35px;
	margin:0;
	padding-left:20px;}
.right-box p{
	margin:0;
	padding:0 15px;
	font-size:13px;
	line-height:18px;
	color:#7a7777;}