/*//  行動旅遊館首頁  //*/
#lutWrapper .action-hall {width:380px; height:55px; background:url(../../img/bg-hall-action-a.gif) no-repeat;}
#lutWrapper .action-hall span {display:none;}

#lutWrapper .action-left {position:relative; float:left; width:370px; height:505px; background:url(../../img/bg-hall-action-a.gif) repeat; margin-top:-60px;}
#lutWrapper .action-right {position:relative; float:left; width:295px; height:505px; background:url(../../img/bg-hall-action-b.gif) no-repeat; margin-top:-60px;}
#lutWrapper .action-right h2 {margin-top:60px;display:none;}
#lutWrapper .new-picupload {margin-left:20px;} 
#lutWrapper .new-picupload h1 {margin-top:90px; margin-left:13px; font-size:15px; font-weight:bold;}

#lutWrapper .newpic {position:relative; float:left; width:105px; height:380px;}
#lutWrapper .newpic h3 {display:none;}
#lutWrapper .newpic ul {width:105px; overflow:hidden;}
#lutWrapper .newpic ul li {margin:0px 3px 6px 3px; width:100px; height:90px;text-align:center;}
#lutWrapper .newpic img {width:90px; height:70px; margin-bottom:1px; border:1px solid #cccccc;}

#lutWrapper .action-imitate {width:270px; height:390px; margin:100px 3px 3px 10px;}
#lutWrapper .news-n95 {margin-top:110px; margin-left:10px; *margin:15px 10px 5px 10px;}
#lutWrapper .say-n95 {margin:8px 10px;}
#lutWrapper .say-n95 ul li {line-height:18px;}
#lutWrapper ul .company-n95 {margin-left:10px; margin-top:-17px; text-align:center;}
#lutWrapper ul .company-n95 li {line-height:15px; border-right:1px solid #666666; display:inline; width:270px; height:30px; margin-left:2px; margin-right:2px;}


/*數位旅遊筆記首頁*/
#lutNotebook {position:relative; float:left; border:none; margin-top:-5px; width:380px; height:445px; background:url(../../img/bg-hall-notebook.gif) 0 -55px no-repeat;}
#lutWrapper .notebook-hall {width:380px; height:55px; background:url(../../img/bg-hall-notebook.gif) no-repeat;}
#lutWrapper .notebook-hall span {display:none;}
#lutWrapper .notebook-hall02 {width:600px; height:50px; background:url(../../img/bg-notebook-list.gif) top left no-repeat;}
#lutWrapper .notebook-hall02 span {display:none;}
#lutNotebook h3 {position:absolute; top:35px; left:25px; font-size:16px; font-weight:bold;}
#lutNotebook ul {position:absolute; width:171px; top:10px; right:10px;}
#lutNotebook ul li {float:left;}
#lutNotebook ul li a {display:block; width:57px; height:24px;}
#lutNotebook ul li span {display:none;}
#lutNotebook ul li ul {position:absolute; width:138px; height:23px; top:24px; left:20px;}
#lutNotebook ul li ul li a {float:left; width:46px; height:23px;}

#lutWrapper .commend-notebook {position:relative; clear:both; width:665px; height:328px; background:url(../../img/bg-master-wri2.gif) no-repeat;}
#lutWrapper .commend-notebook h3 {width:665px; margin-top:350px; padding-top:17px; *margin-top:0px; font-size:1.25em; font-weight:bold; text-align:center; color:#FFF;}

#lutWrapper .commend-notebook ul {float:left; width:640px; height:15px; margin-top:10px; margin-left:15px; _margin-left:3px;}
#lutWrapper .commend-notebook ul li {text-align:center; float:left; width:150px; margin:5px; _margin:4px;}
#lutWrapper .commend-notebook ul li img {width:120px; height:90px;}
#lutWrapper .commend-notebook dl dt {height:16px; overflow:hidden; line-height:16px; _height:16px; _line-height:16px;}
#lutWrapper .commend-notebook ul li p {height:13px; overflow:hidden; line-height:13px; _height:14px; _line-height:16px;}
/*
#lutWrapper .commend-notebook ul {float:left; width:640px; height:15px; margin-top:10px; margin-left:20px; _margin-left:3px;}
#lutWrapper .commend-notebook ul li {text-align:center; float:left; width:150px; margin:3px;}
#lutWrapper .commend-notebook ul li img {width:130px; height:100px;}
*/
/*
#lutWrapper .commend-notebook ul li {float:left; width:60px; height:110px; padding:4px;}
#lutWrapper .commend-notebook ul li img {width:60px; height:60px;}
#lutWrapper .commend-notebook .wrb {display:block; width:60px; height:28px; padding-top:8px; line-height:1.2em; overflow:hidden;}
*/

