﻿

/* manin > box */
.box{clear:both; margin:0 0 14px 0;}
.box_title{}
.box_text{clear:both;}





/* ICON-主題*/
.theme-001{/*人物*/ background:url(../Images/icon.png) no-repeat -150px 3px;}
.theme-002{/*旅遊*/ background:url(../Images/icon.png) no-repeat -150px -47px;}
.theme-003{/*美食*/ background:url(../Images/icon.png) no-repeat -150px -97px;}
.theme-004{/*消費*/ background:url(../Images/icon.png) no-repeat -150px -147px;}
.theme-005{/*樂活*/ background:url(../Images/icon.png) no-repeat -150px -197px;}
.theme-006{/*娛樂*/ background:url(../Images/icon.png) no-repeat -150px -247px;}
.theme-007{/*娛樂*/ background:url(../Images/icon.png) no-repeat -150px -297px;}
.theme-008{/*娛樂*/ background:url(../Images/icon.png) no-repeat -150px -347px;}

/* ICON-login : 20120306 */
.member-text ul li {background:url(../Images/icon-login.png) no-repeat;}
.member-text ul li.login-myHome{/*我的首頁*/ background-position:6px -145px;}
.member-text ul li.login-memberCenter{/*會員中心*/ background-position:6px -45px;} 
.member-text ul li.login-friendsApply{/*好友申請*/ background-position:6px 5px;}
.member-text ul li.login-latestResponse{/*最新通知*/ background-position:6px -95px;}
.member-text ul li.login-sharingSettings{/*分享設定*/ background-position:6px -395px;}
.member-text ul li.login-accountInfo {/*帳戶資料*/ background-position:6px -445px;}
.member-text ul li.login-mailbox{/*我的信件夾*/ background-position:6px -195px;}
.member-text ul li.login-bonuscenter{/*積分中心*/ background-position:6px -495px;}


