.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;*zoom:1;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#doc {width:100%; background:#ccc;}
#hd, #bd, #ft {width:880px; margin:0 auto;}
#ft {background:#ffffff none repeat scroll 0 0;}
#hd {height:297px;}
#bd {background:#FFFFFF;}
#bd #left-img, #bd #main-project-tw, #bd #main-project-tw-content {float:left;}
#bd #left-img {width:187px; height:100%; margin-right:21px;}
#bd #left-img img {display:block;}

#ft #ft-img {height:110px;}

.searchcbar{background:url(../img/bg_searchbar.jpg) right center no-repeat;float:right;clear:both;margin-right:10px;text-align:right;width:74%;padding:5px 30px 5px 0px;}
.searchcbar .searchbar-go{background:url(../img/btn_searchgo.jpg) right center no-repeat;text-indent:-9999px;width:24px;cursor:pointer;border:none;}
#main-project-tw {width:730px;margin-left:48px;padding:45px 25px;}
#main-project-tw .main-map {width:720px; height:298px; background:#44916c; padding:5px; margin-bottom:3px;}
#main-project-tw .main-map .border {border:#fff solid 1px; padding:5px;}
#main-project-tw .main-map .map {float:left; width:508px; height:286px; background:#ccc; margin-right:5px;}
#main-project-tw .main-map .side-bar {float:left;}
#main-project-tw .side-bar .select-search {background:url(../img/tw_main_map_search_select_bg.png); width:195px; height:46px;}
#main-project-tw .side-bar .select-search form {display:block; padding:25px 0 0 50px;}
#main-project-tw .side-bar .select-search form .inputs input.text {float:left; width:100px;}
#main-project-tw .side-bar .select-search form .inputs .select {margin:1px 0 0 0 ; float:left; background:url(../img/tw_main_map_ss_select_point.png) no-repeat; width:16px; height:17px;}
#main-project-tw .side-bar .select-search form .inputs .select:hover {cursor:pointer;}
#main-project-tw .side-bar .select-search form .inputs .go {margin:1px 0px 0px 5px ; float:left; background:url(../img/tw_main_map_ss_go.png) no-repeat; width:19px; height:17px;}
#main-project-tw .side-bar .select-search form .inputs .go:hover {cursor:pointer;}
#main-project-tw .side-bar .title {margin:10px 0 0 24px;}
#main-project-tw .side-bar .describe {width:190px; color:#fff; padding:5px 0 0 5px; text-align:justify;}

#main-project-tw .carousel {width:710px; height:88px; background:#4c4c4c; padding:10px;}
/*#main-project-tw .carousel .left-bt {margin-top:5px;background:url(../img/carousel_left.png); width:17px; height:69px; float:left;}
#main-project-tw .carousel .left-bt:hover {cursor:pointer;}
#main-project-tw .carousel .right-bt {margin-top:5px;background:url(../img/carousel_right.png); width:16px; height:69px; float:right;}
#main-project-tw .carousel .right-bt:hover {cursor:pointer;}*/
#main-project-tw .carousel .stepcarousel {position: relative; /*overflow: scroll;*/ width:660px; height:86px; margin:0 25px;}
#main-project-tw .carousel .stepcarousel .belt{position: absolute; left: 0; top: 0;}
#main-project-tw .carousel .stepcarousel .panel{float: left; overflow: hidden; padding:2px; margin-right:10px; width: 150px; height:80px; border:1px solid #fff; }

#main-project-tw .main-content .content-left {width:460px; float:left; margin:5px 10px 0 0;}
#main-project-tw .main-content .content-left .recommend .hd .header{display:block; color:#49916c; padding:3px; border-bottom:1px solid #49916c;}
#main-project-tw .main-content .content-left .recommend .hd h1 {font-weight:bold; font-size:120%; margin:5px; letter-spacing:2px;}
#main-project-tw .main-content .content-left .recommend .hd h1 a:visited {color:#333333; text-decoration:none;}
#main-project-tw .main-content .content-left .recommend .hd h1 a:hover {color:#333333; text-decoration:none;}
#main-project-tw .main-content .content-left .recommend .hd h1 a {color:#666666; text-decoration:none;}
#main-project-tw .main-content .content-left .recommend .bd .img {width:250px; height:133px; margin:5px 10px 0 0; float:left;}
#main-project-tw .main-content .content-left .recommend .bd .img img{max-height:133px; myimg:expression(onload=function(){this.style.height=(this.offsetHeight > 133)?"133px":"auto"});}
#main-project-tw .main-content .content-left .recommend .bd .content {width:200px; float:left;}
#main-project-tw .main-content .content-left .recommend .bd .content .location {color:#666;}
#main-project-tw .main-content .content-left .recommend .bd .content .location {margin-bottom:5px;}
#main-project-tw .main-content .content-left .recommend .bd .content .location span {color:#49916c;}
#main-project-tw .main-content .content-left .recommend .bd .content .location span a {text-decoration:none; color:#49916c;}
#main-project-tw .main-content .content-left .recommend .bd .content .location span a:hover {color:#333333; text-decoration:none;}
#main-project-tw .main-content .content-left .recommend .bd .content .text {font-family:"標楷體"; font-size:120%; text-align:justify;}
#main-project-tw .main-content .content-left .recommend .ft .more {background:url(../img/tw_more.png) no-repeat; float:right; width:46px; height:17px; margin-bottom:20px;}