/*數位旅遊筆記-新增頁首頁*/
#lutWrapper .notebook-list {position:relative; width:879px; height:382px; background:url(../../img/bg-notebook-list.gif) bottom left no-repeat;}
#nbaMap {position:relative; float:left; width:613px; padding-left:5px; padding-right:5px; padding-bottom:4px; overflow:hidden; zoom:1;}
#nbaMap h2 {display:none;}
#nbaMap .gmap {width:600px; height:331px; border:1px solid #ddd; margin-left:11px; margin-top:35px;}
#nbaMap .drop {position:absolute; top:40px; right:12px;}
#nbaMap .drop select {background:#333; color:#fff;}
#lutWrapper .notebook-list-right {position:relative; float:left; margin-left:5px; width:241px; height:372px;}
#lutWrapper .notebook-list-right ul {width:235px; _width:238px; margin-top:8px; margin-left:2px; _margin-left:1px;}
#lutWrapper .notebook-list-right ul li {width:46px; height:24px; margin-left:1px; float:left; text-align:center;}
#lutWrapper .notebook-list-right ul li a {display:block; width:46px; height:19px; padding-top:5px; background:url(../../img/btn-nb-nav.gif) 0 0 no-repeat;}
#lutWrapper .notebook-list-right ul li a:hover {background:url(../../img/btn-nb-nav.gif) -46px 0 no-repeat; color:#fff}
#lutWrapper .notebook-list-right ol {padding:0 10px; padding-top:30px; *padding-top:0; width:220px; height:300px;}
#lutWrapper .notebook-list-right ol li {padding-left:15px; margin-top:10px; _margin-top:9px; padding-bottom:6px; border-bottom:1px dotted #ccc; background:url(../../img/ico-taiwan-g-12.gif) 0 0 no-repeat;}
#lutWrapper .notebook-list-right ol li a {}
#lutWrapper .notebook-list-right ol li span {color:#999;}
#lutWrapper .notebook-list-right p {position:absolute; bottom:5px; _bottom:10px; left:45px;}
#lutWrapper .notebook-list-right p a {}

#lutWrapper .notebook-list .add {position:absolute; top:-30px; right:15px;}

#lutWrapper .tab {position:relative; float:left; margin-left:4px; width:433px; height:292px; padding-left:10px; background:url(../../img/bg-notebook-choose.gif) top left no-repeat;}
#lutWrapper .tab .choose {margin-left:-10px; height:33px; background:url(../../img/bg-notebook-choose.gif) top left no-repeat;}
#lutWrapper .tab .share {margin-left:-10px; height:33px; background:url(../../img/bg-notebook-share.gif) top left no-repeat;}
#lutWrapper .tab .similar {margin-left:-10px; height:33px; background:url(../../img/bg-notebook-similar.gif) top left no-repeat;}
#lutWrapper .tab .oth {margin-left:-10px; height:20px; background:url(../../img/bg-notebook-oth.gif) top left no-repeat;}
#lutWrapper .tab h3 {font-size:15px; font-weight:bold; padding-top:13px; padding-left:40px; color:#fff;}
#lutWrapper .tab h3 span {display:none;}
#lutWrapper .tab .type1 {position:relative; float:left; text-align:center; margin-top:10px; width:100px; height:110px; margin-left:2px; border-bottom:1px dotted #ccc;}
#lutWrapper .tab .type1 dt {width:90px; margin-top:70px;}
#lutWrapper .tab .type1 dt a {line-height:1.3;}
#lutWrapper .tab .type1 dd {position:absolute; top:5px; left:2px;}
#lutWrapper .tab .type1 dd img {width:93px; height:62px; border:1px solid #ccc;}
#lutWrapper .tab .type1 dd a {}
#lutWrapper .tab .type2 {position:relative; float:left; margin-top:0px; _margin-top:0px; width:200px; padding-bottom:3px; margin-left:5px; border-bottom:1px dotted #ccc;}
#lutWrapper .tab .type2 dt {font-size:14px; margin-bottom:5px; _margin-bottom:0;}
#lutWrapper .tab .type2 .pic {float:left;}
#lutWrapper .tab .type2 .pic img {width:50px; height:50px; border:1px solid #ccc;}
#lutWrapper .tab .type2 .txt {float:left; margin-left:5px; padding-bottom:5px;}
#lutWrapper .tab .type2 .txt a {}

/*數位旅遊筆記-新增頁內頁*/
#lutWrapper .notebook-hall03 {width:294px; height:55px; float:left; padding:0; background:url(../../img/nb-add-top.gif) top left no-repeat;}
#lutWrapper .notebook-hall03 span {display:none;}