/* 頁碼 */
.page_item {background:url(../../Hotel/Images/ml/ML_pager_bg.gif) repeat-x 0 0; height:36px; text-align:center; color:#777; margin-top:15px; padding:3px 0; clear:both;}
.page_item p {line-height:36px; vertical-align:middle; margin:0;}
.page_item p a {text-decoration:none; padding:1px 3px; font-weight:bold; border:1px solid #fff;}
.page_item p a:link,.page_item p a:visited {color:#000;}
.page_item p a:hover,.page_item p a:active {color:#e60012; border:1px solid #e60012; background-color:#fff;}
.page_item p a.a_page {font-weight:normal; border:none; background-color:transparent;}
.page_item p a.a_page:link,.page_item p a.a_page:visited {color:#777;}
.page_item p a.a_page:hover,.page_item p a.a_page:active {color:#333;}
.page_selected {border:1px solid #e60012; background-color:#fff; color:#e60012; padding:1px 3px; font-weight:bold;}


/* btn */
#HMain .btn_box{ height:24px; line-height:24px;}
#HMain .btn_box li{ float:left; height:24px; margin:0 0 0 3px;}
#HMain .btn_box span{ float:left; height:24px;lin-height:24px; text-align:center;}
#HMain .btn_box span a{ color:#333; height:24px;lin-height:24px;}
#HMain .btn_box span.btn_left{ display:block; width:2px; height:24px; background: url(../H/CHImages/btn_left.png) repeat-x;}
#HMain .btn_box span.btn_right{ display:block; width:2px; height:24px; line-height:24px; background:url(../H/CHImages/btn_right.png) no-repeat;}
#HMain .btn_box span.btn_center{ display:block; min-width:10px; height:24px; line-height:24px; padding:0px 8px; background:url(../H/CHImages/btn_center.png) repeat-x;}






/* select圖形化設定 */
.form_select{ height:18px; padding:0 0 6px 0;}

.select_box60 {width:60px;height:24px;}
.select_box60 div.tag_select{display:block;color:#666;width:40px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box60 div.tag_select_hover{display:block;color:#666;width:40px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box60 div.tag_select_open{display:block;color:#666;width:40px;height:24px;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box60 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat right bottom;width:60px;padding:0 0 5px;margin:0;}
.select_box60 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_60x24.png") repeat-y -60px 0;display:block;width:40px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box60 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -72px;color:#fff}
.select_box60 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -96px;color:#fff}

.select_box80 {width:80px;height:24px;}
.select_box80 div.tag_select{display:block;color:#666;width:60px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box80 div.tag_select_hover{display:block;color:#666;width:60px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box80 div.tag_select_open{display:block;color:#666;width:60px;height:24px;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box80 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat right bottom;width:80px;padding:0 0 5px;margin:0;}
.select_box80 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_80x24.png") repeat-y -80px 0;display:block;width:60px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box80 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -72px;color:#fff}
.select_box80 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -96px;color:#fff}

.select_box100 {width:100px;height:24px;}
.select_box100 div.tag_select{display:block;color:#666;width:80px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box100 div.tag_select_hover{display:block;color:#666;width:80px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box100 div.tag_select_open{display:block;color:#666;width:80px;height:24px;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box100 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
.select_box100 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_100x24.png") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box100 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -72px;color:#fff}
.select_box100 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -96px;color:#fff}


.select_box206 {width:226px;height:24px;}
.select_box206 div.tag_select {display:block;color:#666;width:206px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box206 div.tag_select_hover{display:block;color:#666;width:206px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box206 div.tag_select_open{display:block;color:#666;width:206px;height:24px;background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box206 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat right bottom;width:226px;padding:0 0 5px;margin:0;}
.select_box206 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_226x24.png") repeat-y -226px 0;display:block;width:206px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box206 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat 0 -72px;color:#fff}
.select_box206 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_226x24.png") no-repeat 0 -96px;color:#fff}




/* input圖形化設定 */
.form_input_text{ height:18px; padding:3px 2px;}
.form_input_text input{ border:solid 0px #fff;}





/* ---------------------------------------------------------------------------------------- */

/* --------- 20111104 更新 --------- */

/* 會員登入*/
.login h4{ height:27px; color:#333; margin:5px 0;}
.login h4 div.title{ float:left; padding:0 0 0 15px; font-size:19px; font-weight:bold; font-family:"微軟正黑體";}
.login h4 div.expansion{ float:right; height:27px; line-height:27px; text-align:right; font-size:12px; margin-right:5px;}
.login h4 div.expansion ul {margin:0; padding:0; list-style:none;}
.login h4 div.expansion li{ float:left;background:url(../Images/icon.png) no-repeat 0px 5px; padding-left:18px; margin-right:3px; display:inline; font-weight:normal;}
.login h4 div.expansion li a{ color:#333; text-decoration:none;}
.login h4 div.expansion li a:hover{ color:#999;}
/* 會員登入 登入前 輸入帳號密碼*/
#login_1 { width:300px;}
#login_1 .loginbox-login{ padding:0 0 10px 0;}
#login_1 .loginbox-login .login-normal{ padding:10px 0; background:url(../images/member-bg2.jpg) repeat; margin:0 3px 2px 3px; height:80px;}
#login_1 .loginbox-login .login-normal .login-bar{ margin:0 20px 0 20px; padding:0 0 10px 0px;}
#login_1 .loginbox-login .login-normal .login-bar .login-username{ height:24px;}
#login_1 .loginbox-login .login-normal .login-bar .login-password{ height:24px;}
#login_1 .loginbox-login .login-normal .login-bar span.item{ margin:0 6px 0 0;}
#login_1 .loginbox-login .login-normal .login-bar input.input_username{ width:156px; border:none; border-bottom:1px solid #9c9c9c; background:url(../images/member-bg2.jpg) repeat;}
#login_1 .loginbox-login .login-normal .login-bar input.input_password{ width:156px; border:none; border-bottom:1px solid #9c9c9c; background:url(../images/member-bg2.jpg) repeat;}
#login_1 .loginbox-login .login-normal .login-bar input.login-send { float:right;
	width:58px;
	height:50px;
	border:0;
	color:#fff;
	margin:-45px 0 0 0;
	background-color:transparent;
	background-image: url(../Images/btn-login.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;}

/* 切換到別的帳號登入 */
#login_1 .login-otherid {height:80px; padding:10px 0; margin-bottom:2px;}
#login_1 .login-otherid ul.otherid{margin:0 0 0 15px; padding:0; display:block;}
#login_1 .login-otherid ul.otherid li{float:left; display:block; list-style-type:none; margin:0 6px 0 0; width:86px; height:38px; overflow:hidden;}
#login_1 .login-otherid ul.otherid li span {display:none;}
#login_1 .login-otherid ul.otherid li a {width:86px; height:38px; display:block;}
#login_1 .login-otherid ul.otherid li.other_fb a {background:url(../images/member_fb.jpg) no-repeat 0 0;}
#login_1 .login-otherid ul.otherid li.other_google a {background:url(../images/member_google.jpg) no-repeat 0 0;}
#login_1 .login-otherid ul.otherid li.other_yahoo a {background:url(../images/member_yahoo.jpg) no-repeat 0 0;}
#login_1 .login-otherid ul.otherid li a:hover {background-position:0 -38px;}

#login_1 .login-otherid p.titlep{margin:5px 0 10px 15px; font-family:"微軟正黑體", "新細明體"; font-size:14px; font-weight:bold;}

#login_1 .memberAccount { width:293px; height:36px; display:block; overflow:hidden;}
#login_1 .memberAccount a {width:293px; height:36px; display:block;}
#login_1 .memberAccount a span {display:none;}
#login_1 .memberAccount.m_other_login a { background:url(../images/member_other.png) no-repeat 0 0;}
#login_1 .memberAccount.m_xin_login a { background:url(../images/member_xlogin.png) no-repeat 0 0;}
#login_1 .memberAccount a:hover {background-position:0 -36px;}
	
	
/* 會員登入 登入前 保持登入狀態*/
#login_1 .loginbox-login .login-normal .login-options{ margin:0 0 0 20px;}
#login_1 .loginbox-login .login-normal .login-options span.forgetPWD {margin-left:10px; background:url(../images/member_icon.jpg) no-repeat 0 center; padding-left:18px;}
#login_1 .loginbox-login .login-normal .login-options a{ color:#bd0000;}
#login_1 .loginbox-login .login-normal .login-options a:hover{ color:#ff0000;}

/* 會員登入 登入後 */
#login_2 { width:300px;}
#login_2 .member-box{ padding:8px; margin:0 3px 0 3px; background:url(../images/member-bg2.jpg) repeat;}
#login_2 .member-box .member-title{ text-indent:10px; display:block; height:13px;}
#login_2 .member-box .member-title span.member-name{ font-weight:bold;}
#login_2 .member-box .member-text{padding:10px 0 0 0;}
#login_2 .member-box .member-text ul {margin:0; padding:0; list-style:none;}
#login_2 .member-box .member-text li{ float:left; width:137px; line-height:24px; text-indent:35px; border-bottom:solid 1px #ddd; margin:0 2px 2px 0; background-color:#fff;}
#login_2 .member-box .member-text li:hover{ background-color:#eee; cursor:pointer;}/*20121217*/
#login_2 .member-box .member-text li a{ color:#000; text-decoration:none;}
#login_2 .member-box .member-text li span.data{ color:#cc0033;}

/* ICON-login : 20120306 */
.member-text ul li {background:url(../Images/icon-login.png) no-repeat;}
.member-text ul li.login-myHome{/*我的首頁*/ background-position:6px -145px;}
.member-text ul li.login-memberCenter{/*會員中心*/ background-position:6px -45px;} 
.member-text ul li.login-friendsApply{/*好友申請*/ background-position:6px 5px;}
.member-text ul li.login-latestResponse{/*最新通知*/ background-position:6px -95px;}
.member-text ul li.login-sharingSettings{/*分享設定*/ background-position:6px -395px;}
.member-text ul li.login-accountInfo {/*帳戶資料*/ background-position:6px -445px;}
.member-text ul li.login-mailbox{/*我的信件夾*/ background-position:6px -195px;}
.member-text ul li.login-bonuscenter {/*積分中心*/ background-position:6px -495px;}

/*積分進帳 20121217
#login_2 .member-box .member-text li.bonusIn { background:url(../Images/icon-login.png) no-repeat 6px -495px #f99;}
#login_2 .member-box .member-text li.bonusIn:hover { background-color:#fcc;}*/









/* 市場快訊 */
#latestNews {border:1px solid #efefef; width:298px;}
#latestNews h4.box_title {background:url(../Images/latestNews_title_bg.gif) no-repeat 0 0; width:298px; height:30px; display:block;}
#latestNews h4.box_title .title {display:block; padding:8px 0 0 64px;  font-size:15px; font-weight:bold; font-family:"微軟正黑體";}
#latestNews h4.box_title .expansion {display:none;}
#latestNews .box_text.content {padding:12px;}
#latestNews .box_text .latest_news_item {display:block; clear:both; height:80px; /*margin:0 0 6px 0; border-bottom:1px solid #efefef;*/ border-top:1px solid #efefef; margin:6px 0 0 0; padding-top:3px; }
#latestNews .box_text .latest_news_item:first-child {margin-top:0; border-top:none;}
/*#latestNews .box_text .latest_news_item:last-child {margin-bottom:0; border-bottom:none;}
#latestNews .box_text .latest_news_item.last {margin-bottom:0; border-bottom:none;}*/
#latestNews .latest_news_item .latest_news_pic {float:left; width:70px; height:70px; margin:6px 0 0 0;}
#latestNews .latest_news_item .latest_news_pic .img_div {width:70px; height:70px; display:block; text-align:center;}
#latestNews .latest_news_item .latest_news_pic .img_div img {}
#latestNews .latest_news_item .latest_news_txt {width:195px; height:68px; display:block; float:right; padding:3px 0 5px 0;}
#latestNews .latest_news_item .latest_news_txt p {color:#595757; font-size:13px; line-height:18px; display:block; margin:6px 0;}
#latestNews .latest_news_item .latest_news_txt p a {font-weight:bold; color:#5f307a;}
#latestNews .latest_news_item .latest_news_txt p a:link,#latestNews .latest_news_item .latest_news_txt p a:visited {text-decoration:none;}
#latestNews .latest_news_item .latest_news_txt p a:hover,#latestNews .latest_news_item .latest_news_txt p a:active {text-decoration:underline;}



/* 廣告 1 */
#webAD_1{ clear:both;}
#webAD_1 h4{ display:none;}
#webAD_1 .img_div{ width:300px; height:250px; line-height:250px; text-align:center; background:#eee;}
#webAD_1 .img_div img{width:300px; height:250px;}

/* 廣告 2 */
.webAD_2{ clear:both;}
.webAD_2 h4{ display:none;}
.webAD_2 .img_div{ width:300px; height:100px; line-height:100px; text-align:center; background:#eee;}
.webAD_2 .img_div img{width:300px; height:100px;}

/* 首頁665x120廣告 */
.webAD_3{ clear:both; margin:0 0 14px 5px; width:665px;}
.webAD_3 h4{ display:none;}
.webAD_3 .img_div{ width:665px; /*height:120px; line-height:120px;*/ text-align:center; /*background:#eee; border:1px solid #e0e0e0;*/}
.webAD_3 .img_div img{width:665px; height:120px;}


/* 4則廣告 */
.webAD4{ clear: both; height: 60px; margin:0 auto 15px auto; width: 1000px;}
.webAD4 h4{ display:none;}
.webAD4 .img_div{ width:240px; height:60px; text-align:center; float:left; margin:0 5px;}
.webAD4 .img_div img{width:240px; height:60px;}


/* 廣告:頁面中橫幅廣告 */
.webAD_336{ float:left; clear:none;}
.webAD_336.style2 {float:right;}
.webAD_336 h4{ display:none;}
.webAD_336 .box_text {clear:none;}
.webAD_336 .img_div{ width:336px; height:100px; line-height:100px; text-align:center; background:#eee;}
.webAD_336 .img_div img{}



/* 廣告:頁面中橫幅廣告 */
.webAD_220{ float:left; clear:none; margin-right:10px;}
.webAD_220.style2 { margin-right:0;}
.webAD_220 h4{ display:none;}
.webAD_220 .box_text {clear:none;}
.webAD_220 .img_div{ width:220px; height:100px; line-height:100px; text-align:center; background:#eee;}
.webAD_220 .img_div img{ width:220px; height:100px;}



/* for IE6 */
#ie-6 { background:#FEF1F4; color:#333; font-size:12px; text-align:left; padding:10px; margin:5px 0px; font-family:細明體; height:100px;}
#ie-6 strong{ color:#BB38A5; font-size:15px;}
#ie-6 div {float:left; margin-right:30px; margin-top:30px;margin-left:30px; line-height:18px;}
#ie-6 img {border:0px; margin:0 5px; }
#ie-6 a {border:1px solid #ccc; display:inline-block; background:#fff;}
#ie-6 a:hover {border:1px solid #eee;}



/* rss : 20120515 */
#rssOrder {text-align:center;}/*20120522*/
#rssOrder .iWidget a{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss.png) 0px -78px no-repeat;}
#rssOrder .iGoogle a{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss.png) 0px -37px no-repeat;}
#rssOrder .iRss a{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss.png) 0px 3px no-repeat;}
#rssOrder span{margin:0px 8px;}/*20120522*/
#rssOrder .shadow{position:relative;bottom:7px;height:10px;}
#rssOrder .shadow .iWidget{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss1.png) 0px -78px no-repeat;}
#rssOrder .shadow .iGoogle{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss1.png) 0px -37px no-repeat;}
#rssOrder .shadow .iRss{display:inline-block;width:80px;height:35px;background:url(../Images/indexImages/icon_rss1.png) 0px 3px no-repeat;}

.googlead {
height: 617px;
overflow: hidden;
position: absolute;
top: 200px;
right: -130px;
}