@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0; font-family:'Roboto',微軟正黑體,Microsoft JhengHei , sans-serif; font-size:13px; background:#fff;}
body a { text-decoration:none;}
img { border:none;}
.clean_flat { clear:both;}

/************************/

.header ,.main ,.footer { width:100%;}
.headerIn_box ,.mainIn_box { width:940px; margin:0 auto;}
.header { height:268px;} 
.headerIn_box { position:relative;}
.topBanner_box { width:599px; height:252px; position:absolute; left:50%; margin:7px 0 0 -299px;} /* bottom:0; */
.logo_box { width:230px; height:124px; position:absolute; left:0; top:45px;}
.mainIn_box { border:#b6b6b6 solid 5px; border-radius:10px; background:#fff;}

.topBtn_box { width:138px; height:22px; line-height:22px; position:absolute; right:0; top:35px;}
.topBtn { margin:0; padding:0;}
.topBtn li { list-style:none; float:left; width:49.5%; text-align:center;}
/* 背景圖片 */
.topBtnBg_001 { background:#ffee97; border:#641e00 solid 1px; border-radius:10px;}
.topBtnBg_001 a { color:#641e00; display:block;}
.topBtnBg_line { border-right:#641e00 solid 1px;}

.topBtnBg_002 { background:#d8abef; border:#641e00 solid 1px; border-radius:10px;}
.topBtnBg_002 a { color:#641e00; display:block;}

.topBtnBg_003 { background:#8cc4fd; border:#641e00 solid 1px; border-radius:10px;}
.topBtnBg_003 a { color:#641e00; display:block;}

.topBtnBg_004 { background:#ffa5ee; border:#641e00 solid 1px; border-radius:10px;}
.topBtnBg_004 a { color:#641e00; display:block;}

.topBtnBg_005 { background:#fcede6; border:#641e00 solid 1px; border-radius:10px;}
.topBtnBg_005 a { color:#641e00; display:block;}


.topBtnBg_line { border-right:#641e00 solid 1px;}


.topKid_box { position:absolute; width:154px; height:208px; top:85px; right:-70px;}
.topKid_box_02 { position:absolute; width:164px; height:192px; top:150px; right:-70px; z-index:333;}
.topKid_box_03 { position:absolute; width:164px; height:182px; top:270px; right:-70px; z-index:333;}
.topKid_box_04 { position:absolute; width:164px; height:182px; top:170px; right:-110px; z-index:333;}
.topKid_box_04 { position:absolute; width:172px; height:183px; top:200px; right:-100px; z-index:333;}


/* Menu */
.topMenu_box { width:840px; height:60px; position:absolute; z-index:33; margin:240px 0 0 60px; box-shadow:1px 4px 4px rgba(0,0,0,.5); border-radius:30px;}
.topMenu { margin:0; padding:0;}
.topMenu li { list-style:none; float:left; width:120px; text-align:center; line-height:60px;}
.topMenu a { display:block;}

.footer { height:308px;}
.footernIn_box { width:1085px; margin:10px auto 0 auto; height:308px; background:url(../images/footer_bg.png) no-repeat center; color:#00555e; text-align:center;} /* 1085 */
.footerLogo_box { padding:100px 0 0 0;}

.boxIn { margin:48px 15px 20px 15px;}
.left_box ,.right_box { float:left;}
.left_box { width:178px;}
.left { margin:0 0 10px 0; padding:0; border:#bebebe solid 1px; border-radius:10px; padding:5px 0;}
.left li { list-style:none;}

.icon_fb img { border-radius:10px;}

.right_box { width:715px; border-radius:10px; margin:0 0 0 14px;}

.right_boxBg_001 { background:#ffe08b; border:#dd5700 solid 1px;}
.right_boxBg_002 { background:#a895f7; border:#544771 solid 1px;}
.right_boxBg_003 { background:#ff90ff; border:#ff2463 solid 1px;}
.right_boxBg_004 { background:#8585ff; border:#0000ff solid 1px;}
.right_boxBg_005 { background:#a4c0dc; border:#0075af solid 1px;}
.right_boxBg_006 { background:#eeaeca; border:#ff1e6f solid 1px;}
.right_boxBg_007 { background:#add743; border:#8cbb00 solid 1px;}
.right_boxBg_008 { background:#76dfd8; border:#509f9a solid 1px;}
.right_boxBg_009 { background:#df76ac; border:#a95983 solid 1px;}


.rightInfo_box { background:#fff; margin:60px 10px 10px 10px; border:#e56c00 solid 1px; border-radius:5px; position:relative;}
.rightInfo_box01 { border:#a895f7 solid 1px;}
.rightInfo_box02 { border:#ff90ff solid 1px;}
.rightInfo_box03 { border:#0000ff solid 1px;}
.rightInfo_box04 { border:#0075af solid 1px;}
.rightInfo_box05 { border:#ff1e6f solid 1px;}
.rightInfo_box06 { border:#8cbb00 solid 1px;}

.titleKnow { position:absolute;  top:-50px; left:20px;}
.titleNews { position:absolute;  top:-30px; left:20px;}
/* width:162px; height:62px; */
.slider_box { width:620px; height:320px; margin:20px auto; border:#e56c00 dashed 1px; border-radius:5px; overflow:hidden; position:relative;}
.slider_box img { border-radius:5px;}
.slider { margin:0; padding:0; position:absolute; top:0px; width:9999px;}
.slider li { list-style:none; float:left;} 

.sliderNum_box { position:absolute; bottom:0; right:0;}
.sliderNum { margin:0; padding:0;} 
.sliderNum li { list-style:none; float:left; width:20px; height:20px; line-height:20px; text-align:center; margin:0 10px 10px 0; background:#fff; display: block; color:#000; cursor: pointer;}
.sliderNum li:hover { background:#008d0d}
.sliderNum_box a { } /* .sliderNum_box a { display:block; color:#000;} */
.sliderNumThis { display: block; background:#008d0d!important; color:#fff !important;}

.rightText_box { width:620px; margin:0 auto 10px auto; line-height:23px;}
.rightTextTop_box { margin:60px auto 10px auto !important;}

.rightText_title { border-bottom:#000 dashed 1px; height:40px; margin:0 0 20px 0;}

.leftMenu_box { margin:0 0 10px 0;}
.eftMenu_title {}
.leftMenu { margin:0; padding:0;}
.leftMenu li { list-style:none; line-height:35px;}
.leftMenu li:hover { background:url(../images/point_left.png) no-repeat 5px 7px;}
.leftMenu a { display:block;; font-size:16px;}
.leftMenu a:hover { font-weight:bold; font-size:24px;}

.leftMenu_02 a { color:#a895f7; border-bottom:#b8b8b8 dotted 1px; padding:0 0 0 32px;}
.leftMenu_02 a:hover { border-bottom:#897ea2 dotted 1px;}

.leftMenuThis_02 { background:url(../images/point_left.png) no-repeat 5px 7px; font-weight:bold !important; font-size:24px !important;}

.leftMenu_03 a { color:#ff90ff; border-bottom:#b8b8b8 dotted 1px; padding:0 0 0 32px;}
.leftMenu_03 a:hover { border-bottom:#ff90ff dotted 1px;}

.leftMenuThis_03 { background:url(../images/point_left.png) no-repeat 5px 7px; font-weight:bold !important; font-size:24px !important;}

.leftMenu_04 a { color:#8080ff; border-bottom:#b8b8b8 dotted 1px; padding:0 0 0 32px;}
.leftMenu_04 a:hover { border-bottom:#0000ff dotted 1px;}

.leftMenuThis_04 { background:url(../images/point_left.png) no-repeat 5px 7px; font-weight:bold !important; font-size:24px !important;}

.leftMenu_05 a { color:#6a90c0; border-bottom:#b8b8b8 dotted 1px; padding:0 0 0 32px;}
.leftMenu_05 a:hover { border-bottom:#0075af dotted 1px;}

.leftMenuThis_05 { background:url(../images/point_left.png) no-repeat 5px 7px; font-weight:bold !important; font-size:24px !important;}

.infoTitle_box { padding:0 0 0 30px; background:url(../images/point_01.png) no-repeat 0 0;}
.wd_preschool_01 { color:#a895f7; font-size:18px; line-height:25px;}
.infoText_box { padding:0 0 0 30px; margin:0 0 20px 0;}

.infoBtn_box {}
.infoBtn { margin:0; padding:0; width:100%;}
.infoBtn li { float:left; list-style:none; width:calc(100%/5);}

.infoBtnInfo_box { margin:60px 0 0 0;}
.infoBtnInfo { margin:0; padding:0;}
.infoBtnInfo li { list-style:none;}

.infoBtnInfo_title { width:100%; height:36px; position:relative; }
.infoBtnInfo_titleBox { border-radius:15px;  padding:20px;}
.infoBtnInfo_titleBox_03 { border-radius:15px; border:#ff3880 solid 1px; padding:20px;}
.infoBtnInfo_wd { position: absolute; left: 311px ; width: 176px;
height: 36px; line-height: 36px; text-align:center;color: #fff; margin: 0 0 0 -88px;
bottom: -16px; background:#fff; text-shadow: 0px 0px 10px #a895f7, 0px 0px 10px #a895f7, 0px 0px 10px #a895f7, 0px 0px 10px #a895f7, 0px 0px 10px #a895f7, 0px 0px 10px #a895f7, 0px 0px 10px #a895f7; font-size: 18px;}

.infoBtnInfo_wd_03 {
	position: absolute;
	left: 312px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 -88px;
	bottom: -17px;
	background: #fff;
	text-shadow: 0px 0px 10px #a895f7, 0px 0px 10px #ff90ff, 0px 0px 10px #ff90ff, 0px 0px 10px #ff90ff, 0px 0px 10px #ff90ff, 0px 0px 10px #ff90ff, 0px 0px 10px #ff90ff;
	font-size: 18px;
}


.infoBtnInfo_wd_04 {
	position: absolute;
	left: 312px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 -88px;
	bottom: -17px;
	background: #fff;
	text-shadow: 0px 0px 10px #0000ff, 0px 0px 10px #0000ff, 0px 0px 10px #0000ff, 0px 0px 10px #0000ff, 0px 0px 10px #0000ff, 0px 0px 10px #0000ff, 0px 0px 10px #0000ff;
	font-size: 18px;
}

.infoBtnInfo_wd_05 {
	position: absolute;
	left: 312px;
	width: 200px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 -88px;
	bottom: -17px;
	background: #fff;
	text-shadow: 0px 0px 10px #0075af, 0px 0px 10px #0075af, 0px 0px 10px #0075af, 0px 0px 10px #0075af, 0px 0px 10px #0075af, 0px 0px 10px #0075af, 0px 0px 10px #0075af;
	font-size: 18px;
}

.infoBtnInfo_wd_06 {
	position: absolute;
	left: 312px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 -88px;
	bottom: -17px;
	background: #fff;
	text-shadow: 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f, 0px 0px 10px #ff1e6f;
	font-size: 18px;
} 

.infoBtnInfo_wd_07 {
	position: absolute;
	left: 312px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 -88px;
	bottom: -17px;
	background: #fff;
	text-shadow: 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00, 0px 0px 10px #8cbb00;
	font-size: 18px;
}

.infoBtnInfo_titleBox_04 { border-radius:15px; border:#0000ff solid 1px; padding:20px;}

.infoBtnInfo_titleBox_05 { border-radius:15px; border:#ff1e6f solid 1px; padding:20px;}

.infoBtnInfo_titleBox_06 { border-radius:15px; border:#a9d926 solid 1px; padding:20px;}

.infoBtnInfo_titleBox_07 { border-radius:15px; border:#a9d926 solid 1px; padding:20px;}

.infoBtnPic_box { padding:0 0 10px 0;}
.infoBtnPic { margin:0; padding:0;}
.infoBtnPic li { float:left; list-style:none; width:290px; height:210px; margin:9px;} /* 290 210 */
.infoBtnPic img { width:100%;}
.infoBtnBoder_01 { border:#ff90ff solid 1px;}
.infoBtnPic h3 ,.infoBtnPic h4 { margin:0; padding:0;}
.infoBtnPic h3 { height:209px;}
.infoBtnPic h4 { line-height:25px;}
.infoBtnPic a { color:#000;}

.preschoolNews_box { margin:70px 0 0 0;}
.preschoolNews { margin:0; padding:0;}
.preschoolNews li { list-style:none; border-bottom:#000 dashed 1px;}
.preschoolNews_box h3 ,.preschoolNews_box h4 ,.preschoolNews_box h5 ,.preschoolNews_box p { margin:0; padding:0;}
.preschoolNewsList { background:#a199b9; border-radius:7px; margin:10px; padding:10px;}
.preschoolNewsList:hover { background:#bdb7c9;}
.preschoolNews_box h3 ,.preschoolNews_box h4 ,.preschoolNews_box h5 { font-weight:normal; line-height:25px; font-size:14px;}
.preschoolNews_box h3 { color:#7a6e97;}
.preschoolNews_box h4 { width:100%; overflow:hidden; color:#000;}
.preschoolNewsTopL_box ,.preschoolNewsTopR_box { float:left;}
.preschoolNewsTopL_box { width:60%;}
.preschoolNewsTopR_box { width:40%; text-align:right;}

.preschoolDet_box { text-align:center;}
.preschoolDet { margin:0 0 0 10px; padding:0;}
.preschoolDet li { list-style:none; float:left; width:50%; margin:10px 0;}
.preschoolDet h3 ,.preschoolDet h4 ,.preschoolDet p { margin:0; padding:0;}
.preschoolDet h3 { border:#000 solid 1px; width:290px; height:210px;}
.preschoolDet h4 { line-height:45px; font-size:14px; color:#000; text-align:left;}

.preschoolDetTitle_box { line-height:25px; color:#fff; background:#a895f7; border-radius:15px; margin:60px 0 0 0;}
.preschoolDetTitle_box_02 { background:#0000ff;}
.preschoolDetTitle_box_03 { background:#ff90ff;}

.preschoolDetTitleL_box ,.preschoolDetTitleR_box { float:left; width:48%;}
.preschoolDetTitleL_box { padding:0 0 0 2%; font-size:14px;}
.preschoolDetTitleR_box { text-align:right; padding:0 2% 0 0; font-size:12px;}

.preschoolDetText_box { font-size:16px;  width:95%; margin:10px auto 0 auto; line-height:23px;}

.preschool_news_dn { position:relative;}
.btnPrevious { position:absolute; right:0; bottom:0;}

.preschoolLove_box {}
.preschoolLove { margin:0; padding:0; line-height:25px;}
.preschoolLove li { list-style:none; background:url(../images/point_02.png) no-repeat; padding:0 0 0 30px;}
.preschoolLove li ul { margin:5px 0 0 0; padding:0 0 0 30px; background:url(../images/point_03.png) no-repeat;}
.preschoolLove li ul li { padding:0; background:none; font-size:16px;}

.wd_preschoolLove_01 { color:#ff7f0f; font-size:16px;}
.wd_preschoolLove_02 { color:#a895f7; font-size:16px;}
.wd_preschoolLove_03 { color:#ff329b; font-size:16px;}
.wd_preschoolLove_04 { color:#000; font-size:16px;}
.wd_preschoolLove_05 { color:#f00; font-size:16px;}


.btnDownload_box { text-align:right;}

.preschoolInfoPic { position:absolute; width:128px; height:136px; z-index:69; left:50%; top:200px; margin:0 0 0 -50px;}
.preschoolInfoBtn_box { text-align:center; margin:0 0 120px 0; position:relative; height:140px;}
.preschoolInfoBtn { margin:0; padding:0; display:inline-block; position:absolute; left:50%; margin:0 0 0 -120px; height:136px;}
.preschoolInfoBtn li { list-style:none; float:left; margin:0 5px 0 5px; height:136px;}


.preschoolInfoBtnThis { padding:20px 0 0 0 !important;}

.preschoolInfoBtnL {}
.preschoolInfoBtnR {}

.preschoolInfoBtn a { display:block;}

.infoBtnInfoText_box { font-size:16px; line-height:25px;}
.infoBtnInfoText { margin:0;}
.infoBtnInfoText li { list-style:none; background:url(../images/point_03.png) no-repeat; padding:0 0 0 30px; line-height:30px;}

.preschoolTable { font-size:13px;}
.preschoolTable tr td { padding:5px;}
.preschoolTableWd_01 ,.preschoolTableWd_02 ,.preschoolTableWd_03 { line-height:25px;}
.preschoolTableWd_01 { color:#fff;}
.preschoolTableWd_02 { color:#a895f7;}
.preschoolTableWd_03 { color:#a895f7;}

.give_box {}
.give { margin:0; padding:0;}
.give li { float:left; list-style:none; width:23%; margin:1%; background:#a199b9; border-radius:5px; text-align:center;}
.give li:hover { background: #7a66b2;}
.give a { color:#fff; display:block; line-height:25px; font-size: 13px;}
.give_this { background: #7a66b2!important;}
.give_fontColor { color: #f00;}

.kidPic_box {}
.kidPic { margin:0; padding:0;}
.kidPic li { list-style:none; float:left; width:280px; margin:0 4px}
/*  width:48%; margin:1%; */
.kidPic h3 ,.kidPic h4 { margin:0; padding:0;}
.kidPic img { width:100%; border:#ff3880 solid 1px;}
.kidPic h4 { color:#000; font-size:16px;}

.kidPic_box img { width:100%;}

.carePic img { width:100%; border:#0000ff solid 1px;}

.kidSettingText { font-size:16px; line-height:25px; margin:70px 0 0 0;}

.kidBtn_box { text-align:center; width:620px;}
.kidBtn { margin:0; padding:0; display:inline-block;}
.kidBtn li { list-style:none; float:left; margin:0 3px; width:148px;}

.kidInfo_box {}
.kidInfo { margin:0; padding:0;}
.kidInfo li { list-style:none; background:url(../images/point_04.png) no-repeat; line-height:25px; padding:0 0 0 30px; color:#ff3880; float:left; font-size:16px;}

.kidText_box { font-size:16px; line-height:25px; margin:10px 0;}

.kidNewsWd_01 { background:#ff90ff;}
.kidNewsWd_02 { background:#8585ff;}
.kidNewsWd_02 h3 { color:#0000ff !important;}

.careInfo_box {}
.careInfo { margin:0; padding:0;}
.careInfo li { list-style:none; background:url(../images/point_05.png) no-repeat; line-height:25px; padding:0 0 0 30px; color:#ff3880; float:left; font-size:16px;}

.careText { margin:0 10px; font-size:16px;}
.careCompany { margin:0; padding:0;}
.careCompany li { list-style:none; float:left; width:48%; margin:1%;}
.careCompany h3 ,.careCompany h4 ,.careCompany p { margin:0; padding:0; font-weight:normal;}
.careCompany h3 ,.careCompany h4 { float:left;} 
.careCompany h4 { color:#0000ff; font-size:16px; margin:0 0 0 5px;}
.careCompanyR_1 { margin:18px 0 0 5px !important;}
.careCompanyR_2 { margin:30px 0 0 5px !important;}


/* box-shadow:0 3px 3px rgba(147,147,147,0.6); */
/* hr { border-bottom:#000 solid .1px !important; margin:5px 0; padding:0;} */
/************************/

/*****/
/* 卷軸 */
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { background:#f5f5f5; border:#e3d9c9 solid 1px; }
::-webkit-scrollbar-thumb { border:#d2d2d2 solid 1px; background:#c3c3c3; }
::-webkit-scrollbar-thumb:hover { background:#7e6b5a; }
::-webkit-scrollbar-thumb:active { background:#81511c; }

/* pages */
.pages_box { text-align:right; margin:0;}
.pages { margin:0; padding:0; display:inline-block;}
.pages li { list-style:none; float:left !important; width:20px; text-align:center; line-height:20px; margin:20px 5px 0 5px; padding:3px; background:#ffee97; border-radius:5px;}
.pages a { color:#946134; display:block;}
.pages a:hover { color:#000;}
.pages li:hover { color:#0068b7;}

.pages_box1 { text-align:right; margin:0;}
.pages1 { margin:0; padding:0; display:inline-block;}
.pages1 li { list-style:none; float:left; width:20px; text-align:center; line-height:20px; margin:20px 5px 0 5px; padding:3px; background:#bdb7c9; border-radius:5px;}
.pages1 a { color:#a895f7; display:block;}
.pages1 a:hover { color:#000;}
.pages1 li:hover { color:#0068b7;}

.pages_box2 { text-align:right; margin:0;}
.pages2 { margin:0; padding:0; display:inline-block;}
.pages2 li { list-style:none; float:left; width:20px; text-align:center; line-height:20px; margin:20px 5px 0 5px; padding:3px; background:#ffb9ff; border-radius:5px;}
.pages2 a { color:#ff3880; display:block;}
.pages2 a:hover { color:#000;}
.pages2 li:hover { color:#0068b7;}

/***** 改版項目 *****/
.pages_box3 { text-align:right; margin:0;}
.pages3 { margin:0; padding:0; display:inline-block;}
.pages3 li { list-style:none; float:left; width:20px; text-align:center; line-height:20px; margin:20px 5px 0 5px; padding:3px; background:#ffff60; border-radius:5px;}
.pages3 a { color:#9a0568; display:block;}
.pages3 a:hover { color:#000;}
.pages3 li:hover { color:#0068b7;}

.pages_box4 { text-align:right; margin:0;}
.pages4 { margin:0; padding:0; display:inline-block;}
.pages4 li { list-style:none; float:left; width:20px; text-align:center; line-height:20px; margin:20px 5px 0 5px; padding:3px; background:#20aee5; border-radius:5px;}
.pages4 a { color:#fff; display:block;}
.pages4 a:hover { color:#000;}
.pages4 li:hover { color:#0068b7;}
/***** 改版項目 *****/

.contactInfo { padding:5px; font-size:16px; line-height:25px; margin:10px 0;}
.wd_contac_01 { color:#e65504;}


.works_box { margin:50px auto 0 auto;}
.works_box {}

.pub_box {}
.pub { margin:0; padding:0 0 0 1%;}
.pub li { list-style:none; float:left; width:47%; margin:2% 1%; border:#ff1e6f dashed 1px; border-radius:5px; position:relative; padding: 0 0 20px 0;}
.pub h3 ,.pub h4 ,.pub h5 ,.pub p { margin:0; padding:0;}
.pub h3 ,.pub h4 ,.pub h5 { font-weight:normal;}
.pub h4 ,.pub h5 { padding:10px;}
.pub h5 { font-size:16px; line-height:25px; height:120px; overflow:hidden;}
.pub img { width:100%; border-radius:5px;}
.pub a { color:#000;}
.pub h3 { position:absolute; padding:0 0 0 25px; background:url(../images/point_06.png) no-repeat; color:#ff1e6f; font-size:18px; top:-12px; left:0; background-color:#fff;}


.linksPro_box { border:#ed6c00 dashed 1px !important;}
.linksPro_text { width:80%;}
.linksPro_pic { padding:30px 0 0 0;}

.workPoint { background:url(../images/point_07.png) no-repeat !important;}
.workPro_pic { padding:10px 0 0 0;}

/**/

.pages_02 li { background:#bdb7c9 !important;}

/* 上一頁 下一頁獨立css */
.pagesBtn { background:none !important; width:79px !important; height: auto; line-height:none; margin:0 0 0 0 !important;}

/*404*/
.error { line-height:25px; margin:0; padding:10px; color:#626262;}
.error h1,.error h3,.error li { margin:0; padding:0;}
.error h3 { color:#996c33;}
.error a { color:#996c33;}
.error a:hover { color:#000;}

/* error */
.error { margin:10px 0 0 0;}


/*  */
.NewBtn_box { text-align:center; margin:0 0 130px 0;}
.NewBtn { margin:0; padding:0; display:inline-block;}
.NewBtn li { list-style:none; float:left; width:116px; margin:0 10px; height:136px;}
.NewBtn a { display:block; height:auto;}
.NewBtnNot { padding:0 0 20px 0;}
.NewBtnThis { padding:20px 0 0 0;}

/* News */
.NewsBoxAll { margin:40px 0 0 0;}
.News_box { margin:40px 0 0 0; padding:10px 0 0 0; position:relative;}
.News { margin:0; padding:10px; height:245px; overflow:hidden;}
.News_box li { list-style:none; background:#ddd; background:url(../images/news_point.png) no-repeat;}
.News_box h3 ,.News_box h4 ,.News_box p ,.News_box h5 { margin:0; padding:0;}
.News_box h3 ,.News_box h4 ,.News_box h5 { font-weight:normal; float:left; line-height:30px;}
.News_box h3 { width:75%; overflow:hidden; height:30px; padding:0 0 0 5%;}
.News_box h4 { width:18%; text-align:center; padding:0 2% 0 0;}
.News_box a { display:block;}

.NewsTitle_box { width:265px; height:30px; padding:20px 0 0 80px; position:absolute; top:-33px; left:-20px; color:#fff; font-size:18px;}
.NewsTitle_boxBg_01 { background:url(../images/news_title1.png) no-repeat;}
.NewsTitle_boxBg_02 { background:url(../images/news_title2.png) no-repeat;}
.NewsTitle_boxBg_03 { background:url(../images/news_title3.png) no-repeat;}
.NewsTitle_boxBg_04 { background:url(../images/news_title4.png) no-repeat;}



.NewsBoder_01 { border:#e56c00 solid 1px; border-radius:5px;}
.NewsBoder_01Underline li { border-bottom:#999 dotted 1px;}
.NewsBoder_01Underline li a { color:#e56c00;}
.NewsBoder_01Underline li a:hover { color:#000;}

.NewsBoder_02 { border:#c76aca solid 1px; border-radius:5px;}
.NewsBoder_02Underline li { border-bottom:#999 dotted 1px;}
.NewsBoder_02Underline li a { color:#c76aca;}
.NewsBoder_02Underline li a:hover { color:#000;}

.NewsBoder_03 { border:#ffde00 solid 1px; border-radius:5px;}
.NewsBoder_03Underline li { border-bottom:#999 dotted 1px;}
.NewsBoder_03Underline li a { color:#ff388a;}
.NewsBoder_03Underline li a:hover { color:#000;}

.NewsBoder_04 { border:#3890ca solid 1px; border-radius:5px;}
.NewsBoder_04Underline li { border-bottom:#999 dotted 1px;}
.NewsBoder_04Underline li a { color:#3890ca;}
.NewsBoder_04Underline li a:hover { color:#000;}

.NewsDet_box { width:814px; height:705px; background:url(../images/news_lightbox_bg.jpg) no-repeat; position:fixed; top:50%; left:50%; margin:-352px 0 0 -407px; z-index:9999;box-shadow:4px 5px 10px rgba(0,0,0,0.5); border-radius:15px;}

.NewsIn_box { position:relative; height:705px;}
.NewsInPos { position:absolute; bottom:57px; width:700px; height:400px; background:#fff; left:50%; margin:0 0 0 -351px; border-radius:5px; border:#e56c00 solid 1px;}

.NewsInfo { padding:20px;}

.NewsInTitle { border-radius:40px; line-height:40px; background:#e56c00; color:#fff; font-size:18px; padding:0 0 0 0;}
.NewsInPoint ,.NewsInName { float:left; height:40px;}
.NewsInPoint { width:30px;}
.NewsInName { width:620px; margin:0 0 0 10px; overflow:hidden;}

.NewsInText { margin:10px; line-height:23px; height:280px; overflow-x:hidden; overflow-y:auto;}

.NewsDetBtn_box { position:absolute; width:98px; height:22px; cursor:pointer; bottom:70px; right:90px; z-index:9999;}
.NewsBig_Title { position:absolute; top:180px; left:220px; color:#e56c00; font-size:36px; z-index:9999; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff; font-weight:bold;}


/*1110*/
.kidPic_box { text-align:center;} 
.kidPic { display:inline-block;}


/* 新增css */
.more_btn { text-align:center;}


/***** 改版項目 *****/
/**************************************  
基本設定 
***************************************/
.float_l {float: left;}
.float_r {float: right;}
.textPos_c { text-align: center!important;}
.textPos_r { text-align: right!important;}
.textPos_l { text-align: left!important;}
.mar_01 { margin: 10px 0 0 0;}
.mar_02 { margin: 20px 0 0 0;}
.fontSize_14 { font-size: 14px;}
.fontSize_16 { font-size: 16px;}
.l_h_24 { line-height: 24px;}
/* 出版刊物 */
.Pos_r { position: relative;}
.Pos_a { position: absolute;}

/************************************** 
# 單行文字顯示省略符號
**************************************/
.wd_point_01 
{
	/* 第一步：先禁止斷行 */
	white-space: nowrap;

	/* 第二步：超過部份隱藏 */
	overflow: hidden;

	/* 第三部：表示文字溢出時，顯示省略符號(...) */
	text-overflow: ellipsis;	
}
/* 最新消息列表 */
.newsList_box { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height:30px;}
.btn_more {}
.overBox { overflow: none !important; height: 500px; margin: 0; position: 0;}
.overBox li { list-style:none; background:#ddd; background:url(../images/news_point.png) no-repeat;}
.overBox h5  { float: left; margin: 0; padding: 0;}
.overBox h3 { width: 13%; height:30px; padding:0; display: none;}
.overBox h4 { width: 15%; height:30px; padding:0 0 0 3%;}
.overBox h5 { width: 80%; margin: 0; padding: 0; font-size: 14px; overflow: hidden !important; height:30px;}
.overBox a:hover { color: #000!important;}

.overBox_02 a { color:#544770!important;}
NewsTitle_box
/* 左邊選單 */
.listMenu_box { border: solid 1px #bebebe; border-radius: 10px; padding: 10px 0 10px 0; margin: 45px 0 10px 0;}
.listMenu { margin: 0 0 20px 0;; padding: 0;  border-top: dashed 1px #ddd; position: relative;}
.listMenu li {list-style: none; background:url(../images/news_point.png) no-repeat 2px 3px; padding: 3px 0 0 32px; border-bottom: dashed 1px #ddd;}
.listMenu a { display: block; font-size: 14px; line-height: 31px;}
.listMenu a:hover { color: #000; }
.listMenuPic { width: 178px; height: 72px;}
.listMenuOverflow { overflow-x: hidden; overflow-y: auto; height: 180px;}

.listMenuColor_01 a { color:#e56c00!important;}
.listMenuColor_02 a { color:#544770!important;}
.listMenuColor_03 a { color:#e27f30 !important;}
.listMenuThis a { color: #000 !important; }

.NewsTitle_boxBg_01_1 { background:url(../images/news_title1_1.png) no-repeat;}
.NewsTitle_boxBg_01_2 { background:url(../images/news_title1_2.png) no-repeat;}
.NewsTitle_boxBg_01_3 { background:url(../images/news_title1_3.png) no-repeat;}
.NewsTitle_boxBg_01_4 { background:url(../images/news_title1_4.png) no-repeat;}
.NewsTitle_boxBg_01_5 { background:url(../images/news_title1_5.png) no-repeat;}

/* New Pages */
.newPages_box { text-align:center;}
.newPages { margin: 0; padding: 0; display: inline-block;}
.newPages li { list-style: none; float: left;  width: 30px; line-height: 30px; text-align: center; margin: 14px 5px 0 5px;  border-radius:5px;}
.newPages a { color:#946134; display:block;}
.newPages a:hover { color:#000;}
.newPages li:hover { color:#0068b7;}

/* 頁碼背景 */
.newPagesBg_01 { background:#ffee97;}

/* 認識我們 */
.rightTitle_box { font-size: 16px; color: #af7dad; font-weight: bold; }
.newsText_box { margin:10px auto 20px auto !important;} /* 文字內容外距調整 */



.airBox  { width: 100%; font-size: 16px; line-height: 32px;}
.wdPos_r { text-align: right;}

.btnbBook_l ,.btnbBook_r { width: 99%; height: 32px; line-height: 32px; bottom: 2px;}
.btnbBook_l { left: 2px;}
.btnbBook_r { right: 2px;} 
.btnbBook_l a { color: #fff; display: block;  background: #e59bbf; border-radius: 3px;}
.btnbBook_l a:hover { background: #d3669b; }

.btnbBook_r a { color: #fff; display: block;  background: #e0b0c9; border-radius: 3px;}
.btnbBook_r a:hover { background: #d3669b; }

.btnbBook_more { color: #fff; display: block;  background: #e59bbf; border-radius: 3px; width: 98%; margin: 0 auto;}
.btnbBook_more:hover { background: #d3669b; }

/* 聯絡我們 */
.map_box { padding: 20px 0;}
.mapL_box ,.mapR_box { float: left; height: 250px;}
.mapL_box { width: 49%; margin: 0 1% 0 0 ; border-radius: 5px; border: solid #9ed300 1px;}
.mapR_box { width: 48%; margin: 0 0 0 1%; line-height: 26px; font-size: 14px;}

/* 搜尋 */
.searchBar_box { line-height: 50px; padding: 0 0 0 50px; font-size: 14px;}
.inp_search_keyWord { width: 300px; padding: 5px; border-radius: 5px; border: solid 1px #ddd; font-size: 14px; height: 23px;}
.searchBtn_01 { background: #ff895e; border: none; width: 100px; line-height: 30px; cursor: pointer; font-size: 14px; border-radius: 5px; color: #fff;}
.searchBtn_01:hover { background: #ffad21; }

/* 下載專區 */
.downTitle_box { margin: 0 0 20px 0;}
.downList_box {}
.downList { margin: 0; padding: 0; border-radius: 5px;}
.downList li { list-style: none; padding: 13px 15px 11px 15px; border-bottom: dashed #ddd 1px;}
.downList li:hover { background: #eee;}

/* svg 圖片上色設定 */
.iconDownList {
	width: 20px;
	height: 18px;
    -webkit-mask-image: url(../images/icon_files.svg);
    mask-image: url(../images/icon_files.svg);
	background-position: 20px;
	/* background-color: #860666; */
}

.dateDownList { width: 15%; padding: 0 0 0 15px!important;}
.textDownList { width: 75%; padding: 0;}

.downList p { margin: 0; padding: 0;}
.downList a { font-size: 15px; display: block;}
.downList a:hover { color: #000!important;}

.iconDownListBg01 { background: #860666;}
.iconDownListBg02 { background: #ff9600;}

.downListWd_color01 { color: #860666!important;}
.downListWd_color02 { color: #ff90fb!important;}

.downLinsBoder01 { border: #860666 solid 1px;}
.downLinsBoder02 { border: #ff9600 solid 1px;}
/* csv 圖片上色 */
.icon {
    background-color: red;
    -webkit-mask-image: url(../images/icon_files.svg);
	width: 30px;
	height: 30px;
}

.downBtn_box { width: 100%; text-align: right;}
.downInfoBtn { width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #eee; border-radius: 5px; border: #ddd solid 1px; margin: 0 5px 0 0; cursor: pointer;}
.downInfoBtn:hover { background: #d9d9d9; border: #cccccc solid 1px;}
.downInfoBtn a { display: block; font-size: 14px; color: #666;}
.downInfoBtn a:hover { color: #000;}
.downBtn_pos { display: inline-block;}
.downInfo_box { margin: 0 0 20px 0;}

/* 活動報導 搜尋 */
.activitySearch_box { margin: 25px 20px 10px 20px; background: #eee; border-radius: 5px; padding: 10px 15px;}
.select_search { line-height: 30px; height: 30px; font-size: 14px;}
/* 活動報導 news */
.newActivity { margin: 0; padding: 0;}
.newActivity li { list-style: none; padding: 0 10px; overflow: hidden;}
.newActivity h3 ,.newActivity h4 ,.newActivity h5 { margin: 0; padding: 0; font-weight: normal; float: left; font-size: 14px;}
.newActivity p { margin: 0; padding: 0;}
.newActivity h3 { width: 12%; padding: 0 0 0 3%}
.newActivity h4 { width: 20%;} 
.newActivity h5 { width: 65%;}
.newActivity a:hover {color: #000!important; back}

/* 新增頁碼目前顯示頁面 */
.pagesThis { background:#d9be2b!important;}