#lutWrapper .nb-add {position:relative; width:880px; padding-bottom:33px; background:url(../../img/nb-add-bottom.gif) bottom left no-repeat;}
#lutWrapper .nb-step1 {float:left; font-size:15px; padding-top:15px; padding-left:5px; font-weight:bold; width:581px; height:40px; background:url(../../img/nb-add-top.gif) top right no-repeat;}
#lutWrapper .nb-add-mid {width:880px; clear:both; background:url(../../img/nb-add-mid.gif) repeat-y; overflow:hidden; zoom:1;}
#lutWrapper .nb-add-mid h4 {width:575px; margin-left:10px; font-size:15px; padding:0 20px; padding-bottom:10px; border-bottom:2px solid #ffcc00;}
#lutWrapper .nb-add-mid .step1 {width:613px; float:left; margin-left:11px;}
#lutWrapper .nb-add-mid .step1 li {padding:10px; margin-left:10px; margin-right:10px; padding-left:50px; border-bottom:1px solid #eee;}
#lutWrapper .nb-add-mid .step1 li input {width:410px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff6600; border:1px solid #999;}
#lutWrapper .nb-add-mid .step1 strong {display:block; padding-left:15px; float:left; border-bottom:7px solid #eee; background:url(../../img/ico-circle-y-12.gif) no-repeat;}
#lutWrapper .nb-add-mid .step1 em {display:block; padding-right:30px; margin-left:67px; margin-top:10px; font-style:normal; line-height:1.5;}
#lutWrapper .nb-add-mid .step1 li a {padding:2px 5px; margin-right:5px;}
#lutWrapper .nb-add-mid .step1 li a:hover {background:#ff9900; color:#fff;}
#lutWrapper .nb-add-mid p {clear:both; float:left; padding-left:150px; margin-top:20px; width:463px;}
#lutWrapper .nb-add-mid p a {float:left; margin-left:20px;}
#lutWrapper .nb-add-mid .install {width:219px; float:left; margin-left:20px; *margin-left:5px; padding:0 10px; margin-top:-160px; *margin-top:0;}
#lutWrapper .nb-add-mid .install h3 {font-size:15px; font-weight:bold; margin-bottom:15px;}
#lutWrapper .nb-add-mid .install .txt {padding-left:15px; margin-top:10px; _margin-top:9px; padding-bottom:6px; border-bottom:1px dotted #ccc; background:url(../../img/ico-taiwan-g-12.gif) 0 0 no-repeat;}
#lutWrapper .nb-add-mid .install li a {}

/*數位旅遊筆記-新增頁內頁-照片*/
#lutWrapper .nb-pic {position:relative; width:880px; padding-bottom:33px; background:url(../../img/nb-pic-bottom.gif) bottom left no-repeat;}
#lutWrapper .nb-step2 {float:left; font-size:15px; padding-top:15px; padding-left:5px; font-weight:bold; width:581px; height:40px; background:url(../../img/nb-pic-top.gif) top right no-repeat;}
#lutWrapper .nb-pic-mid {width:880px; clear:both; background:url(../../img/nb-pic-mid.gif) repeat-y; overflow:hidden; zoom:1;}
#lutWrapper .nb-pic-mid h4 {width:820px; margin-left:10px; font-size:15px; padding:0 20px; padding-bottom:10px; border-bottom:2px solid #ffcc00;}
#lutWrapper .nb-pic-mid ul {padding:0 20px; margin:10px 0; width:100%;}
#lutWrapper .nb-pic-mid ul li {margin-bottom:5px;}
#lutWrapper .nb-pic-mid ul input {}
#lutWrapper .nb-pic-mid ul a {padding:2px 5px;}
#lutWrapper .nb-pic-mid dl {position:relative; float:left; width:132px; height:200px; padding:0 10px; margin-left:16px; margin-bottom:20px; border:2px solid #fff6d2;}
#lutWrapper .nb-pic-mid dl dt {margin-top:130px; line-height:1.3; padding-bottom:3px; border-bottom:1px dotted #ccc;}
#lutWrapper .nb-pic-mid dl .check {margin-top:5px; padding-bottom:5px;}
#lutWrapper .nb-pic-mid dl .check input {}
#lutWrapper .nb-pic-mid dl .pic {position:absolute; top:5px; left:5px;}
#lutWrapper .nb-pic-mid dl .pic img {width:140px; height:114px; border:1px solid #ccc;}
#lutWrapper .pager {width:855px; margin:auto; padding-left:5px;}
#lutWrapper .pager p {clear:both; font-size:12px;}
#lutWrapper .pager p span {display:inline; float:none; margin:0; font-size:12px; font-weight:normal; color:#666; padding:0; background:none; border:none;}

#lutWrapper .nb-pic-mid p {clear:both; padding-left:340px; margin:20px 0;}

/*數位旅遊筆記-新增頁內頁-確定*/
#lutWrapper .nb-add-mid .done {width:219px; float:left; margin-left:5px; padding:0 10px; margin-top:-20px;}
#lutWrapper .nb-add-mid .done .txt {padding-left:15px; margin-top:10px; _margin-top:9px; padding-bottom:6px; border-bottom:1px dotted #ccc; background:url(../../img/ico-taiwan-g-12.gif) 0 0 no-repeat;}