#main-project-tw .main-content .content-left .new {width:460px;}
#main-project-tw .main-content .content-left .new .hd {height:25px; background:#3c746b; color:#fff; padding:5px 0 0 5px;}
#main-project-tw .main-content .content-left .new .bd {border-left:solid 2px #3c746b; border-right:solid 2px #3c746b;}
#main-project-tw .main-content .content-left .new .bd ul li {float:left; margin:14px 0 0 14px; border:solid 2px #ccc; padding:5px; width:119px;}
#main-project-tw .main-content .content-left .new .bd ul li a {text-decoration:none;}
#main-project-tw .main-content .content-left .new .bd ul li h3 {text-align:center; color:#666; font-weight:bold;}
/*#main-project-tw .itbox img {border:solid 2px #ccc;}*/
#main-project-tw .main-content .content-left .new .ft {border-left:solid 2px #3c746b; border-right:solid 2px #3c746b; border-bottom:solid 2px #3c746b;}
#main-project-tw .main-content .content-left .new .ft .more {background:url(../img/tw_more.png) no-repeat; float:right;  width:46px; height:17px; margin:10px 30px 10px 0;}
#main-project-tw .ft .more:hover {cursor:pointer;}

#main-project-tw .content-right {width:260px; float:left;}
#main-project-tw .main-content .content-right .most .hd {height:25px; background:#3c746b; color:#fff; padding:5px 0 0 5px; margin-top:10px;}
#main-project-tw .main-content .content-right .most .bd {background:#b6ddc7; padding-top:5px;}
#main-project-tw .main-content .content-right .most .bd ul li {width:250px; background:#fff; margin:0 auto 5px;}
#main-project-tw .main-content .content-right .most .bd ul li img {float:left; padding:3px;}
#main-project-tw .main-content .content-right .most .bd ul li .text {float:left; width:120px;}
#main-project-tw .main-content .content-right .most .bd ul li .text h3 {font-weight:bold; color:#333; padding:3px;}
#main-project-tw .main-content .content-right .most .bd ul li .text h4 {font-size:85%; color:#333; padding:3px;}
#main-project-tw .main-content .content-right .most .ft {background:#b6ddc7;}
#main-project-tw .main-content .content-right .most .ft .more {background:url(../img/tw_more.png) no-repeat; float:right;  width:46px; height:17px; margin:0 5px 10px 0;}
#main-project-tw .main-content .content-right .most a {text-decoration:none;}
#main-project-tw .main-content .content-right .most a:visited {text-decoration:none; color:#333;}

/* #main-project-tw-content */
#main-project-tw-content {width:730px;margin-left:48px;padding:45px 25px;}
#main-project-tw-content .main-content .content-left {width:525px; float:left; margin:5px 10px 0 0;}
#main-project-tw-content .main-content .content-left .describe .hd .header{display:block; color:#444; padding:3px; border-bottom:1px solid #49916c;}
#main-project-tw-content .main-content .content-left .describe .hd .header span{display:inline; float:left; margin-right:5px; font-size:110%;}
#main-project-tw-content .main-content .content-left .describe .hd .header .local-nav {color:#3c746b; float:left;}
#main-project-tw-content .main-content .content-left .describe .hd .header .local-nav a {text-decoration:none; color:#3c746b;}
#main-project-tw-content .main-content .content-left .describe .hd .header .local-nav a:hover {text-decoration:none; color:#333333;}
#main-project-tw-content .main-content .content-left .describe .bd .text h1 {font-weight:bold; font-size:12pt; margin-top:10px; letter-spacing:1px; line-height:30px; color:#3c3c3c; font-family:Verdana;}
#main-project-tw-content .main-content .content-left .describe .bd .text h2 {font-size:10pt;  letter-spacing:1px; line-height:18px; color:#3c3c3c; font-family:Verdana;}
#main-project-tw-content .main-content .content-left .describe .bd .text {float:left;width:255px; padding:5px;}
#main-project-tw-content .main-content .content-left .describe .bd .text ul li {display:block; margin-top:3px;}
#main-project-tw-content .main-content .content-left .describe .bd .text ul li .title {float:left; width:100px; text-align:right; margin-right:5px; font-weight:bold; color:#3c746b;}
#main-project-tw-content .main-content .content-left .describe .bd .text ul li .ct {float:left; width:130px;}
#main-project-tw-content .main-content .content-left .describe .bd .img {width:250px; height:133px; margin:20px 10px 0 0; float:left;}
#main-project-tw-content .main-content .content-left .describe .bd .img img{max-height:133px; myimg:expression(onload=function(){this.style.height=(this.offsetHeight > 133)?"133px":"auto"});}

