@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
p { margin:5px 0 10px 0; }

/*ContactUs.php display input box*/
/*body, input, form, img, h1, h2{ margin:0; padding:0; border:0;}*/
body, .global_header_textbox, form, img, h1, h2{ margin:0; padding:0; border:0;}
/*END Contact.php display input box*/

body {font:normal 80% arial, 新細明體, mingliu; background-color:#ebeddf; font-size:13px; color:#666666;}
outline {border:none;}
div {margin:0px; padding:0px;}
table {margin:0; padding:0;}
ul {list-style-type:none;}
select,input,textarea{font:95% arial, 新細明體, mingliu;}
a:link {text-decoration:none; outline:none;}
a:hover {text-decoration:underline; outline:none;}
a, a:visited {text-decoration:none;}

/*IE footer problem*/
/*.clear {clear:both; font-size:0px;}*/
.clear1{clear:both; font-size:0px;}
/*END IE footer problem*/

.none {display:none;}

/* Index start */
#index_main{
	margin:0px auto 0px auto;
	width:1000px;
	background:url(../images/right_col_bg.gif) repeat-x #d8e6ce;
}
.index_body h1{font-size:1.8em; color:#59862f; margin-bottom:0px; line-height:1.5em; padding:5px 0 0 0;}
.index_body h1 span.topiccount{font-size:0.65em;}
.index_body h2{padding:12px 10px 4px 25px; font-size:1.3em; line-height:1.3em; text-align:left; margin:0 0 4px 0;  color:#444;}
.index_body h2 span.topiccount{font-size:0.85em;}

h1.subtopic{font-size:1.8em; color:#59862f; height:37px; padding:5px 0 0 0; margin-bottom:0; line-height:1.5em;}
h1 a, h1 a:visited, h1.subtopic a, h1.subtopic a:visited{color:#59862f;}  
h1 a:hover, h1.subtopic a:hover{color:#3e5d21; text-decoration:none;}
h2 a:hover{color:#3e5d21; text-decoration:none;} 

.dropdown{padding:1px 1px 1px 1px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc;}

.global_header_dropdown{width:80px; padding:1px 1px 1px 1px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc;}
/*Dipslay search button*/
/*.global_header_textbox, INPUT{width:200px; padding:0 4px; height:19px; line-height:19px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc; vertical-align:middle;}*/
.global_header_textbox {width:200px; padding:0 4px; height:19px; line-height:19px; font-size:0.95em; color:#666; margin-right:0px; border:1px solid #ccc; vertical-align:middle;}
/*END Display search button*/

h3{font-size:1.3em; color:#59862f; margin:10px 0 10px 0;}
h3 a, h3 a:visited{color:#59862f;}
h3 a:hover{color:#3e5d21; text-decoration:none;}
.date{color:#444; font-size:0.99em; padding:2px 0 2px 0;}

/* START button style */
/*Firefox header search button*/
/*.btn{font-size:0.9em; background:url(../images/btn_cls.gif) no-repeat right top; color:#FFF;padding:3px 0px 3px 0px;}*/
.btn{ font-size:1.0em; background:url(../images/btn_cls.gif) no-repeat right top; color:#FFF;padding:3px 0px 3px 0px;}
/*END Firefox header search button*/
#index_header .btn a,
#index_header .btn a,
.btn a:link,
.btn a:visited{padding:3px 5px 3px 10px; color:#FFF; margin-right:5px; background:url(../images/btn.gif) no-repeat; text-decoration:none;}
#index_header .btn a:hover,
.btn a:hover{text-decoration:none; color:#3e5d21;}
.btn a.header_search_btn:link{background-image: none;}
/* END button style */

/*START UGoody share header */
#index_header{background:#FFF; margin:0px;}
#index_header .index_logo{float:left; margin:10px 22px 10px 10px;}
#index_header .banner{float:left; margin:10px 0px 10px 0px;}
#index_header a{color:#5f5f5f;text-decoration:none;}
#index_header a:hover{text-decoration:underline;}
#index_header .active {font-weight:bold;}
#index_header .login_msg{float:right;margin:0px 15px 10px 0px;font-size:0.95em;text-align:right;}
#index_header .region{margin:0px 10px 10px 0px;float:right;font-size:0.95em;color:#5f5f5f;}
/*END UGoody share header */

/*START navigation */
.utravelheader{margin:0px 10px 0px 10px; background-color:#dedede;width:980px;float:left;}
.utravelheader #myslidemenu{position:relative !important; position:absolute; z-index:1000;}
/*#index_header A.navigation{display:block; font-size:18px; padding:0px 0px 0px 20px; color:#59862F;}*/
#index_header A.navigation{display:block; font-size:18px; padding:0px 0px 0px 20px; color:#59862F; text-decoration:none!important;}
#index_header A:hover.navigation {color:#3f7909; text-decoration:none!important; font-weight:bold}
.mainmenu ul.navigation{float:right;}
.mainmenu li.submenu{display:block; float:left; width:110px;}
.index_search{margin:10px;}
#header_search .searchboxgroup{float:left; width:300px; padding:0px 0px 10px 0px;}
/*END navigation */

/* START 2 column */
#index_rightcol{float:right; width:300px; padding:0; margin:10px 12px 0 0;}
#index_maincontent{float:left; width:675px; margin-top:10px; padding-top:0px; background-color:#FFF;}
/* END 2 column */

/* START Hot topics */
.hottopic{margin-top:10px; color:#333333;} 
.hottopic a{color:#333333;}
/* END Hot topics */

/* START right column login */
.index_login{width:300px; height:55px; margin-bottom:10px; color:#666; background:url(../images/loginbox_cen.gif) repeat-y;}
.index_login .form{padding:9px 10px 0px 10px; background:url(../images/loginbox_top.gif) no-repeat;}
.index_login .closure{height:7px; background:url(../images/loginbox_btm.gif) no-repeat bottom;}
.index_login .topic{color:#7eb44d; font-size:1.4em; vertical-align:middle;}
.index_login .remarks{margin:3px 0 0 40px;font-size:0.85em;}
.index_login a,
.index_login a:visited{color:#333;}
.index_login .logout{margin:5px; font-size:0.9em; height:45px;}
.index_login INPUT{width:80px;}
/* END right column login */

/* START right column share */
#index_rightcol #index_share{background:url(../images/index_sharebg_low.gif) #9b9b9b bottom left no-repeat; padding:0; margin:0;}
#index_rightcol #index_share h1.topic{color:#fff; background:url(../images/index_sharebg_top.gif) top left no-repeat; padding:5px 5px 0 8px; margin:0; font-size:1.8em; line-height:1.5em; padding-top:5px;}
#index_rightcol #index_share h2{margin-top:0;}
#index_rightcol #index_share ul{list-style:none; margin:0; padding:0;}
#index_rightcol #index_share li{background-color:#dfdfdf; font-size:0.99em; line-height:1.3em; padding:8px 8px 8px 3px; margin-bottom:8px; color:#333333; clear:both;}
#index_rightcol #index_share li img{float:left; padding-right:10px;}
#index_rightcol #index_share li img a{border:0;}
#index_rightcol #index_share li .pink{font-size:1.2em; line-height:1.3em; color:#b21f6a; margin:0; padding:5px 0 5px 0;}
#index_rightcol #index_share li .pink a, #index_rightcol #index_share li .pink a:visited {color:#b21f6a; text-decoration:none;}
#index_rightcol #index_share li p{margin:0; padding:5px 0 5px 0;}
#index_rightcol #index_share li .date{padding:0 0 5px 0; margin:0; color:#444;}
#index_rightcol #index_share li a, #index_rightcol #index_share li a:visited{color:#333333;}
#index_rightcol #index_share h2 a, #index_rightcol #index_share h2 a:visited{color:#444;}
#index_rightcol #index_share h2 a:hover{color:#3e5d21; text-decoration:none;}
#index_rightcol #index_share li .pink a:hover{color:#8e064c; text-decoration:none;}

/* END right column share */

/* START footer*/
#index_footer{font-size:0.9em; line-height:1.4em; background-color:#939393; }
#index_footer .ugoody{background-color:#dedede; color:#333333; text-align:center; padding-top:7px; height:20px;}
#index_footer .ugoody a{padding-right:30px; font-weight:bold;}
#index_footer .ugoody a, #index_footer .ugoody a:visited{color:#333333;}
#index_footer .sitemap{color:#fff; padding:0 10px 10px 15px; float:left;}
#index_footer .sitemap h3{font-size:1.8em; line-height:1.2em; width:30px; color:#fff; float:left;}
#index_footer .sitemap ul{margin:10px 0 0 0; padding:5px 0 0 5px; width:420px; border-left:1px solid #fff; float:left;}
/*Careers.php white text*/
#index_footer .sitemap li{padding-bottom:10px; float:left; width:350px; color:#FFFFFF}
#index_footer .sitemap li.topic{width:65px; color:#FFFFFF}
#index_footer .sitemap ul{margin:10px 0 0 0; padding:5px 0 0 5px; width:900px; border-left:1px solid #fff; float:left;}
#index_footer .sitemap li{padding-bottom:10px; float:left;width:800px;}
#index_footer .sitemap li.topic{width:65px;clear:left;}
/*END Careers.php white text*/

#index_footer .sitemap li a{padding-right:0px;}
#index_footer .sitemap li a, #index_footer .sitemap li a:visited{color:#fff;}
#index_footer .copyright{background-color:#191919; padding:0 15px 6px 15px; color:#fff; height:80px; color:#ababab;}
#index_footer .copyright a, #index_footer .copyright a:visited, #index_footer .copyright a:hover{color:#fff;}
#index_footer .copyright img{float:left; border:0;}
#index_footer .copyright p{margin:10px 0 0 10px;}
#index_footer .copyright .link{margin:15px 0 10px 15px; width:550px; float:left; line-height:1.4em;}
#index_footer .copyright .link a{padding:0 10px 0 10px;}
#index_footer .copyright .communicate{float:right; margin-top:15px;}
#index_footer .copyright .communicate img{padding-left:5px;}
#index_footer a {font-size: 13px;}
/* END footer*/

/* START main content margin */
#index_slide,
#index_editorial,
#index_minor_content,
#index_planner{margin:0px 9px 5px 13px;}
/* END main content margin */

/* START editorial round border box */
.editorial_top{background:url(../images/editorial_top.gif) repeat-y; height:8px;}
.editorial_top .corner{height:8px; background:url(../images/editorial_top2.gif) no-repeat right top;}
.editorial{padding:0px 10px 0px 10px;border-left:1px #ccc solid; background:url(../images/editorial_cen.gif) repeat-y right;}
.editorial_closure{height:40px;background:url(../images/editorial_btm.gif) repeat-x;}
.editorial_closure .corner{height:40px;background:url(../images/editorial_btm2.gif) no-repeat right top;}
/* END editorial round border box */

/* START editorial inner content */
.editorial H2,
#share H2{padding:0px 0px 0px 25px; background:url(../images/topic_icon.gif) no-repeat;}
.editorial H2 A,
#share H2 A{font-weight:normal;color:#59862f;}
.editorial H2 A:hover,
#share H2 A:hover{color:#3e5d21;}
.editorial A{color:#444;}

.editorial .travel DIV,
.editorial .theme DIV{margin:4px 2px 10px 2px;width:153px;float:left;}

.editorial .preview IMG{vertical-align:top;margin-bottom:5px;border:solid 1px #333;}
.editorial .preview A:hover{text-decoration:underline;}
.editorial .tour .preview IMG{display:none;}
.editorial .tour .pixholder{float:right; margin:-45px 12px 0px 0px;}
.editorial .tour .preview A{ display:block; width:230px; padding:5px 0px 5px 0px; border-bottom:dotted 1px #59862F;}
.editorial .tour .preview A.highlight{ color:#59862F; }

.editorial .seperator{clear:both;margin:0px 0px 10px 0px;background:url(../images/editorial_sep.gif) repeat-x;height:1px;}
/*IE footer problem*/
/*HR.clear{margin:0px; padding:0px; visibility:hidden;}*/
HR.clear1{margin:0px; padding:0px; visibility:hidden;}
/*IE footer problem*/
/* END editorial inner content */

#index_minor_content .box{width:49%; float:left;}
#index_minor_content .right{float:right;}

.hottopic{clear:both; padding:5px 0px 5px 0px;}
.hottopic .hot{color:#900;}

.yellowbox .top{					background:url(../images/yellowbox_top.gif) no-repeat top left; height:10px;}
.yellowbox .top .corner{			background:url(../images/yellowbox_top2.gif) no-repeat top right; height:10px;}
.yellowbox {						background:url(../images/yellowbox_cen.gif) repeat-x #ffe9b9; margin-bottom:10px;}
.yellowboxshort{					background:url(../images/yellowbox_cen_short.gif) repeat-x #ffe9b9;}
.yellowbox .content{				background:url(../images/yellowbox_brd_left.gif) repeat-y;padding:0px 0px 0px 15px;}
.yellowbox .content .right_border{	background:url(../images/yellowbox_brd_right.gif) repeat-y right;}
.yellowbox .closure{				background:url(../images/yellowbox_btm.gif) no-repeat bottom left; height:15px;}
.yellowbox .closure .corner{		background:url(../images/yellowbox_btm2.gif) no-repeat bottom right; height:15px;}
.yellowbox DIV.links A{				background:url(../images/icon_tips.gif) no-repeat 3px 5px; padding:3px 0px 3px 20px;color:#444;display:block;}
.yellowbox DIV.links A:hover{ 		text-decoration:underline;}

.sharebox .top{						background:url(../images/sharebox_top.gif) no-repeat top left; height:8px;}
.sharebox .top .corner{				background:url(../images/sharebox_top2.gif) no-repeat top right; height:8px;}
.sharebox {							background:url(../images/sharebox_cen.gif) repeat-x #d9e6b9;}
.sharebox .content{					background:url(../images/sharebox_brd_left.gif) repeat-y;padding:0px 0px 0px 15px;}
.sharebox .content .right_border{	background:url(../images/sharebox_brd_right.gif) repeat-y right;}
.sharebox .closure{					background:url(../images/sharebox_btm.gif) no-repeat bottom left; height:15px;}
.sharebox .closure .corner{			background:url(../images/sharebox_btm2.gif) no-repeat bottom right; height:15px;}
.sharebox DIV.links A{				background:url(../images/icon_tips.gif) no-repeat 3px 5px; padding:3px 0px 3px 20px;color:#444;display:block;}
.sharebox DIV.links A:hover{		color:#444;}

.sharebox .yellowbox {width:252px; padding:10px 8px 10px 8px;}
.sharebox .seperator {width:270px; height:20px; background:url(../images/share_seperator.gif) repeat-x;}

/* START blogger*/
.blogger TABLE{width:270px; border-bottom:1px solid #59862f; padding-bottom:5px; margin-bottom:5px;}
.blogger A{color:#333;}

.blogger .title-glink A{color:#59862f;}
.blogger .title-glink A:hover{color:#3e5d21; text-decoration:none;}
.blogger .date{color:#333;}
/* END blogger*/

/*STRAT slide*/
#index_slide .leftcolumn{width:215px; float:left;}
#index_slide .leftcolumn .date{font-size:13px; padding-left:10px;}
#index_slide .rightcolumn{width:430px; float:right;}

.slide{							background:#a5d148; width:430px; margin-bottom:10px;}
.slide .content{				margin:0px 7px 0px 7px; width:415px; height:235px; overflow:hidden;}
.slide .top{					background:url(../images/slide_top.gif) no-repeat top left; height:10px;}
.slide .top .corner{			background:url(../images/slide_top2.gif) no-repeat top right; height:10px;}
.slide .closure{				background:url(../images/slide_btm.gif) no-repeat bottom left; height:15px;}
.slide .closure .corner{		background:url(../images/slide_btm2.gif) no-repeat bottom right; height:15px;}
.slide .pic IMG{				width:415px; height:235px; float:left;}
.slide .pic{ 					width:415px; float:left;}
.slide .pic .topic{				width:405px; padding:5px; margin-top:-29px; float:left; text-align:right; color:#000; font-size:16px; background:rgba(255,255,255,0.8);}

.slide .select {				padding-right:20px;}
.slide .select A.selector{		padding:3px 7px 3px 7px; background:url(../images/slide_select_off.gif) no-repeat 0 3px; display:block; float:right; font-size:8px; text-decoration:none;}
.slide .select A.selector:hover,
.slide .select A.highlight{		background:url(../images/slide_select_on.gif) no-repeat 0 3px;}

#news_list A{
	display:block;
	margin:0px 20px 0px 0px;
	padding:5px 0px 5px 20px;
	color:#444;
	border-top:dotted 1px #59862F;
	background:url(../images/icon_tips.gif) no-repeat 3px 5px;
}
#news_list A:hover{
	color:#000;
}

#weather_list A{	
	color:#990000;
}

/*END slide*/
#index_planner .tab_bar{background:url(../images/tab_bg.gif) repeat-x bottom;margin-right:4px;}
#index_planner .tab_bar H1{float:left;}
#index_planner .tab{float:right; background:url(../images/tabs.gif) no-repeat; height:50px; padding-right:20px;}
#index_planner .tab A{width:44px; display:block; float:left; padding:25px 0px 0px 60px; font-size:16px; color:#666;}
#index_planner .tab A:hover{color:#000;}
#index_planner .tab A#planner_view{ background:url(../images/tab_icon_1.gif) no-repeat 28px 23px;}
#index_planner .tab A#planner_play{ background:url(../images/tab_icon_2.gif) no-repeat 28px 23px;}
#index_planner .tab A#planner_shop{ background:url(../images/tab_icon_3.gif) no-repeat 28px 23px;}
#index_planner .tab A#planner_food{ background:url(../images/tab_icon_4.gif) no-repeat 28px 23px;}
#index_planner .tab A#planner_rest{ background:url(../images/tab_icon_5.gif) no-repeat 28px 23px;}
#index_planner .tab A.highlight{	color:#993200;}

#index_planner .form{float:left; width:55%;}
#index_planner .rankingbox{float:left; width:43%;}

.plannerbox {						background:url(../images/planner_cen.gif) repeat-x #c8e08c; margin-bottom:10px;}
.plannerbox .content{				background:url(../images/planner_brd_left.gif) repeat-y;padding:0px 0px 0px 15px;}
.plannerbox .content .right_border{	background:url(../images/planner_brd_right.gif) repeat-y right;}
.plannerbox .closure{				background:url(../images/planner_btm.gif) no-repeat bottom left; height:15px;}
.plannerbox .closure .corner{		background:url(../images/planner_btm2.gif) no-repeat bottom right; height:15px;}

.plannerbox .form .input .label{    width:70px; float:left; text-align:right; margin-right:10px;}
.plannerbox .form .input{			margin-bottom:10px;}
.plannerbox .form SELECT{			width:240px;}
.plannerbox .form INPUT{			width:180px;}
.plannerbox .form .btn{				margin-left:5px;}

.plannerbox .map .open{				height:0px; width:350px; overflow:hidden; position:absolute; background:#FFF;}
.plannerbox .map .close{			padding-top:5px; height:30px; border-bottom:dotted 1px #333; margin-bottom:5px;}
.plannerbox .map .close A{			font-size:16px; color:#06F;}
.plannerbox .map .open A{			font-size:11px; color:#333; padding-left:10px; background:url(../images/map_close_btn.gif) no-repeat 0 2px;}
.plannerbox .child_map{				height:0px; overflow:hidden;}

.rankingbox .subtopic{				font-size:18px;}
.rankingbox .top{					background:url(../images/ranking_top.gif) no-repeat top left; height:8px;}
.rankingbox .top .corner{			background:url(../images/ranking_top2.gif) no-repeat top right; height:8px;}
.rankingbox {						background:#FFFFFF; margin-bottom:10px; width:275px;}
.rankingbox .content{				background:url(../images/ranking_brd_left.gif) repeat-y left top;padding:0px 0px 0px 15px;}
.rankingbox .content .right_border{	background:url(../images/ranking_brd_right.gif) repeat-y right top;}
.ranking_closure{					background:url(../images/ranking_btm.gif) no-repeat bottom left; height:6px;}
.ranking_closure .corner{			background:url(../images/ranking_btm2.gif) no-repeat bottom right; height:6px;}

.rankingbox .rank{					clear:both; padding-bottom:10px;}
.rankingbox .rank A{				display:block; color:#333; padding:2px 10px 1px 25px;}
.rankingbox .rank A:hover{			text-decoration:underline;}
.rankingbox .rank A.toprank{		color:#993200; background:url(../images/rank_top.gif) no-repeat;}
.rankingbox .rank A.up{				background:url(../images/rank_up.gif) no-repeat;}
.rankingbox .rank A.down{			background:url(../images/rank_down.gif) no-repeat;}
.rankingbox .rank A.stay{			background:url(../images/rank_stay.gif) no-repeat;}
.rankingbox .rank .number{			padding-right:10px;}

/*Nospot.php header search button*/
INPUT{ display:inline; }
/*Display black text used in /FrameWork/layout/default.php*/
.test{color:#000000;}