@charset "utf-8";

/* Common
------------------------------------------------------------------------------------ */
body{
    font-family:Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "新細明體", "PMingLiu", sans-serif;
	font-size:75%;
	background:url(../images/bg.gif) repeat-x;
	margin:0; padding:0;
}

/*
Main Red #c91a3f
*/

a{color:#666; text-decoration:none;}
a:hover{color:#eb4467;}

#iim-wrapper{width:980px; margin:0 auto; color:#666; padding-top:5px;}
#iim-header{margin:0; height:59px; position:relative; margin-bottom:20px; z-index:900;}
.iim-logo{position:absolute; left:15px; top:19px; width:169px; height:25px; z-index:1000;}

.iim-space{clear:both; height:0; line-height:0;}
.iim-left{float:left;}
.iim-right{float:right;}
/* div.sonny-li li{list-style: outside;} */

/* CSS style pagination */
div.pagination{text-align:center; margin:20px 0;}
div.pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
}
div.pagination a:hover{
	border: 1px solid #527fbf;
	color: #527fbf;
}
div.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#000;
}
div.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ddd;
	color:#ccc;
}

/* Secondry
-------------------------------------------------------------------------------------------------*/
#iim-secondary{width:227px;}
#iim-secondary2{width:227px; margin-right:16px;}
.iim-side-box{background:url(../images/bg_s_m.gif) repeat-y; margin-bottom:15px;}
.iim-side-inner{background:url(../images/bg_s_t.gif) no-repeat top; padding:15px 12px 0; min-height:115px; height:auto !important; height:115px;}
.iim-side-inner h2{background:url(../images/s_line.gif) no-repeat bottom; padding:0 10px 5px; margin:0 0 10px;}
.iim-side-inner h4{color:#000; font-size:108.3%; margin:0 0 10px 0; padding:0 0 0 11px;}
.iim-side-inner h4 a{color:#000;}
.iim-side-inner h4 a:hover{color:#000; text-decoration:underline;}

.iim-member td{padding:2px 0 4px; color:#333;}
.iim-member span{background:url(../images/icon_point.gif) no-repeat left center; padding:0 12px 0 8px;}
.iim-member-input{width:140px; height:18px; line-height:18px; border:#d9d9d9 1px solid; margin-left:10px;}

ul.iim-cd, ul.related, .iim-accordian ul{list-style:none; margin:0; padding:0;}
ul.iim-cd li{background:url(../images/icon_arrow.gif) no-repeat left 5px; padding-left:12px; margin-bottom:5px; line-height:1.5;}
ul.iim-cd li a:hover, ul.related li a:hover, .iim-accordian ul li p a:hover{color:#333; text-decoration:underline;}
ul.related li{background:url(../images/icon_arrow.gif) no-repeat 12px 4px; border-bottom:1px dashed #ccc; padding:0px 8px 8px 23px; margin-bottom:8px;}
.iim-accordian ul li p{background:url(../images/icon_arrow.gif) no-repeat 15px 5px; padding:0 0 0 27px; margin:0 0 5px 0; line-height:1.5;}

.iim-related-search{width:180px; height:18px; line-height:18px; border:#d9d9d9 1px solid; margin-left:10px;}

.iim-side-banner{margin-top:10px; height:70px; background-color:#fff;}
.iim-side-banner img{border:#dbdbdb 1px solid;}

#datepicker{margin:10px 0 0 -3px;}

/* Product */
.iim-side-p{background:url(../images/bg_sp_m.gif) repeat-y; width:197px; margin:0 auto;}
.iim-side-p h3{background:url(../images/bg_sp_title.gif) repeat-x bottom; margin:0 1px; padding:5px 15px 10px; color:#000; font-size:108.3%;}
.iim-side-p ul{list-style:none; margin:0; padding:5px 15px;}
.iim-side-p ul li{background:url(../images/icon_arrow_p.gif) no-repeat 2px 10px; border-bottom:1px dashed #999; padding:8px 8px 8px 14px;}
.iim-side-p ul li a:hover{color:#c91a3f;}

/* Primary
-------------------------------------------------------------------------------------------------*/
#iim-primary{width:735px; line-height:1.8;}
#iim-primary2{width:490px; line-height:1.8;}
#iim-route{padding:0 17px; margin-bottom:10px;}
#iim-route, #iim-route a, #iim-route a:hover{color:#999;}
#iim-route a:hover{text-decoration:underline;}
#iim-route span{background:url(../images/icon_home.gif) no-repeat left 2px; padding-left:15px;}
.iim-title{background:url(../images/bg_title.gif) repeat-x bottom; padding:0px 15px 5px; margin-bottom:15px; position:relative;}
.iim-title h2{font-size:175%; color:#c91a3f; font-weight:normal; background:url(../images/icon_title.gif) no-repeat left 10px; margin:0; padding:0 0 0 25px;}
.iim-title div{position:absolute; right:15px; top:3px;}
.content{padding:0 15px;}

/* Index
-------------------------------------------------------------------------------------------------*/
.iim-marquee{background:url(../images/bg_marquee.gif) no-repeat; height:26px; line-height:26px; padding:0 15px; color:#555; margin-bottom:15px;}
.iim-main-banner{height:259px; position:relative; z-index:1; margin-bottom:5px;}
.iim-main-banner div{position:absolute; top:0; left:0; background:url(../images/bg_banner.png) no-repeat; width:735px; height:259px; z-index:5;}
.iim-main-banner div a{display:block; width:735px; height:230px;}
.iim-main-banner p{position:absolute; top:1px; left:0; height:230px; z-index:2; margin:0; padding:0;}
.iim-main-banner ul{list-style:none; margin:0; padding:0; position:absolute; top:205px; left:15px; z-index:9;}
.iim-main-banner ul li{float:left; margin-right:10px; width:12px; height:12px;}
.iim-main-banner ul li a{width:12px; height:12px; display:block; background:url(../images/btn_off.png) no-repeat; outline:none;}
.iim-main-banner ul li a:hover, .iim-main-banner ul li a.imb-now{background:url(../images/btn_on.png) no-repeat;}

.iim-index-box{width:340px; float:left; display:inline; margin-left:10px;}
.iim-index-box h2{border-bottom:#ccc 1px solid; color:#c91a3f; font-size:150%; font-weight:normal; margin:0; padding:0 0 0 25px;}
.iim-index-box h2 span{color:#aaa;}
.iim-index-box h2.hot-news{background:url(../images/icon_hot.gif) no-repeat 2px 7px;}
.iim-index-box h2.top-events{background:url(../images/icon_star.gif) no-repeat 2px 7px;}
.iim-index-box td{padding:8px 0; border-bottom:#aaa 1px dashed; /*height:36px;*/ vertical-align:top; line-height:1.5;}
.iim-index-box td span{height:36px; display:block; overflow:hidden;}
.iim-index-box td.index-date{color:#666; background:url(../images/icon_point.gif) no-repeat 2px 16px; padding-left:10px;}
.iim-index-box td.index-date2{color:#666; padding-left:10px;}
.iim-index-box p{margin:0; padding:15px 0 0 0; text-align:right;}

.iim-index-line{background:url(../images/d_line.gif) no-repeat 15px top; width:25px; height:350px; float:left; display:inline;}

/* News
-------------------------------------------------------------------------------------------------*/
.iim-news-list{border-bottom:#aaa 1px dashed; padding:0 15px 15px; margin-bottom:15px;}
.iim-news-list h3{margin:0; padding:0; color:#004276; font-size:125%; font-weight:normal;}
.iim-news-list h3 a{color:#004276;}
.iim-news-list h3 a:hover{color:#333; text-decoration:underline;}
.iim-news-list span.date{/*color:#a9a9a9;*/ background:url(../images/icon_point.gif) no-repeat 2px 9px; padding-left:10px; display:block; margin-bottom:5px;}
.date{color:#666;}
.iim-news-list p{margin:0; padding:0;}

/* CSS style pagination */
.iim-pagination{text-align:center; margin:20px 0; position:relative;}
.iim-pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ddd;
	background-color:#f3f3f3;
}
.iim-pagination a:hover{
	border: 1px solid #666;
	color: #fff;
	background-color:#666;
}
.iim-pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#000;
}
.iim-pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ddd;
	color:#ccc;
}
.iim-total-page{position:absolute; top:0; left:15px; _left:-105px;}
.iim-total-page em{font-style:normal; color:#c91a3f;}
.iim-top{text-align:right; margin-top:20px;}

/* Train
-------------------------------------------------------------------------------------------------*/
.iim-train-search{background-color:#f4f4f4; border:#ddd 1px solid; padding:8px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; margin-bottom:20px;}
.iim-input-ts{border:#ddd 1px solid; width:180px; height:16px; line-height:16px; margin:0 5px;}
.iim-list td{padding:5px; border-bottom:#ddd 1px solid; text-align:center; line-height:1.5; color:#333;}
.iim-list a{color:#c91a3f; text-decoration:underline;}
.iim-list a:hover{color:#c91a3f; text-decoration:none;}
/* .iim-list tbody:hover td[rowspan], tr:hover td{background-color:#f3f3f3;} */
.iim-list tr:hover td{background-color:#f3f3f3;}
.iim-list tbody:hover td[rowspan]{background-color:#f3f3f3;}
.iim-list tr.iim-list-title td{background-color:#888; color:#fff; border-right:#fff 1px dotted; border-left:#ccc 1px dotted; border-bottom:#ccc 1px solid;}

/* Footer
-------------------------------------------------------------------------------------------------*/
#iim-footer{border-top:#999 1px solid; padding:20px 0; line-height:1.4; color:#000; margin-top:15px;}
.iim-foot-outer{width:980px; margin:0 auto;}

#iim-footer .foot-info{width:735px; float:left; display:inline;}
#iim-footer .foot-info dl{margin:0; padding:0;}
#iim-footer .foot-info dt{background:url(../images/logo_footer.jpg) no-repeat 35px center; width:245px; height:62px; float:left; display:inline; margin:0;}
#iim-footer .foot-info dd{width:450px; padding-left:35px; height:62px; float:left; display:inline; margin:0; border-left:#bbb 1px solid;}
#iim-footer .foot-info dd em{color:#aeaeae; font-style:normal;}
#iim-footer .foot-info dd span{color:#c91a3f;}
#iim-footer .foot-info dd p{padding:0; margin:0; color:#aeaeae; font-size:91.7%;}

#iim-footer .foot-search{width:203px; padding:0 12px; float:right; display:inline;}
#iim-footer .foot-search p{margin:10px 0 0 0; padding:0;}
.iim-input-search{border:#aeaeae 1px solid; width:130px; height:18px; line-height:18px; margin-right:5px;}

/* FAQ
-------------------------------------------------------------------------------------------------*/
h3.iim-faq-title{border-left:#c91a3f 5px solid; font-size:150%; color:#000; font-weight:normal; line-height:1.4; padding-left:15px; border-bottom:#ddd 1px solid; margin:0 25px 15px;}
h4.iim-faq-title2{font-size:150%; color:#000; font-weight:normal; margin:0 25px 10px; padding:0 0 0 12px; background:url(../images/icon_arrow_p.gif) no-repeat left 12px;}
ul.iim-faq-list{margin:0 25px 15px 50px; list-style-type:none; padding:0;}
ul.iim-faq-list li{background:url(../images/icon_arrow_p.gif) no-repeat left 6px; padding-left:10px;}
.iim-faq-inner{margin:0 25px;}

/* Field
-------------------------------------------------------------------------------------------------*/
ul.field-icons{list-style:none; margin:0; padding:0;}
ul.field-icons li{border:#ddd 1px solid; width:120px; height:50px; overflow:hidden; float:right; margin:0 20px 15px 0;}
ul.field-icons li div{text-align:center; display:table-cell; vertical-align:middle; width:120px; height:50px;}