/*數位旅遊筆記-新增頁內頁-地圖*/
#lutWrapper .notebook-map {position:relative; width:879px; height:382px; background:url(../../img/bg-notebook-map.gif) bottom left no-repeat;}
#lutWrapper .notebook-hall04 {width:879px; height:50px; background:url(../../img/bg-notebook-list.gif) top left no-repeat;}
#lutWrapper .notebook-hall04 span {display:none;}
#nbmMap {position:relative; float:left; width:852px; padding-left:5px; padding-right:5px; padding-bottom:4px; overflow:hidden; zoom:1;}
#nbmMap h2 {display:none;}
#nbmMap .gmap {width:852px; height:331px; border:1px solid #ddd; margin-left:11px; margin-top:35px;}
#nbmMap .drop {position:absolute; top:40px; right:12px;}
#nbmMap .drop select {background:#333; color:#fff;}

/*行程軌跡地圖google map*/
#lutNotebook-map {width:320px; height:300px; background:#333; position:absolute; left:30px; top:60px; }

#lutNotebook .say-notebook {width:320px; height:55px; position:absolute; top:370px; left:30px; overflow:hidden;} 
#lutNotebook .say-notebook p {font-size:13px; font-weight:bold; line-height:18px;}
#lutNotebook .say-notebook span {line-height:18px;}

#lutCounty .note-link {margin-left:15px; margin-top:10px; width:255px;}
#lutCounty .note-link img {width:12px; height:12px; margin-right:3px; margin-bottom:-2px;}
#lutCounty .note-link ul li {line-height:20px; border-bottom:1px dashed #cccccc; _height:13px; _margin-top:8px; _line-height:13px;}
#lutCounty .notebook-btn {position:absolute; bottom:15px; right:15px;}


#lutWrapper .notebook-right {position:relative; float:left; margin-top:-5px; width:285px; height:450px; background:url(../../img/bg-notebook-middle.gif) no-repeat; overflow:hidden;}
#lutWrapper .notebook-right h3 {display:none;}
#lutWrapper .notebook-hot {position:relative; width:192px; height:24px; margin-left:118px; margin-top:35px;}
#lutWrapper .notebook-hot ul li {float:left; width:80px; height:24px; text-indent:3px;}
#lutWrapper .notebook-hot ul li a {display:block; widht:80px; height:18px; padding-left:12px; padding-top:6px; background:url(../../img/btn-weekly2.gif) 0 0 no-repeat;}
#lutWrapper .notebook-hot ul li a:hover {display:block; widht:80px; height:18px; padding-left:12px; padding-top:6px; color:#FFF; background:url(../../img/btn-weekly2.gif) 0 -24px no-repeat;}


/*台灣之光旅遊行動網服務提供說明*/
#lutWrapper .content-right {background:url(../../img/bg-action-middle.gif) no-repeat; width:222px; height:468px; float:left; overflow:hidden;}
#lutWrapper .content-right h3 {display:none;}
#lutWrapper .content-right ul {width:210px; height:24px; margin-top:35px; margin-left:23px; text-align:center; }
#lutWrapper .content-right ul li {float:left; width:48px; height:23px;}
#lutWrapper .content-right .crw1 a {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 0 no-repeat; width:48px; height:23px; line-height:23px;}
#lutWrapper .content-right .crw1 a:hover {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 -24px no-repeat; width:48px; height:25px; line-height:23px;}
#lutWrapper .content-right .crw2 a {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 0 no-repeat; width:48px; height:23px; line-height:23px;}
#lutWrapper .content-right .crw2 a:hover {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 -24px no-repeat; width:48px; height:25px; line-height:23px;}
#lutWrapper .content-right .crw3 a {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 0 no-repeat; width:48px; height:23px; line-height:23px;}
#lutWrapper .content-right .crw3 a:hover {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 -24px no-repeat; width:48px; height:25px; line-height:23px;}
#lutWrapper .content-right .crw4 a {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 0 no-repeat; width:48px; height:23px; line-height:23px;}
#lutWrapper .content-right .crw4 a:hover {display:block; color:#ff9900; background:url(../../img/btn-weekly.gif) 0 -24px no-repeat; width:48px; height:25px; line-height:23px;}
#lutWrapper .content-right .cr-width {width:195px; height:370px; margin-left:11px; margin-top:3px; }
#lutWrapper .content-right .cr-width p {font-size:12px; font-weight:bold; line-height:21px;}
#lutWrapper .content-right .cr-width span {font-size:12px; line-height:18px;}
#lutWrapper .cr-link {padding-left:-10px; width:180px; background:#ff0;}