/* 縮小失敗。正在傳回未縮小的內容。
(253,64): run-time error CSS1034: Expected closing parenthesis, found ','
(253,64): run-time error CSS1042: Expected function, found ','
(253,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";

/* == 共用區 ============================================================================= */

.bodyContent{margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
.bodyContent html, body{-webkit-text-size-adjust: 100%; width: 100%; min-height:100%; font-family: "微軟正黑體", Arial, Helvetica,sans-serif; }
.bodyContent ul,.bodyContent li,dd{margin:0; padding:0; list-style:none;}
.bodyContent .texthidden{ display: block; height: 0; width: 0; overflow: hidden;}
.bodyContent .like-table{ display:table-cell; vertical-align:middle;}/*table 偽裝*/
.bodyContent input, select, button{ font-family: "微軟正黑體", Arial, Helvetica,sans-serif;}
.bodyContent h1,h2,h3,h4{ margin:0; padding:0;}

/*字體色彩*/
.bodyContent .fc01{ color:#00b8e6;}
.bodyContent .fc02{ color:#f00;}

/* == 桌機版 ============================================================================= */

.bodyContent .mtop{ display:none;}
.bodyContent .mhead{ display:none;}
.bodyContent .mnav{ display:none;}
.bodyContent .mfooter{ display:none;}


/* == 刊頭 == */
.bodyContent .head{ width:100%; padding:0 12px;  box-sizing: border-box;}
.bodyContent .head .wrap{ margin:0 auto; max-width:1024px;overflow: hidden;}
.bodyContent .head .left{ float:left; width:50% !important;height:90px; display: table; }
.bodyContent .head .left a{text-decoration: none;}
.bodyContent .head .left .top-logo{ float:left; width:40%;height: 100%; display: flex;align-items: center;}
.bodyContent .head .left .top-logo img{ float:left; width:36px; height:36px; }
.bodyContent .head .left h2{ float:left; font-size:2.4rem; text-indent:5px; line-height:1; color:#0664cd;  margin: 0; text-decoration: none;}
.bodyContent .head .left .top-at { float:left; width:55%;height: 100%; display: flex; flex-flow: column;justify-content: center;}
.bodyContent .head .left .top-at p{ font-size:1.05rem; line-height:1.2; font-weight:normal; color:#666;margin: 0;}
.bodyContent .head .right{ float:right; display: table; text-align:right;}/*width:50%; height:90px;*/
.bodyContent .head .right li{ display:inline-block; margin:0 0 0 5px; text-align:right;} 
.bodyContent .head .right a{ text-decoration:none; font-size:1rem; color:#00b8e6; transition:.3s;}
.bodyContent .head .right a:hover{ color:#ff0000;}

.bodyContent .head #leftN{width: 50%;margin-bottom: 5px;}
.bodyContent .head #leftN .like-table{display: flex;align-items: center;flex-wrap: wrap;}
.bodyContent .head #leftN .top-logo{margin-right:10px;width: 40%;position: relative;}
.bodyContent .head #leftN .top-logo a{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;overflow: hidden;}
.bodyContent .head #leftN .top-logo img{ width: 100%; }
.bodyContent .head #leftN .top-at { float:left; width:auto;height: 100%; display: flex;flex-flow: column;justify-content: center;}
.bodyContent .head #leftN .top-at p{margin: 0;}


/* == 導覽列 == */
.bodyContent .nav{ clear:both; margin:0; width:100%;  height:50px; background-color:#0d48ab;}
.bodyContent .nav .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; }
.bodyContent .nav li { float:left; background-color:#0d48ab; border-right:1px solid #FFF; text-align:center; box-sizing: border-box;}
.bodyContent .nav li:last-child{ border-right:0; }
.bodyContent .nav li a{ display: block; width:251px; height:50px; font-size:1.2rem; line-height:50px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a.active{ background-color:#00b8e6;}


/* == 快訊 == */
.bodyContent .search{ clear:both; padding:0 12px; width:100%; background-color:#e3e9f3; overflow:hidden;box-sizing: border-box;}
.bodyContent .search .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .search .left{ float:left; width:60%; height:70px; display: table; }
.bodyContent .search .left dt{ float:left; width:60px; height:32px; background-color:#F00; font-weight:bold; line-height:32px; text-align:center; color:#FFF;}
.bodyContent .search .left dd{ float:left; width:500px; background-color:#FFF; text-indent:10px; line-height:32px; }
.bodyContent .search .left dd a{color:#ff0000; text-decoration:none;}
.bodyContent .search .left dd a:hover{ color:#e43519; }
.bodyContent .search .right{ float:right; width:40%; height:70px; display: table; text-align:right; }
.bodyContent .search .right a{text-decoration: none;}
.bodyContent .search .right img{ margin:5px 0 0 5px; width:120px; height:32px;}


/* == 主要內容最外層(內頁)  == */
.bodyContent .wrapper{ margin:0 auto; padding:20px 0 30px; max-width:1024px; }

			   
/* == 麵包屑 == */
.bodyContent .path{ padding:0 12px; width:100%;margin: 10px 0;box-sizing: border-box;}
.bodyContent .path ol{ margin:0; padding:0;line-height: 1.3;overflow: hidden;}
.bodyContent .path li{ margin:0; padding:0 5px 0 0; float:left; color:#CCC;}
.bodyContent .path li a{ text-decoration:none; color:#4a617a; transition:.3s;}
.bodyContent .path li a:hover{ color:#0664cd;}

/* == 頁碼 == */
.bodyContent .page{ clear:both; margin:20px auto; padding:0; width:100%; text-align:center; }
.bodyContent .page ul{ margin:0 auto; padding:0; width:100%; text-align:center; }
.bodyContent .page li{ display:inline-block; font-size:14px; color:#acacac; }
.bodyContent .page li a{ text-decoration:none; padding:5px 10px; font-size:14px; color:#acacac; border:1px solid #e5e5e5; transition:.3s}
.bodyContent .page li a.active{ margin:0; padding:5px 10px; font-size:14px; color:#FFF; border:1px solid #666; background-color:#666;}
.bodyContent .page li a:hover{ color:#FFF; background-color:#00b8e6; border:1px solid #00b8e6;}
.bodyContent .page select{ padding: 5px; border: 1px solid #e5e5e5; color: #666;}


/* == 上下則 == */
.bodyContent .updown{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bodyContent .updown p{ margin:4px 0; font-size:1rem; font-size:1.5;}
.bodyContent .updown a{ color:#1eb113;}
.bodyContent .updown a:hover{ text-decoration:none;}


/* == 版權 == */
.bodyContent .footer{ clear:both; padding:30px 0; width:100%; background-color:#0d48ab;box-sizing: border-box;}
.bodyContent .footer .wrap{ margin:0 auto; padding:0; max-width:1024px; color:#FFF; overflow:hidden; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bodyContent .footer .left { margin:0 auto; width:200px;}
.bodyContent .footer .right { width: 100%;}
.bodyContent .footer .right ul{ margin:10px 0 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bodyContent .footer .right li{margin: 5px; width: 10%;}
.bodyContent .footer .right li a{
	display:block;border-radius:30px; background-color:#FFF;font-size:1rem; text-align:center;  color:#0d48ab; text-decoration:none; transition:.3s; opacity:1;
	padding:5px 10px;}
.bodyContent .footer .right li a:hover{ opacity:0.9;}
.bodyContent .footer p{ margin: 0; padding:0 0 5px; font-size:14px; text-align: center; color:#c1c1c1;}


/* == 2024.11.26 新增固定按鈕 == */
.bodyContent .f-social{ display:none;}
/* == 固定按鈕 == */
.bodyContent .f-contact { display:none;}

/*OPSP登入視窗*/
.opsp-login{ margin: 0 auto 20px ; padding: 20px; width: 100%; max-width: 500px; background-color: #f4f6fa;}
.opsp-login h2{ margin: 0; padding: 0 0 30px ; font-size: 1.6rem; text-align: center;}
.opsp-login h4{ margin: 20px 0; padding: 0; font-size: 1rem; text-align: center; color: #333;}
.opsp-login p{ margin: 0; padding: 20px 0 0; font-size: 1rem; color: #333; }
.opsp-login .sns{ width:100%; text-align: center;}
.opsp-login .sns ul{ list-style:none; margin:0; padding:0;}
.opsp-login .sns li{ display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 1.1rem; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1){ background-color: #2467b6; }
.opsp-login .sns li:nth-child(2){ background-color: #ea4335; }
.opsp-login .sns li a{ display: block; text-decoration: none; color: #FFFFFF; transition:.3s; }
.opsp-login .sns li:nth-child(1) a:hover{ background-color: #1f5aa0; }
.opsp-login .sns li:nth-child(2) a:hover{ background-color: #cc3c30; }

.opsp-login .member{ width: 100%;}
.opsp-login .member .inputstyle{ appearance:none; -webkit-appearance:none; padding:0 5px; color:#333; font-size:1em; width: 100%; height:40px; border:0px; border: 1px solid #CCC; }
.opsp-login .member .btn{ margin: 0 auto; padding: 8px 5px ; width: 100%; text-align: center; font-size: 16px; color: #FFFFFF; border-radius: 5px; background-color: #00b8e6; border-top: 1px solid #00a5ce; border-left: 1px solid #00a5ce; border-right: 2px solid #00a5ce; border-bottom: 3px solid #00a5ce; cursor: pointer; }

.opsp-login .member div{ margin: 10px 0; font-size: 1em; color: #333;}
.opsp-login .member div .forgetpass{ padding: 0 0 0 10px; text-decoration: none; color: #1eb113;}
.opsp-login .member div .forgetpass:hover{ text-decoration: underline;}

.opsp-login .other{ width: 100%; text-align: center;}
.opsp-login .other li{ display: inline-block; width: 49%; height: 40px; line-height: 40px; font-size: 1rem; border-radius: 5px; border: 1px solid #68717c; background-color: #FFFFFF;}
.opsp-login .other li a{ display: block; text-decoration: none; font-weight:bold; color: #68717c; transition:.3s; }
.opsp-login .other li a:hover{ background-color: #68717c; border-radius: 4px; color: #FFFFFF;}

@media(max-width: 1050px){
	.bodyContent .footer .left{width:160px;}
}

/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:1023px ){
	
/*按鈕樣式*/
.bodyContent .btn01 a{
	display:block; margin: 0 auto;  width: 100%; height: 45px; border-radius: 5px; background-color: #F00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .btn01 a:hover{ background-color:#e43519; }
	
	
/*行動裝置選單*/
.bodyContent .mtop{ display: block; width: 100%;	height: 35px; border-bottom: 1px solid #00b8e6;	}
.bodyContent .mtop .menu{
	float: left; width: 35px; height: 35px;	background-color:#00b8e6;	
	font-size: 1.5em; line-height: 35px; text-align: center; color: #fff;
	}
.bodyContent .mtop .user{ float: right;padding: 0 5px 0 0;	font-size: 0.95rem; line-height: 35px; color: #00b8e6; }
.bodyContent .mtop .user li{ display:inline-block; margin-right:6px;}
.bodyContent .mtop .user a{ text-decoration: none; color:#00b8e6; transition:.3s; }
.bodyContent .mtop .user a:hover{ color: #F00;}

.bodyContent .menu-main{	clear: both; display: none;	width: 100%; background-color: #e5e5e6;	position:relative; z-index: 999px; box-shadow: 0px 1px 5px rgba(0,0,0,.3);}
.bodyContent .menu-main li{z-index:5; position:relative; color: #FFF; background-color:#00b8e6; border-bottom: 1px solid #e3e9f3; transition:.3s;}
.bodyContent .menu-main li:last-child{ border-bottom: 0;}
.bodyContent .menu-main li a{ display:block;	padding:8px; font-size:1em; color: #FFF; text-decoration:none;}
.bodyContent .menu-main li:hover { background-color:#009ed9;}
.bodyContent .menu-main li ul { display:none; position:absolute; top:100%; background-color:#f7f7f7;}
.bodyContent .menu-main li:hover ul { display: block; position: relative; right: 0; left: 0; top: 100%;}
.bodyContent .menu-main li:hover ul li a{
	padding-left:10px;	background-color:#f7f7f7; 
    font-size:1em; text-decoration:none; color: #464c53; transition:.3s;
	}
.bodyContent .menu-main li:hover ul li a:hover{ color: #009ed9;}
.bodyContent .menu-main li:hover ul li:last-child a{ border-bottom: 0px;}
.bodyContent .arrow-bottom {
	width: 1px; height: 1px; position: absolute; top: 20px; right: 13px; margin-left: 5px;
    border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent;
}

	
/* == 刊頭 == */	
.bodyContent .head .left{ float:none; margin:0 auto; width:100% !important; height:100px; }
.bodyContent .head .left .top-logo{ float:none; margin:0 auto 5px; width:100%; height: auto; justify-content: center; }
.bodyContent .head .left .top-logo img{ width:30px; height:30px; }
.bodyContent .head .left .top-logo h2 { float:none; font-size:2rem; }
.bodyContent .head .left .top-at { clear:both; float:none;  width:100%;  height: auto;text-align: center;}
.bodyContent .head .left .top-at p{ float:none; padding:0 5px; font-size:0.9rem; line-height:1.2; font-weight:normal; color:#666;}	
.bodyContent .head .right{ display:none; width:0%; } 

.bodyContent .head #leftN{margin:10px auto;}
.bodyContent .head #leftN .like-table{flex-wrap: wrap;justify-content: center;}
.bodyContent .head #leftN .top-logo{width:50%;margin:10px 0 0 0;}
.bodyContent .head #leftN .top-at{width: 100%;text-align: center;}
.bodyContent .head #leftN .top-at p{line-height: 1.8;}

/* == 導覽列 == */
.bodyContent .nav{ clear:both; margin:0; width:100%; background-color:#00b8e6; height: auto;}
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; overflow: hidden;}
.bodyContent .nav li { float:left; width:50%; border-right:0; text-align:center;  background-color:#0d48ab; border-bottom:1px solid #FFF;}
.bodyContent .nav li:nth-child(odd){ border-right:1px solid #FFF;}
.bodyContent .nav li:nth-child(2){ margin: 0;}
.bodyContent .nav li:nth-child(5){ margin: 0;}
.bodyContent .nav li:last-child{ border-right:0;}
.bodyContent .nav li a{ display: block; width:100%; height:44px; font-size:1rem; line-height:44px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a:active{ background-color:#00b8e6;}


/* == 搜尋 == */
.bodyContent .search{ display:none; }
	
/* == 主要內容最外層(內頁)  == */
.bodyContent .wrapper{ margin:0 auto; padding:0 0 20px; max-width:100%; }	

/* == 麵包屑 == */
.bodyContent .path{ padding: 0 12px;box-sizing: border-box; width:100%; height:auto; line-height:20px; margin:0 0 10px; overflow:hidden;}
.bodyContent .path ol{ margin:0; padding:0;}
.bodyContent .path li{ margin:0; padding:0 5px 0 0; float:left; color:#CCC; font-size:0.9rem;}
.bodyContent .path li a{ text-decoration:none; color:#4a617a;}

/* == 上下則 == */
.bodyContent .updown{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bodyContent .updown p{ margin:4px 0; font-size:0.95rem; font-size:1.5;}
.bodyContent .updown a{ color:#1eb113;}
.bodyContent .updown a:hover{ text-decoration:none;}


/* == 版權 == */
.bodyContent .footer{ clear:both; margin:10px 0 55px 0; padding:10px; width:100%; height:auto; background-color:#0d48ab; }
.bodyContent .footer .wrap{ margin:0 auto; padding:0; max-width:800px; color:#FFF; overflow:hidden; text-align:center;}
.bodyContent .footer .left { display:none; float:none;  margin:0 auto; width:200px;  }
.bodyContent .footer .right { float:none; padding:10px 0; width:100%; }
.bodyContent .footer .right ul{flex-wrap: wrap; width: 100%; margin: 0 0 10px;}
.bodyContent .footer .right li{margin:5px 1%;width: 18%;}
.bodyContent .footer .right li a{width:100%;border-radius:40px;font-size:1rem; text-align:center;color:#0d48ab; text-decoration:none; transition:.3s; opacity:1;padding: 5px 0;}
.bodyContent .footer .right li a:hover{ opacity:0.9;}
.bodyContent .footer p {font-size:0.7rem; text-indent:0; color:#ddd;}
	
/* == 2024.11.26 新增固定按鈕 == */
.bodyContent .f-social{ display: block; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 2000;
	width: 100%; height: auto; background-color: rgb(255, 255, 255, 0.8);}
.bodyContent .f-social ul{ margin: 0; padding: 0 2px; text-align: center; display:flex;	justify-content:space-around;}
.bodyContent .f-social ul li{ width: 32%; padding: 10px 0; font-size: 1em; color: #FFFFFF; border-radius: 5px; position: relative;}
.bodyContent .f-social li:nth-child(1){ background-color: #0d48ab;}
.bodyContent .f-social li:nth-child(2){ background-color: #009590;}
.bodyContent .f-social li:nth-child(3){ background-color: #ff0000; }
.bodyContent .f-social li a{ display: block; text-decoration: none; color: #FFFFFF; }
.bodyContent .f-social li img{ position: absolute; top: -2.8em; left: calc((100% - 50px)/2); width: 50px; height: auto;}

/* == 固定按鈕 == */
.bodyContent .f-contact{ display: none;}


/*OPSP登入視窗*/
.opsp-login{ margin: 0 auto 20px auto; padding: 20px; width: 100%; background-color:#FFFFFF;}
.opsp-login h2{ margin: 0; padding: 0 0 30px 0; font-size: 1.3em; text-align: center;}
.opsp-login h4{ margin: 20px 0; padding: 0; font-size: 14px; text-align: center; color: #333;}
.opsp-login p{ margin: 0; padding: 20px 0 0 0; font-size: 14px; color: #333; }
.opsp-login .sns{ width: 100%; text-align: center;}
.opsp-login .sns li{ display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 1.1em; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1){ background-color: #2467b6; }
.opsp-login .sns li:nth-child(2){ background-color: #ea4335; }
.opsp-login .sns li a{ display: block; text-decoration: none; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1) a:hover{ background-color: #1f5aa0; border-radius: 5px; }
.opsp-login .sns li:nth-child(2) a:hover{ background-color: #cc3c30; border-radius: 5px; }

.opsp-login .member{ width: 100%;}
.opsp-login .member .inputstyle{ appearance:none; -webkit-appearance:none; padding:0 5px; color:#333; font-size:1em; width: 100%; height:40px; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; border:0px; border: 1px solid #CCC; }
.opsp-login .member .btn{ margin: 0 auto; padding: 8px 5px ; width: 100%; text-align: center; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; color: #FFFFFF; border-radius: 5px; background-color: #00b8e6; border-top: 1px solid #00a5ce; border-left: 1px solid #00a5ce; border-right: 2px solid #00a5ce; border-bottom: 3px solid #00a5ce;  cursor: pointer; }

.opsp-login .member div{ margin: 10px 0; font-size: 14px; color: #333;}
.opsp-login .member div .forgetpass{ padding: 0 0 0 10px; text-decoration: none; color: #1eb113;}
.opsp-login .member div .forgetpass:hover{ text-decoration: underline;}

.opsp-login .other{ width: 100%; text-align: center;}
.opsp-login .other li{ display: inline-block; width: 49%; height: 40px; line-height: 40px; font-size: 1em; border-radius: 5px; border: 1px solid #68717c; background-color: #FFFFFF;}
.opsp-login .other li a{ display: block; text-decoration: none; color: #68717c; }
.opsp-login .other li a:hover{ background-color: #68717c; border-radius: 4px; color: #FFFFFF;}
}

@media(max-width:600px){
.bodyContent .head #leftN{width: 100%;margin:10px auto;}
.bodyContent .head #leftN .top-at p{line-height: 1.6;}


/* == 版權 == */	
.bodyContent .footer .right ul{flex-wrap: wrap; margin: 0 0 10px;}
.bodyContent .footer .right li{margin-bottom:10px;width: 31%;margin:5px 1%;}
}
@charset "utf-8";
/* == 桌機版 ============================================================================= */

/*==========展開廣告=未展開：寬1024*68、展開後：寬1024*270==========================*/
.bodyContent .display-banner{ margin: 10px auto 0 auto; clear: both; width: 1024px; }
	#flip{overflow: hidden;text-align: center;height: 68px;position: relative;}
	#flip.show_Flip{height: 338px}
	#flip a.banner{ position: absolute;width:1024px;height: 270px;bottom: 0;left:0;display: none;}
	#flip.show_Flip a.banner{display: block;}


/* == 導覽列 == */
.bodyContent .nav{ clear:both; margin:15px 0 0; width:100%;  height:50px; background-color:#0d48ab;}
.bodyContent .nav .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; }
.bodyContent .nav li { float:left; background-color:#0d48ab; border-right:1px solid #FFF; text-align:center; box-sizing: border-box;}
.bodyContent .nav li:last-child{ border-right:0; }
.bodyContent .nav li a{ display: block; width:251px; height:50px; font-size:1.2rem; line-height:50px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a.active{ background-color:#00b8e6;}


/* == 快訊 == */
.bodyContent .search{ clear:both; padding:0 12px; width:100%; background-color:#e3e9f3; overflow:hidden;box-sizing: border-box;}
.bodyContent .search .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .search .left{ float:left; width:60%; height:70px; display: table; }
.bodyContent .search .left dt{ float:left; width:60px; height:32px; background-color:#F00; font-weight:bold; line-height:32px; text-align:center; color:#FFF;}
.bodyContent .search .left dd{ float:left; width:500px; background-color:#FFF; text-indent:10px; line-height:32px; }
.bodyContent .search .left dd a{color:#ff0000; text-decoration:none;}
.bodyContent .search .left dd a:hover{ color:#e43519; }
.bodyContent .search .right{ float:right; width:40%; height:70px; display: table; text-align:right; }
.bodyContent .search .right a{text-decoration: none;}
.bodyContent .search .right img{ margin:5px 0 0 5px; width:120px; height:32px;}


/* == 主要內容最外層(內頁)  == */
.bodyContent .wrapper{ margin:0 auto; padding:0 ; max-width:1024px; overflow:hidden;}

/* == BN == */
.bodyContent .slideshow .container { margin:20px auto; max-width: 1024px; position: relative;
	/*20210804 暫時用*/
	display: flex;
	flex-wrap: wrap;
}
.bodyContent .slideshow .container .bntitle{width:100%; background-color: rgba(0,0,0,0.5);font-size: 1.1em;text-align: center;color: #FFFFFF;position: absolute; bottom: 4px;
	/*20210804 暫時用*/
	position: static;
	order: 5;
	}
.bodyContent .slideshow .container .bntitle ul{display: flex;justify-content: space-around;}
.bodyContent .slideshow .container .bntitle li {width: 100%;border-left:1px solid #fff;padding: 10px 0;  cursor: pointer; transition:background-color 0.6s ease; }
.bodyContent .slideshow .container .bntitle li:first-child{border-left: 0;}

.bodyContent .slideshow .prev{
  position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -30px; background-color: rgba(0,0,0,0.4);  border-radius: 0 3px 3px 0; 
  font-size: 18px; font-weight: bold; color: white; cursor: pointer; transition: 0.6s ease;
}
.bodyContent .slideshow .next {
  position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -30px; background-color: rgba(0,0,0,0.4);  border-radius: 0 3px 3px 0; 
  font-size: 18px; font-weight: bold; color: white; cursor: pointer; transition: 0.6s ease;
}
.bodyContent .slideshow .next { right: 0; border-radius: 3px 0 0 3px;}
.bodyContent .slideshow .prev:hover,.bodyContent .slideshow .next:hover { background-color: rgba(0,0,0,0.7);}
.bodyContent .numbertext{ color: #000; font-size: 1em; padding: 8px 12px; position: absolute;  top: 0; }
.bodyContent .slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* == 搜尋 == */
.bodyContent .find ul{ margin: 0; width: 100%; display: flex; }
.bodyContent .find li{ margin: 0 10px 0 0;}
.bodyContent .find li:nth-child(1){ width:10%;}
.bodyContent .find li:nth-child(2){ width: 60%;}
.bodyContent .find li:nth-child(3){ display: 10%; }
.bodyContent .find a{ margin: 0 10px; padding:0.4em 1em; border-radius: 5px; background-color: #f00; color:#fff; text-decoration: none; line-height: 30px; }
.bodyContent .find a:hover{background-color: #e43519;}
.bodyContent .find select{ 
	width: 100%; padding:0 4px; height:30px; outline:none; border:1px solid #CCC;
    font-size:0.95rem; color:#333; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
    }
.bodyContent .find input{
	width: 100%; padding:0 4px; height:30px; outline:none; border:1px solid #CCC;
    font-size:0.95rem; color:#333; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
    }


			   
/*== 熱門活動 ==*/
.bodyContent .opsp-pict{ margin:10px 0; }
.bodyContent .opsp-pict .title{
	display: table; margin:0 0 10px; width:100%; height:40px; border-top:1px solid #0d48ab; border-bottom:1px solid #0d48ab; overflow: hidden;
	font-size:1.5rem; font-weight:700; text-align:center; color:#0d48ab;
	}

/*列表*/
.bodyContent .opsp-pict-list li .box ul{ display:table-row; }
.bodyContent .opsp-pict-list li .box ul li{ display: table-cell;  margin: 0; padding: 0;  width:100%; border:0px solid #CCC; vertical-align: middle; }
.bodyContent .opsp-pict .content { width:100%; text-align:center;}
.bodyContent .opsp-pict .content dl{display: flex; justify-content: space-between; flex-wrap: wrap;}
.bodyContent .opsp-pict .content dd{ display: inline-block; margin:10px 0; padding:0; overflow:hidden;width:32%; border:1px solid #CCC;}
.bodyContent .opsp-pict .content .box{ display: table; width: 100%; }
.bodyContent .opsp-pict .content .box ul{ width:100%; padding:14px;box-sizing: border-box;}
.bodyContent .opsp-pict .content .box li{ text-align:left; }
.bodyContent .opsp-pict .content .box li img{ width:300px; height:170px; opacity:1; transition:.3s;}
.bodyContent .opsp-pict .content .box li img:hover{opacity:0.7;}
.bodyContent .opsp-pict .content .box li h3{padding:10px 0; font-size:1rem; font-weight:normal; line-height:1.3; }
.bodyContent .opsp-pict .content .box li h3 a{ text-decoration:none; color:#1eb113; font-weight:bold; transition:.3s;}
.bodyContent .opsp-pict .content .box li h3 a:hover{ color:#F00;}
.bodyContent .opsp-pict .content .box li p { padding:5px 10px; background-color:#f4f6fa; font-size:0.85rem; color:#777;}
.bodyContent .opsp-pict .content .box li h2 { padding:10px 0 0; font-size:0.9rem; }
.bodyContent .opsp-pict .content .box li h2 a{ color:#666; }
.bodyContent .opsp-pict .content .box li h2 a:hover{ text-decoration:none;}


/*== opsp文字 ==*/
.bodyContent .opsp-text{ margin: 0 auto; width: 100%; overflow: hidden; }
.bodyContent .opsp-text .mainbox{ padding: 0 0 20px 0; width: 100%;  }
.bodyContent .opsp-text .mainbox ul.opsp-text-tab{ width: 100%; height: auto; display: flex;}
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li{ 
	 display: block; padding: 12px 0; width:100%; border-right:1px solid #FFF; background-color:#e3e9f3;
	cursor:pointer;	font-size: 1.1rem; color: #00a2ea; text-align: center; transition:.5s;
	}
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li:last-child{ border-right:0;}
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li.active{ background-color:#00a2ea; color: #fff; }
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li:hover{ background-color:#00a2ea; color: #fff; }
.bodyContent .opsp-text .wrapper{ padding:0 0 30px; border: 1px solid #e3e9f3; overflow:hidden;}
.bodyContent .opsp-text .box { margin: 0;}
.bodyContent .opsp-text-con{ padding: 30px 5px 15px; width:100%; overflow: hidden; text-align:center;}
.bodyContent .opsp-text-con ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.bodyContent .opsp-text-con li{
	display: inline-block; margin: 5px 15px; padding: 0; width: 460px; 
	text-align:left; font-size:1rem; color: #333; text-overflow: ellipsis; white-space : nowrap; overflow : hidden;
	}
.bodyContent .opsp-text-con li a{ color: #333; }
.bodyContent .opsp-text-con li a:hover{ text-decoration:none;}
.bodyContent .opsp-text .btn a{
	display:block; margin: 0 auto; width: 220px; height: 45px; border-radius: 5px; background-color: #f00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .opsp-text .btn a:hover{ background-color:#e43519; }



/*== 考試情報 ==*/
.bodyContent .examinfo{ margin:0 0 30px 0;}
.bodyContent .examinfo .title{ height:44px; border-bottom:5px solid #0d48ab; overflow:hidden; }
.bodyContent .examinfo .title .left{ float:left; width:50%; font-size:1.5rem; font-weight:bold; line-height:40px; color:#0d48ab;}
.bodyContent .examinfo ul{ margin:15px ; text-align:center;display: flex;flex-wrap: wrap;}
.bodyContent .examinfo li{ display:inline-block; margin:0 0.5%; width:32%; border-bottom:1px solid #CCC; font-size:1rem; /*line-height:36px;*/
	 color:#0d48ab; text-align:left;  padding: 10px 0;box-sizing: border-box;}
.bodyContent .examinfo li a{/* line-height:30px;*/ text-decoration:none; color:#0d48ab; transition:.3s;}
.bodyContent .examinfo li a:hover{ color:#F00;}


/*== 自訂欄位標籤 ==*/
.bodyContent .customlabel{ margin: 20px auto 0; width: 100%; overflow: hidden; }
.bodyContent .customlabel .mainbox{ width: 100%; }
.bodyContent .customlabel .mainbox ul.cust-tab{ width: 100%; height: auto; display: flex;}
.bodyContent .customlabel .mainbox ul.cust-tab li{ 
	float: left; display: block; padding: 12px 0; width: 100%; border-right:1px solid #FFF; background-color:#e3e9f3;
	cursor:pointer;	font-size: 1.1rem; font-weight:bold; color: #1eb113; text-align: center; transition:.5s;
	}
.bodyContent .customlabel .mainbox ul.cust-tab li:last-child{border-right:0;}
.bodyContent .customlabel .mainbox ul.cust-tab li.active{ background-color:#1eb113; color: #fff; }
.bodyContent .customlabel .mainbox ul.cust-tab li:hover{ background-color:#1eb113; color: #fff;}

.bodyContent .customlabel .wrapper{ padding:0; border: 1px solid #e3e9f3; overflow:hidden;}

.bodyContent .customlabelcon{ padding: 10px 1px;width:100%; overflow: hidden;}
.bodyContent .customlabelcon ul{ padding: 10px 20px; display: flex;flex-wrap: wrap;}
.bodyContent .customlabelcon li{width: 31%; margin: 15px 1%;}
.bodyContent .customlabelcon li .photo{ float: left;  margin: 0 auto; width: 30%; }
.bodyContent .customlabelcon li .photo img{ border-radius: 5px; max-width: 75px; height: auto; }
.bodyContent .customlabelcon li .text{ float: right; margin: 0 auto; width: 70%;}
.bodyContent .customlabelcon li .text h3{ margin: 0; padding: 0 0 5px 0; font-size: 1.2rem; }
.bodyContent .customlabelcon li .text h3 a{ text-decoration: none; color: #1eb113; transition:.3s;}
.bodyContent .customlabelcon li .text h3 a:hover{ color: #F00;}
.bodyContent .customlabelcon li .text p{ margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; text-align: justify;}


/*== 影音專區 ==*/
.bodyContent .video{ margin:0 0 30px 0;}
.bodyContent .video .title{ height:44px; border-bottom:5px solid #0d48ab; overflow:hidden; }
.bodyContent .video .title .left{ float:left; width:50%; font-size:1.5rem; font-weight:bold; line-height:40px; color:#0d48ab;}
.bodyContent .video .title .right{ float:right; width:50%; line-height:44px; color:#0d48ab;}
.bodyContent .video .title .right h4 a{
	 float:right; display:block; margin:5px 0 0 ; width:70px; height:28px; border:1px solid #0d48ab; border-radius:3px;
	 font-size:1rem; line-height:24px; text-align:center; color:#0d48ab; text-decoration:none; transition:.3s;
	 }
.bodyContent .video .title .right h4 a:hover{  border:1px solid #00a2ea; background-color:#00a2ea; color:#FFF;}
.bodyContent .video h2{ border-bottom:5px solid #0d48ab; font-size:1.6rem; line-height:40px; color:#0d48ab;}
.bodyContent .video ul{ padding:20px 0 0; text-align:center;display: flex;}
.bodyContent .video li{ display:inline-block; margin: 0.5%; width:32%; }

.bodyContent .video-content li div{position: relative;padding-bottom:56.25%;height: 0;overflow: hidden;max-width: 100%;}
.bodyContent .video-content li div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*考取經驗談*/
.bodyContent .experience{ margin: 40px auto 0; width: 100%; overflow: hidden; }
.bodyContent .experience .mainbox{ padding: 0 0 20px 0; width: 100%; }
.bodyContent .experience .mainbox ul.exp-tab{ width: 100%; height: auto; display: flex;}
.bodyContent .experience .mainbox ul.exp-tab li{ 
	float: left; display: block; padding: 12px 0; width: 25%; border-right:1px solid #FFF; background-color:#e3e9f3;
	cursor:pointer;	font-size: 1.1rem; font-weight:bold; color: #0d48ab; text-align: center; transition:.5s;
	}
.bodyContent .experience .mainbox ul.exp-tab li:last-child{border-right:0;}
.bodyContent .experience .mainbox ul.exp-tab li.active{ background-color:#0d48ab; color: #fff; }
.bodyContent .experience .mainbox ul.exp-tab li:hover{background-color:#0d48ab; color: #fff;}
.bodyContent .experience .wrapper{ padding:0 0 30px; border: 1px solid #e3e9f3; overflow:hidden;}
.bodyContent .experience .box { margin: 0 0 10px;}
.bodyContent .experiencecon{ padding: 30px 0 15px; width:100%; overflow: hidden; text-align:center; }
.bodyContent .experiencecon li{ display: inline-block; margin: 0; padding: 0 20px; width: 280px;}
.bodyContent .experiencecon li .photo{ margin: 0 auto; width: 100%; text-align:center; }
.bodyContent .experiencecon li .photo img{ width:100%; max-width: 88px; border-radius: 50%; }
.bodyContent .experiencecon li .text{ margin: 0 auto; width: 100%;}
.bodyContent .experiencecon li .text h3{ margin: 0 0 10px 0; padding: 10px 0; font-size: 1.2rem; color: #000000; text-align: center; border-bottom: 1px dashed #D3D2D2; }
.bodyContent .experiencecon li .text h3 a{ text-decoration: none; color: #0d48ab; transition:.3s;}
.bodyContent .experiencecon li .text h3 a:hover{ color: #F00;}
.bodyContent .experiencecon li .text p{ margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; text-align: justify;}
.bodyContent .experience .btn a{
	display:block; margin: 0 auto; width: 220px; height: 45px; border-radius: 5px; background-color: #F00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .experience .btn a:hover{ background-color:#e43519; }


/*考取經驗談-單一類科沒頁籤的(未改)*/
.bodyContent .experience-box{ margin: 15px 0 0 0; padding: 0 12px; width: 100%; overflow: hidden; }
.bodyContent .experience-box h2{ margin: 0 0 10px 0; font-size: 1.2rem; color: #000000;}
.bodyContent .experience-box ul{ margin: 0; padding: 25px 4px; width: 100%; border: 1px solid #CCC; border-radius: 5px; overflow: hidden; }
.bodyContent .experience-box li{	display: block;	float: left; width: 330px; margin: 0; padding: 0 20px;}
.bodyContent .experience-box li .photo{ margin: 0 auto; width: 88px; height: 88px; border-radius: 50%; }
.bodyContent .experience-box li .photo img{ border-radius: 50%; }
.bodyContent .experience-box li .text{ margin: 0 auto; width: 100%;}
.bodyContent .experience-box li .text h3{ margin: 0 0 10px 0; padding: 10px 0; font-size: 1.2rem; text-align: center; border-bottom: 1px dashed #D3D2D2; }
.bodyContent .experience-box li .text h3 a{ text-decoration: none; color: #F00;}
.bodyContent .experience-box li .text h3 a:hover{ color: #00d514;}
.bodyContent .experience-box li .text p{ margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; text-align: justify;}

/* == 搜尋結果 == */
.search-result { padding: 0 12px 0;}
.search-result h4{ margin: 20px 0; font-size: 0.9rem; color: #999;}
.search-result ul{ padding: 10px 0; border-top: 1px dashed #C4C4C4; border-bottom: 1px dashed #C4C4C4; }
.search-result li{ margin: 20px 0;}
.search-result li h3 a{ font-size: 1.1rem; line-height: 1.5; color:#00b8e6; }
.search-result li h3 a:hover{text-decoration: none;}
.search-result li p{ line-height: 1.6; color: #333333;}

@media(max-width:1023px){

.bodyContent .display-banner{width: 100%;}
}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:1023px ){
	
/*行動裝置選單*/
.bodyContent .mtop{ display: block; width: 100%;	height: 35px; border-bottom: 1px solid #00b8e6;	}
.bodyContent .mtop .menu{
	float: left; width: 35px; height: 35px;	background-color:#00b8e6;	
	font-size: 1.5em; line-height: 35px; text-align: center; color: #fff;
	}
.bodyContent .mtop .user{ float: right;	padding: 0 5px 0 0;	font-size: 0.95rem; line-height: 35px; color: #00b8e6; }
.bodyContent .mtop .user li{ display:inline-block; margin-right:6px;}
.bodyContent .mtop .user a{ text-decoration: none; color:#00b8e6; transition:.3s; }
.bodyContent .mtop .user a:hover{ color: #F00;}

.bodyContent .menu-main{	clear: both; display: none;	width: 100%; background-color: #e5e5e6;	position:relative; z-index: 999px; box-shadow: 0px 1px 5px rgba(0,0,0,.3);}
.bodyContent .menu-main li{z-index:5; position:relative; color: #FFF; background-color:#00b8e6; border-bottom: 1px solid #e3e9f3; transition:.3s;}
.bodyContent .menu-main li:last-child{ border-bottom: 0;}
.bodyContent .menu-main li a{ display:block;	padding:8px; font-size:1em; color: #FFF; text-decoration:none;}
.bodyContent .menu-main li:hover { background-color:#009ed9;}
.bodyContent .menu-main li ul { display:none; position:absolute; top:100%; background-color:#f7f7f7;}
.bodyContent .menu-main li:hover ul { display: block; position: relative; right: 0; left: 0; top: 100%;}
.bodyContent .menu-main li:hover ul li a{
	padding-left:10px;	background-color:#f7f7f7; 
    font-size:1em; text-decoration:none; color: #464c53; transition:.3s;
	}
.bodyContent .menu-main li:hover ul li a:hover{ color: #009ed9;}
.bodyContent .menu-main li:hover ul li:last-child a{ border-bottom: 0px;}
.bodyContent .arrow-bottom {
	width: 1px; height: 1px; position: absolute; top: 20px; right: 13px; margin-left: 5px;
    border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent;
	}

/* == 摺疊廣告 == */
.bodyContent .display-banner{ display:none; }	

	
/* == 刊頭 == */	
.bodyContent .head .left{ float:none; margin:0 auto; width:200px; height:100px; }
.bodyContent .head .left .top-logo{ float:none; margin: 0 auto 5px; width:100%; height: auto; justify-content: center; }
.bodyContent .head .left .top-logo img{ width:30px; height:30px; }
.bodyContent .head .left .top-logo h2 a{ float:none; font-size:2rem; }
.bodyContent .head .left .top-at { clear:both; float:none;  width:100%;  height: auto;text-align: center;}
.bodyContent .head .left .top-at p{ float:none; padding:0 5px; font-size:0.9rem; line-height:1.2; font-weight:normal; color:#666;}	
.bodyContent .head .right{ display:none; width:0%; } 


/* == 導覽列 == */
.bodyContent .nav{ clear:both; width:100%; margin:0; height:88px; overflow:hidden;}
.bodyContent .nav .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; }
.bodyContent .nav li { float:left; width:50%; border-right:0; text-align:center;  background-color:#0d48ab; border-bottom:1px solid #FFF;}
.bodyContent .nav li:nth-child(odd){ border-right:1px solid #FFF;}
.bodyContent .nav li:nth-child(2){ margin: 0;}
.bodyContent .nav li:nth-child(5){ margin: 0;}
.bodyContent .nav li:last-child{ border-right:0;}
.bodyContent .nav li a{ display: block; width:100%; height:44px; font-size:1rem; line-height:44px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a.active{ background-color:#00b8e6;}


/* == 快訊 == */
.bodyContent .search{ display:none; }


/* == BN == */
.bodyContent .mySlides { display: none; }
.bodyContent .slideshow .container {margin:0 auto 10px auto; max-width: 1024px; height: auto; position: relative;
	/*20210804 暫時用*/
	display: flex;
	flex: wrap;
	}
.bodyContent .slideshow .container .bntitle{width:100%; position: absolute; bottom: 4px; background-color: rgba(0,0,0,0.5);font-size: 1.1em;text-align: center;color: #FFFFFF;
	/*20210804 暫時用*/
	position: static;
	order: 5;
}
.bodyContent .slideshow .container .bntitle li {padding: 6px 0;cursor: pointer; transition: background-color 0.6s ease;font-size:0.9rem; }
.bodyContent .slideshow .prev,.bodyContent .slideshow .next {
  position: absolute; top: 0; width: auto; padding: 6px; margin-top: 40px; background-color: rgba(0,0,0,0.4); border-radius: 0 3px 3px 0; 
  font-size: 15px; font-weight: bold; color: white; cursor: pointer; transition: 0.6s ease;
  }
.bodyContent .slideshow .next { right: 0; border-radius: 3px 0 0 3px;}
.bodyContent .slideshow .prev:hover, .next:hover { background-color: rgba(0,0,0,0.7);}
.bodyContent .slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}


	
/*== 熱門活動 ==*/
.bodyContent .opsp-pict{ margin:5px 0 0; }

/*列表*/
.bodyContent .opsp-pict-list li .box ul{ display:table-row; }
.bodyContent .opsp-pict-list li .box ul li{ display: table-cell;  margin: 0; padding: 0;  width:100%; border:0px solid #CCC; vertical-align: middle; }
.bodyContent .opsp-pict .content { width:100%; padding:0; text-align:center; box-sizing: border-box; }
.bodyContent .opsp-pict .content dd{ display: inline-block; margin:0; padding:10px 0; overflow:hidden; border:none; border-bottom:1px dashed #CCCCCC;width: 100%;}
.bodyContent .opsp-pict .content dd:last-child{ border-bottom:0px dashed #CCCCCC;}
.bodyContent .opsp-pict .content .box{ display: table; width: 100%; }
.bodyContent .opsp-pict .content .box ul{ padding:5px; width:100%; height:auto; border:0;display: flex;align-items: center;}
.bodyContent .opsp-pict .content .box li{ display: table-cell; vertical-align: middle; }
.bodyContent .opsp-pict .content .box li:nth-child(1){ width:45%;}
.bodyContent .opsp-pict .content .box li:nth-child(2){ width:55%;}
.bodyContent .opsp-pict .content .box li img{ float:left; width:100%; height:auto; opacity:1; transition:.3s;}
.bodyContent .opsp-pict .content .box li img:hover{opacity:0.7;}
.bodyContent .opsp-pict .content .box li h3{ height:auto; padding:0 0 0 10px; overflow:hidden; font-size:1rem; font-weight:normal; line-height:1.2; text-align:justify; }
.bodyContent .opsp-pict .content .box li h3 a{ text-decoration:none; color:#1eb113; transition:.3s;}
.bodyContent .opsp-pict .content .box li h3 a:hover{ color:#F00;}
.bodyContent .opsp-pict .content .box li p{ display:none; }
.bodyContent .opsp-pict .content .box li h2{ display:none; }


/*== opsp文字 ==*/
.bodyContent .opsp-text{ margin: 0 auto; width: 100%; overflow: hidden; }
.bodyContent .opsp-text .mainbox{ padding: 0; width: 100%; }
.bodyContent .opsp-text .mainbox ul.opsp-text-tab{ width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap; }
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li{ 
	float: left; display: block; padding: 12px 0; width: 50%;  border:0; border-bottom:1px solid #FFFFFF;  background-color:#e3e9f3; box-sizing: border-box;
	cursor:pointer;	font-size: 1rem; color: #00a2ea; text-align: center; transition:.5s;
	}
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li:nth-child(odd){ border-right:1px solid #FFF;} 
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li.active{ background-color:#00a2ea; color: #fff; }
.bodyContent .opsp-text .mainbox ul.opsp-text-tab li:hover{ background-color:#00a2ea; color: #fff;}
.bodyContent .opsp-text .wrapper{ padding:0 0 ; border: 1px solid #fff; overflow:hidden;}
.bodyContent .opsp-text-con{ padding: 10px 1px;	width:100%; overflow: hidden;}
.bodyContent .opsp-text-con li{
	display: inline-block; margin:5px; padding: 0 12px; width: 100%; 
	text-align:left; font-size:0.95rem; line-height:1.6; color: #333; text-overflow: ellipsis; white-space : nowrap; overflow : hidden;
	}
.bodyContent .opsp-text-con li a{ color: #333; }
.bodyContent .opsp-text-con li a:hover{ text-decoration:none;}
.bodyContent .opsp-text .btn a{
	display:block; margin: 10px auto; width: 220px; height: 45px; border-radius: 5px; background-color: #f00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .opsp-text .btn a:hover{ background-color:#e43519; }



/*== 考試情報 ==*/
.bodyContent .examinfo{ margin:20px 0;}
.bodyContent .examinfo .title{ height:44px; border-bottom:5px solid #0d48ab; overflow:hidden; }
.bodyContent .examinfo .title .left{ float:left; width:50%; font-size:1.5rem; font-weight:bold; line-height:40px; text-indent:20px; color:#0d48ab;}

.bodyContent .examinfo ul{ margin:15px 0; text-align:center;}
.bodyContent .examinfo li{ display:inline-block; margin:0 0.5%; padding:0 20px; width:100%; border-bottom:1px solid #CCC; font-size:1rem; line-height:36px; color:#0d48ab; text-align:left;}
.bodyContent .examinfo li:last-child{ border-bottom:0;}
.bodyContent .examinfo li a{ line-height:30px; text-decoration:none; color:#0d48ab; transition:.3s;}
.bodyContent .examinfo li a:hover{ color:#F00;}


/*自訂欄位標籤*/
.bodyContent .customlabel{ margin: 10px auto 0; width: 100%; overflow: hidden;}
.bodyContent .customlabel .mainbox{ padding: 0; width: 100%; }
.bodyContent .customlabel .mainbox ul.cust-tab{ width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap; }
.bodyContent .customlabel .mainbox ul.cust-tab li{ 
	float: left; display: block; padding: 12px 0; width: 50%;  border:0; border-bottom:1px solid #FFFFFF; background-color:#e3e9f3; box-sizing: border-box;
	cursor:pointer;	font-size: 0.85rem; color: #1eb113; text-align: center; transition:.5s;
	}
.bodyContent .customlabel .mainbox ul.cust-tab li:nth-child(odd){ border-right:1px solid #FFFFFF;} 
.bodyContent .customlabel .mainbox ul.cust-tab li.active{ background-color:#1eb113; color: #fff; }
.bodyContent .customlabel .mainbox ul.cust-tab li:hover{ background-color:#1eb113; color: #fff;}

.bodyContent .customlabel .wrapper{ padding:0 ; border: 1px solid #fff; overflow:hidden;}

.bodyContent .customlabelcon{ padding: 0 1px; width:100%; overflow: hidden;}
.bodyContent .customlabelcon li{ display: block; float: left; width: 100%; margin: 15px 0; padding: 0 5px;}
.bodyContent .customlabelcon li .photo{ float: left; margin: 0 auto; width: 30%; text-align:center; }
.bodyContent .customlabelcon li .photo img{ border-radius: 5px; max-width: 75px; height: auto; }
.bodyContent .customlabelcon li .text{ float: right; margin: 0 auto; width: 68%;}
.bodyContent .customlabelcon li .text h3{ margin: 0; padding: 0 0 5px 0; font-size: 1.2rem; color: #00a2ea; }
.bodyContent .customlabelcon li .text h3 a{ text-decoration: none; color: #1eb113; transition:.3s;}
.bodyContent .customlabelcon li .text h3 a:hover{ color: #F00;}
.bodyContent .customlabelcon li .text p{ margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; text-align: justify;}


/*== 影音專區 ==*/
.bodyContent .video{ margin:20px 0 0;}
.bodyContent .video .title{ height:44px; border-bottom:5px solid #0d48ab; overflow:hidden; }
.bodyContent .video .title .left{ float:left; width:50%; font-size:1.5rem; font-weight:bold; line-height:40px; text-indent:20px; color:#0d48ab;}
.bodyContent .video .title .right{ float:right; width:50%; line-height:44px; color:#0d48ab;}
.bodyContent .video .title .right h4 a{
	float:right; display:block; margin:5px 10px 0 0 ; width:70px; height:28px; border:1px solid #0d48ab; border-radius:3px;
	 font-size:1rem; line-height:24px; text-align:center; color:#0d48ab; text-decoration:none; transition:.3s;
	 }
.bodyContent .video .title .right h4 a:hover{  border:1px solid #00a2ea; background-color:#00a2ea; color:#FFF;}
.bodyContent .video h2{ border-bottom:5px solid #0d48ab; font-size:1.6rem; line-height:40px; color:#0d48ab;}
.bodyContent .video ul{ padding: 12px;flex-wrap: wrap;}
.bodyContent .video li{ display:inline-block; margin-right: 0; margin:0 0 12px; width:100%; }


/*== 考取經驗談 ==*/
.bodyContent .experience{ margin: 0 auto; width: 100%; overflow: hidden; }
.bodyContent .experience .mainbox{ padding: 0; width: 100%; }
.bodyContent .experience .mainbox ul.exp-tab{ width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap;}
.bodyContent .experience .mainbox ul.exp-tab li{ 
	float: left; display: block; padding: 12px 0; width: 50%;  border:0; border-bottom:1px solid #FFFFFF;  background-color:#e3e9f3; box-sizing: border-box;
	cursor:pointer;	font-size: 1rem; color: #0d48ab; text-align: center; transition:.5s;
	}
.bodyContent .experience .mainbox ul.exp-tab li:nth-child(odd){ border-right:1px solid #FFF;} 

.bodyContent .experience .mainbox ul.exp-tab li.active{ background-color:#0d48ab; color: #fff; }
.bodyContent .experience .mainbox ul.exp-tab li:hover{ background-color:#0d48ab; color: #fff;}

.bodyContent .experience .wrapper{ padding:0; border: 1px solid #fff; overflow:hidden;}
.bodyContent .experiencecon{ padding: 20px 1px 0 1px; width:100%; overflow: hidden; text-align:center; }
.bodyContent .experiencecon li{ display:block; float: left;	margin:5px 0 20px; padding: 0 10px; width: 100%;box-sizing: border-box;}
.bodyContent .experiencecon li .photo{ float:left; margin: 0 auto; padding: 0 10px 0 0; width: 25%; height: auto; text-align:center;}
.bodyContent .experiencecon li .photo img{ width:100%; max-width: 88px; border-radius: 50%; }
.bodyContent .experiencecon li .text{ float:right; margin: 0 auto; width: 70%; }
.bodyContent .experiencecon li .text h3{ margin: 0 0 5px 0; padding: 0 0 5px; font-size: 1rem; line-height:1.2; color: #000000; text-align: left; border-bottom: 1px dashed #D3D2D2; }
.bodyContent .experiencecon li .text h3 a{ text-decoration: none; color: #0d48ab; transition:.3s;}
.bodyContent .experiencecon li .text h3 a:hover{ color: #F00;}
.bodyContent .experiencecon li .text p{ margin: 0; padding: 0; font-size: 0.85rem; line-height: 1.3; text-align: justify;}

.bodyContent .experience .btn a{
	display:block; margin: 0 auto; width: 220px; height: 45px; border-radius: 5px; background-color: #F00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .experience .btn a:hover{ background-color:#e43519; }

}

@media screen and (max-width:600px){


/* == 搜尋 == */
.bodyContent .find ul{ margin: 0; justify-content:center;  }
.bodyContent .find li:nth-child(1){ width:25%;}
.bodyContent .find li:nth-child(2){ width: 48%;}
.bodyContent .find li:nth-child(3){ display: 20%; }
.bodyContent .find a{ margin: 0 5px; padding:0.3em 0.4em; }

/*== 影音專區 ==*/	
.bodyContent .video li div{width: 100%;height: 0;padding-bottom: 56.25%;position:relative;}
.bodyContent .video li iframe{width: 100%;height:100%;display: block;position:absolute;top: 0;left: 0;}
}