#main-project-tw-content .main-content .content-left .basic-info {width:525px; margin-top:15px;}
#main-project-tw-content .main-content .content-left .basic-info .hd {height:25px; background:#3c746b; color:#fff; padding:5px 0 0 5px;}
#main-project-tw-content .main-content .content-left .basic-info .bd {border-left:solid 2px #3c746b; border-right:solid 2px #3c746b; padding:5px 10px;color:#3C3C3C;font-family:Verdana;letter-spacing:1px;line-height:20px;}
#main-project-tw-content .main-content .content-left .basic-info .ft {border-left:solid 2px #3c746b; border-right:solid 2px #3c746b; border-bottom:solid 2px #3c746b;}
#main-project-tw-content .ft .more:hover {cursor:pointer;}

#main-project-tw-content .main-content .content-left .tab-content{}
#main-project-tw-content .main-content .content-left .tab-content ul li{display:block;float:left;margin:2px 5px 0;width:84px;text-align:center;padding:2px 5px 5px 5px;}
#main-project-tw-content .main-content .content-left .tab-content ul li a{color:#FFFFFF;text-decoration:none;}
.reason .reason{background:#FFFFFF;}
.reason .reason a{color:#000000 !important;}
.status .status{background:#FFFFFF;}
.status .status a{color:#000000 !important;}
.article .article{background:#FFFFFF;}
.article .article a{color:#000000 !important;}
.book .book{background:#FFFFFF;}
.book .book a{color:#000000 !important;}
.website .website{background:#FFFFFF;}
.website .website a{color:#000000 !important;}




#main-project-tw-content .content-right {width:195px; float:left;}
#main-project-tw-content .main-content .content-right .smap .hd {height:25px; background:#3c746b; color:#fff; padding:5px 0 0 5px; margin-top:10px;}
#main-project-tw-content .main-content .content-right .smap .bd .map {margin:5px 0 10px 0;}

#main-project-tw-content .main-content .content-right .select-search {background:url(../img/tw_search_select_bg_pure.png) repeat-y; width:195px; height:65px;}
#main-project-tw-content .main-content .content-right .select-search form {display:block; padding:10px 0 0 5px;}
#main-project-tw-content .main-content .content-right .select-search form .inputs h2 {color:#456c67; font-weight:bold;padding-bottom:5px;}
#main-project-tw-content .main-content .content-right .select-search form .inputs input.text {float:left; width:100px; margin-left:40px;}
#main-project-tw-content .main-content .content-right .select-search form .inputs .select {margin:1px 0 0 0 ; float:left; background:url(../img/tw_main_map_ss_select_point.png) no-repeat; width:16px; height:17px;}
#main-project-tw-content .main-content .content-right .select-search form .inputs .select:hover {cursor:pointer;}
#main-project-tw-content .main-content .content-right .select-search form .inputs .go {margin:1px 0px 0px 5px ; float:left; background:url(../img/tw_main_map_ss_go.png) no-repeat; width:19px; height:17px;}
#main-project-tw-content .main-content .content-right .select-search form .inputs .go:hover {cursor:pointer;}

#main-project-tw-content .main-content .content-right .most .hd {height:25px; background:#3c746b; color:#fff; padding:5px 0 0 5px; margin-top:10px;}
#main-project-tw-content .main-content .content-right .most .bd {background:#b6ddc7; padding-top:5px;}
/*#main-project-tw-content .main-content .content-right .most .bd ul li {width:160px; background:#fff; margin:0 auto 5px;}*/
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 {text-align:center; width:160px; background:#fff; margin:0 auto 5px; padding:5px 0;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 img {padding:3px;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 .text {width:120px; text-align:center; margin:0 auto;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 .text h3 {text-align:center;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 .text h3 a { color:#666666; padding:0px;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 .text h3 a:hover { color:#333; padding:0px;}
#main-project-tw-content .main-content .content-right .most .bd ul li .itbox3 .text h3 a:visited { color:#333; padding:0px;}
#main-project-tw-content .main-content .content-right .most .ft {background:#b6ddc7;}
#main-project-tw-content .main-content .content-right .most .ft .more {background:url(../img/tw_more.png) no-repeat; float:right;  width:46px; height:17px; margin:0 5px 10px 0;}
#main-project-tw-content .main-content .content-right .most a {text-decoration:none;}
#main-project-tw-content .main-content .content-right .most a:visited {text-decoration:none; color:#333;}