@charset "utf-8";
/* CSS Document */


html{background: url(/act/ccic/seminar/images/bg.jpg) repeat 0 0;} /* background:url(全網頁墊底圖) repeat; */
body{background:url(/act/ccic/seminar/images/bg_top.jpg) repeat-x center top; }/*cover水彩底*/
.box-bg{background: url(/act/ccic/seminar/images/box_bg.png) repeat-y center top;}	/*main超過950的底*/
.content{background: url(/act/ccic/seminar/images/main_bg.jpg) no-repeat center top;}	/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.menu-bg{background: url(/act/ccic/seminar/images/menu_bg.png) no-repeat center top 305px;} /*menu的底*/

/* 讓圖片不要有多的白邊 */
img{ vertical-align:top;}


/* menu區域 */
.menu-1st{margin: -10px 0 0 -35px; z-index:55; position: absolute; width:950px;}
.menu-1st.stuck{position:fixed; z-index:997; top:-8px;}/*滑動訂位要變窄*/

.menu-1st li{ list-style: none; float:left;}
.menu-1st a{ display:block; width:158px; height:70px;}
.menu-1st li span{ display:none; }
.menu-1st a:hover{background-position:0 -100px;}/* x  y */


.menu-1st a.menu-volunteer{} 
.menu-1st a.menu-religion{ background:url(/act/ccic/seminar/images/menu_01.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-religion:hover{background:url(/act/ccic/seminar/images/menu_01.jpg) no-repeat center top; background-position:0px -100px;}   

.menu-1st a.menu-photography{ background:url(/act/ccic/seminar/images/menu_03.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-photography:hover{background:url(/act/ccic/seminar/images/menu_03.jpg) no-repeat center top; background-position:0px -100px;}   

.menu-1st a.menu-soul{ background:url(/act/ccic/seminar/images/menu_04.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-soul:hover{background:url(/act/ccic/seminar/images/menu_04.jpg) no-repeat center top; background-position:0px -100px;}

.menu-1st a.menu-development{ background:url(/act/ccic/seminar/images/menu_07.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-development:hover{background:url(/act/ccic/seminar/images/menu_07.jpg) no-repeat center top; background-position:0px -100px;}

/*
.menu-1st a.menu-accessible{ background:url(/act/ccic/seminar/images/menu.jpg) no-repeat center top; background-position:-570px 0px;}
.menu-1st a.menu-accessible:hover{background-position:-570px -100px;}
*/

.menu-1st a.menu-minitour{background:url(/act/ccic/seminar/images/menu_06.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-minitour:hover{background:url(/act/ccic/seminar/images/menu_06.jpg) no-repeat center top; background-position:0px -100px;}

.menu-1st a.menu-5{background:url(/act/ccic/seminar/images/menu_02.jpg) no-repeat center top; background-position:0px 0px;}
.menu-1st a.menu-5:hover{background:url(/act/ccic/seminar/images/menu_02.jpg) no-repeat center top; background-position:0px -100px;}
/**/

/*第一層MENU目前存在的頁面要定住*/
.pd-religion .menu-1st a.menu-religion,
.pd-religion1 .menu-1st a.menu-religion,
.pd-religion2 .menu-1st a.menu-religion{
 background:url(/act/ccic/seminar/images/menu_01.jpg) no-repeat center top; background-position:0px -200px;
} 

/*.pd-volunteer .menu-1st a.menu-volunteer{ 
	 background:url(/act/ccic/seminar/images/menu.jpg) no-repeat center top; 
	 background-position:0 -200px;
}
*/

.pd-photography .menu-1st a.menu-photography{
   background:url(/act/ccic/seminar/images/menu_03.jpg) no-repeat center top; 
   background-position:0px -200px;
} 

.pd-soul .menu-1st a.menu-soul{
   background:url(/act/ccic/seminar/images/menu_04.jpg) no-repeat center top; 
   background-position:0px -200px;
}

/*.pd-accessible .menu-1st a.menu-accessible{
   background:url(/act/ccic/seminar/images/menu.jpg) no-repeat center top; 
   background-position:-570px -200px;
}
*/

.pd-minitour .menu-1st a.menu-minitour{
   background:url(/act/ccic/seminar/images/menu_06.jpg) no-repeat center top; 
   background-position:0px -200px;
}

.pd-food .menu-1st a.menu-5{ 
   background:url(/act/ccic/seminar/images/menu_02.jpg) no-repeat center top; 
   background-position:0px -200px;
}

.pd-dep .menu-1st a.menu-development{ 
	background:url(/act/ccic/seminar/images/menu_07.jpg) no-repeat center top; 
	background-position:0px -200px;
}




/*第二層MENU-宗教*/
.pd-religion .menu .second-menu .menu-religion a{ 
width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}
.pd-religion1 .menu .second-menu .menu-religion1 a{ 
width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}
.pd-religion2 .menu .second-menu .menu-religion2 a{
width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}


/*第二層MENU-美食*/
.menu{text-align:center; margin:145px 0 0 -25px; }
.second-menu{ margin:18px  0 -60px}
.second-menu li{ list-style:none; float:left; margin-left:5px;}
.second-menu a{ width:70px; text-decoration:none;color:#191919; background-color:#eee9e3;padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}
.second-menu a:hover{ width:70px;text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}
/*--所在的位置固定↓--*/


/*第二層MENU-美食*/
.pd-sichuan .menu .second-menu .menu-sichuan a,
.pd-yunnan .menu .second-menu .menu-yunnan a,
.pd-triangle .menu .second-menu .menu-triangle a
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}



/*第二層MENU-攝影*/
.pd-read .menu .second-menu .menu-read a,.pd-humanism .menu .second-menu .menu-humanism a, .pd-natural .menu .second-menu .menu-natural a, .pd-travel .menu .second-menu .menu-travel a
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}

/*第二層MENU-職場身心靈*/
.pd-soho .menu .second-menu .menu-soho a, .pd-rich .menu .second-menu .menu-rich a, .pd-serve .menu .second-menu .menu-serve a, .pd-suc .menu .second-menu .menu-suc a, .pd-mov .menu .second-menu .menu-mov a,
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}

/*第二層MENU-無障礙旅遊*/
.pd-accessible .menu .second-menu .menu-accessible a,
.pd-accessible .menu .second-menu .menu-accessible a,
.pd-serve .menu .second-menu .menu-serve a,
.pd-suc .menu .second-menu .menu-suc a,
.pd-soho .menu .second-menu .menu-soho a,
.pd-mov .menu .second-menu .menu-mov a,
.pd-rich .menu .second-menu .menu-rich a
 { width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b;padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}

/*第二層MENU-志工旅遊*/
.pd-international .menu .second-menu .menu-international a, .pd-thailand .menu .second-menu .menu-thailand a, .pd-taiwan .menu .second-menu .menu-taiwan a
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}

/*第二層MENU-心旅行*/
.pd-tour1 .menu .second-menu .menu-Zhongshan a,
.pd-tour2 .menu .second-menu .menu-Tamsui a,
.pd-tour3 .menu .second-menu .menu-Xindian a,
.pd-tour4 .menu .second-menu .menu-Hsinchu a,
.pd-tour5 .menu .second-menu .menu-npm a,
.pd-tour6 .menu .second-menu .menu-monga a
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}


/*第二層MENU-台北市職能發展學院*/
/*.pd-event .menu .second-menu .menu-development a
{ width:70px; text-decoration:none; color:#FFF; background-color:#fb4b4b; padding:4px 20px; font-size:18px; font-weight:bold; font-family:"微軟正黑體";}
*/

.main-box{ margin-top:220px; }
.main-box2{ margin-top:50px; }
.main-box3{ margin-top:100px; }
.suc_a{color:#39F; text-decoration:none; font: bold 17px/1.8 Arial, Helvetica, sans-serif, "Microsoft JhengHei", "新細明體"; margin-left:245px;}
.suc_a:hover{color:#33F;}



/*推薦商品*/
.pd-list{border:3px solid #3dafc0; border-top:none; background:#f0fdff; padding:0 25px 25px; float:right; margin:0 15px 45px 0; width:860px}
.carrier li{ width:880px; border:0;}
.htl-pd{ background:#fff;}
h4 { display:none}
.carrier li a strong {font-weight: normal; display: block; font-size:20px; font-weight: bolder; color: #1eb0c6; margin: 0px 0 6px 0; font-family: "微軟正黑體";line-height:26px; width:800px;}/* 我是商品大標啊孩子 */
.carrier li a:hover strong {color: #4363d4; text-decoration: underline;}/* 商品大標變色囉囉囉 */
.carrier li em.price {font-size: 15px; color: #ff7200; font-family: Verdana, Geneva, sans-serif ,arial; float: right; font-weight: bold; margin:0 8px 0 0}
.carrier li em.price span, .carrier li em.price var { font-size: 15px; font-weight: bold; }
.carrier li a:link, .carrier li a:visited {text-decoration: none; font-size: 14px;  color: #4d4d4d; letter-spacing: 1px; line-height: 22px; display: block; font-family: Verdana, Geneva, sans-serif; font-family: "微軟正黑體";}
.carrier li:hover {background-color: #cef5f8;}/*我的媽呀滑過會有底色耶*/
.carrier li { border-bottom: 1px dashed #00a3d9; padding: 10px 2px 7px 10px; line-height: 1.3em;}/* 我是虛線啊孩子 */
.carrier ul {margin:0 0 0 -57px; width:460px;}

/*馬上報名*/
.tit-pd {position:relative;}
.btn-go{ width:190px; height:80px; display: inline-block; background:url(images/btn_tit_01.gif) no-repeat 0 0; position:absolute; z-index:99; right:40px; top:5px;}
.btn-go:hover { background-position:0px -80px;}
.btn-go span{display:none;}
.part{ position:absolute; font-size:28px; color: #FFF; margin:1px 0 0 70px; font-style:italic;}
.day{ position:absolute; font-size:28px; color: #362e2b; margin:32px 0 0 125px; font-style:italic;}
.day2{ position:absolute; font-size:18px; color: #362e2b; margin:30px 0 0 126px; font-style:italic;}
.day3{ position:absolute; font-size:20px; color: #362e2b; margin:25px 0 0 135px; font-style:italic;}
.ccicname{position:absolute; font-size:34px; color: #FFF; margin:14px 0 0 210px; font-weight:bold; font-family:"新細明體";}
.ccicname3{position:absolute; font-size:29px; color: #FFF; margin:14px 0 0 210px; font-weight:bold; font-family:"新細明體";}
.desText{position:absolute; font-size:13px; color: #ece4cd; margin:52px 0 0 210px; font-weight:normal;letter-spacing:1px; font-family:"新細明體";}
.park{position:absolute; font-size:20px; color: #FFF; margin:73px 0 0 212px;  font-family: "微軟正黑體";}

.btn-end{ width:190px; height:80px;  background:url(images/btn_end.jpg) no-repeat 0 0;  position:absolute; z-index:99; right:40px; top:15px;}


.tit-pd2 {position:relative;}
.btn-go2{ width:190px; height:80px; display: inline-block; background:url(images/btn_tit_01.gif) no-repeat 0 0; position:absolute; z-index:99; right:40px; top:15px;}
.btn-go2:hover { background-position:0px -80px;}
.btn-go1 span{display:none;}
.part2{ position:absolute; font-size:28px; color: #FFF; margin:1px 0 0 70px; font-style:italic;}
.day2{ position:absolute; font-size:28px; color: #362e2b; margin:32px 0 0 125px; font-style:italic;}
.ccicname2{position:absolute; font-size:30px; color: #FFF; margin:14px 0 0 200px; font-weight:bold; font-family:"新細明體";}
.ccicp{position:absolute; font-size:15px; color: #FFF; margin:55px 0 0 210px; font-family:"微軟正黑體";}
.park2{position:absolute; font-size:20px; color: #FFF; margin:80px 0 0 212px;  font-family: "微軟正黑體";}

.btn-end2{ width:190px; height:80px;  background:url(images/btn_end.jpg) no-repeat 0 0;  position:absolute; z-index:99; right:40px; top:15px;}

/*延期的按鈕*/
.btn-go2{ width:190px; height:138px; display: inline-block; background:url(images/btn_tit_02.gif) no-repeat 0 0; position:absolute; z-index:99; right:40px; top:0;}
.btn-go2:hover { background-position:0px -138px;}
.btn-go2 span{display:none;}



/*台北職能發展學院內容*/
.depcontit{ margin-left: 10px;}
.depcontit li{ list-style:none; font-size:22px; font-weight:bold; color:#901010; font-family:"新細明體"; } 
.depcontit p { font-size:20px;  font-family: "微軟正黑體"; font-weight:bold; color: #5b5654; width:800px; margin:0 0 0 0px; line-height:1.7em;}
.cont-pic{ float:right; }


/*介紹內容有的沒的*/
.foodcontit{ margin-left: 50px;}
.foodcontit li{ list-style:none; font-size:22px; font-weight:bold; color:#901010; font-family:"新細明體"; } 
.foodcontit p { font-size:16px;  font-family: "微軟正黑體"; font-weight:bold; color: #5b5654; width:580px; margin:0 0 0 35px; line-height:1.7em;}
.cont-pic{ float:right; }

/*memo*/
.memo{ margin-left:93px;}
.memo p{background:url(images/memo.jpg) no-repeat top left; font-size:18px; color:#fff; line-height:40px; padding-left:15px;}
.memo ul{list-style:circle;}
.memo li{ font-size:15px; line-height:24px; color:#000; font-family: "微軟正黑體";}

/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.gif) no-repeat 0 0; height:100px; width:90px; margin-left:935px; bottom:20px;}
.scroll2top:hover{background:url(images/gotop.gif) no-repeat 0 -100px;}

.toptop{margin-top:0px; display:block; height:60px; float:left;}
/*margin-top:-62px;↑往下給他高度62px;(圖片本身高度為60px)拿掉後錨點會跳至按鈕的底部，將會看不到按鈕圖案。 
display:block↑告訴它有空間; height:10px↑告訴它有空間數字多少沒差比0大就好，主要是對應不同瀏覽器; 
float:left↑借浮動來清除按鈕原本就有設置的浮動效果>menu-1st;*/