@charset "utf-8";
/* ======================= 全站基本設置 ======================= */
html, body { margin:0; padding:0; height:100%; }
body { background:url(../images/bg.jpg) repeat; overflow-y:scroll; }
body, th, td, input, select { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size:14px; }
/*放這個下拉選單箭頭會不見，主要是用來支援手機板的樣式用
input[type="submit"], input[type="reset"], input[type="button"], select, button {-webkit-appearance:none; }*/
a { text-decoration: none; }
b { font-weight:normal; }
p { line-height:2em; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
h1 { font-size:40px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h2 { font-size:26px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h3 { font-size:18px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h4 { font-size:16px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h5 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h6 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
p { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
span { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
samp { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
a:link, a:visited { text-decoration:none; cursor:pointer; }
table,th,td { margin:0; padding:0; border:none; outline:none; border-collapse:collapse; border-spacing:0; }
.clear { clear:both; }

.fitimg{ position:relative; overflow:hidden; background:#f2f2f2; }
.fitimg img{ opacity:0;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
}

.ie{ position:fixed; width:60%; height:80%; padding:10% 20%; text-align:center; left:0; top:0; background: #CCC; z-index:9999; }
.ie h2, .ie h4{color:#333 !important;}
.ie p{ text-align:center; color:#333 !important; font-size:13px;}
.ie a{ color:#F36;}
.loading{ position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/loading.gif) no-repeat center center #FFF; z-index:2000; }

/*文字大中小*/
.font_s { font-size:100%; }
.font_m { font-size:120%; }
.font_l { font-size:150%; }

/*圖片左中右*/
.img_l { float:left; max-width:100%; padding:5px 15px 5px 0; }
.img_r { float:right; max-width:100%; padding:5px 0 5px 15px; }
.img_c { float:none; max-width:100%; padding:5px 0; display:block; margin:auto; }

em { font-style:normal;}
.m_show { display:block;}
.p_show { display:none;}

/* ======================= 全站通用區塊 ======================= */
/*-------------- WRAPPER 全站 --------------*/
#wrapper { width:100%; margin:0 auto; }
.totop a { position:fixed; bottom:20px; right:20px; z-index:9998; display:block; width:50px; height:50px; background:url(../images/totop.png) center no-repeat; text-indent:-9999px; opacity:0.5; }
.totop a:hover { opacity:1; }

/*-------------- HEADER --------------*/
/*原本 z-index:9999; 但是會蓋住 lightbox影音圖文 所以往下降層*/
#header { width:100%; position:fixed; top:0px; left:0px; z-index:999; }

/*----- NAV -----*/
#nav_all { width:100%; background:url(../images/nav_bg.jpg) top center;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#nav { width:1200px; margin:0 auto; padding:10px 15px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
/*招呼語*/
#sayhi { float:right; font-size:14px; line-height:30px; color:#FFF; }
#sayhi a { display:inline-block; margin:0 5px; padding:0 10px; background:#990000; color:#FFF; }
#sayhi a:hover { background:#880000; }
/*快速連結區*/
#quicklink { float:right; margin:0 5px 0 10px; }
#quicklink ul { margin:0; padding:0; overflow:auto; }
#quicklink ul li { float:left; margin:0 5px; padding:0; list-style:none; }
#quicklink ul li a { display:block; background:#FFF; font-size:14px; line-height:30px; color:#990000;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
-o-border-radius:15px;
border-radius:15px; }
#quicklink ul li a:hover { background:#aa0000; color:#FFF; }
#quicklink ul li p { margin:0; padding:0 10px; }
#quicklink ul li b { display:block; width:30px; height:30px; text-indent:-9999px; }
.icon_home { background:url(../images/icon_home.png) center no-repeat; }
.icon_home:hover { background:url(../images/icon_home_.png) center no-repeat; }
.icon_member { background:url(../images/icon_user.png) center no-repeat; }
.icon_member:hover { background:url(../images/icon_user_.png) center no-repeat; }
/*字級大小*/
#fontsize { float:right; margin:0 15px 0 0; }
#fontsize select { border:none; padding:3px 10px; background:#FFF; font-size:14px; line-height:30px; color:#990000;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
-o-border-radius:15px;
border-radius:15px; }
/*搜尋框*/
#search { float:right; overflow:auto; margin:2px 0; }
#search .text { float:left; width:200px; border:solid 1px #CCC; padding:2px; }
#search .btn { float:left; width:26px; height:26px; border:none; background:#990000 url(../images/icon_search.png) center no-repeat; text-indent:-9999px; }
#search .btn:hover { background:#880000 url(../images/icon_search.png) center no-repeat; }

.search { position:relative; padding:10px; background:#e45c5c; overflow:auto; }
.search .text { width:100%; padding:2px 26px 2px 2px; border:solid 1px #CCC; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search .btn { position:absolute; top:10px; right:10px; width:26px; height:26px; border:none; background:#990000 url(../images/icon_search.png) center no-repeat; text-indent:-9999px; }
.search .btn:hover { background:#880000 url(../images/icon_search.png) center no-repeat; }

/*----- header_top_all -----*/
#header_top_all { width:100%; position:relative; z-index:9999; background:url(../images/bg_w90.png) repeat;
-webkit-box-shadow:rgba(0,0,0,0.7) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.7) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.7) 0px 0 10px;
box-shadow:rgba(0,0,0,0.7) 0px 0 10px; }
#header_top { position:relative; width:1200px; height:100px; margin:0 auto;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
/*LOGO*/
#logo { position:absolute; top:0px; left:0px; }
#logo a { display:block; width:290px; height:100px; background:url(../images/logo.png) left center no-repeat; text-indent:-9999px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#logo h1 { margin:0; padding:0; }

/*TOP_MENU*/
#top_menu { position:absolute; top:15px; right:0px; }
#top_menu ul { margin:0; padding:0; }
#top_menu ul li { position:relative; float:left; margin:35px 10px; padding:0px; list-style:none; font-size:18px; line-height:18px; text-align:center;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li a { display:block; padding:5px; font-size:18px; color:#444; border-bottom:solid 2px #FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li a:hover { color:#990000; border-bottom:solid 2px #990000; }
#top_menu ul li a.cur { color:#990000; border-bottom:solid 2px #990000; }

#top_menu ul li ul { margin:0; padding:0; }
#top_menu ul li ul li { margin:0; padding:0; list-style:none; width:100%; font-size:16px; }
#top_menu ul li ul li a { display:block; padding:10px 15px; background:#FFF; border:none; font-size:16px; color:#666; text-align:left;  }
#top_menu ul li ul li a:hover { background:#e45c5c; border:none; color:#FFF; }
#top_menu ul li ul li a.cur { background:#990000; border:none; color:#FFF; }
/*第三層選單
#top_menu ul li ul li ul { margin:0; padding:0; }
#top_menu ul li ul li ul li { margin:0; padding:0; list-style:none; width:100%; font-size:14px; }
#top_menu ul li ul li ul li a { display:block; padding:10px; background:#FFF; border:none; font-size:14px; color:#666; }
#top_menu ul li ul li ul li a:hover { background:#eee; border:none; color:#333; }
#top_menu ul li ul li ul li a.cur { background:#eee; border:none; color:#990000; }*/
#top_menu .m_open { display:none; }

/*----- HEADER 收縮 -----*/
/*NAV*/
.shrink #nav { padding:6px 15px; }
/*header_top_all*/
.shrink #header_top { height:80px; }
/*LOGO*/
.shrink #logo a { width:230px; height:80px; background:url(../images/logos.png) left center no-repeat; }
/*TOP_MENU*/
.shrink #top_menu ul li { margin:25px 10px; }
.shrink #top_menu ul li ul li { margin:0; padding:0; }

/*-------------- BANNER 大圖輪播 --------------*/
#banner { position:relative; width:100%; max-width:1920px; display:block; margin:0 auto; overflow:hidden; background:url(../images/nav_bg.jpg) repeat; border-bottom:solid 2px #fff; outline:solid 3px #cc3333; }
#banner .banner_arrow_l { display:block; position:absolute; top:50%; left:10px; margin-top:47px; background:url(../images/arrow_w_l.png) center no-repeat; width:27px; height:56px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:997; }
#banner .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner .banner_arrow_r { display:block; position:absolute; top:50%; right:10px; margin-top:47px; background:url(../images/arrow_w_r.png) center no-repeat; width:27px; height:56px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:997; }
#banner .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner .pic b { display:block; width:100%; height:auto; overflow:hidden; }
/*#banner .pic b { display:block; width:1920px; height:750px; overflow:hidden; }*/
#banner .pic b img { width:100%; }
#banner .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:0px; overflow:hidden; }
#banner .cycle-pager span { font-family:arial; font-size:50px; width:20px; height:20px; display:inline-block; color:#FFF; cursor:pointer; }
#banner .cycle-pager span.cycle-pager-active { color:#e45c5c; }
#banner .cycle-pager > * { cursor:pointer; }
#banner .cycle-slide-active img{
	-moz-transition-duration:15s;
	-moz-transform-origin:1;
	-moz-transform:scale(1.1);
	-webkit-transition-duration:15s;
	-webkit-transform-origin:1;
	-webkit-transform:scale(1.1);
	-o-transition-duration:15s;
	-o-transform-origin:1;
	-o-transform:scale(1.1);
	-ms-transition-duration:15s;
	-ms-transform-origin:1;
	-ms-transform:scale(1.1);
	transition-duration:15s;
	transform-origin:1;
	transform:scale(1.1); }

/*-------------- CONTENT --------------*/
#inx_content_all { width:100%; background:url(../images/content_bg.png) top center repeat-x; }
#content_all { padding:150px 0 0 0; width:100%; background:url(../images/content_bg2.png) top center repeat-x; }
#content { width:1200px; margin:0 auto; padding:30px 0; }

/*----- FULL滿版區塊 -----*/
#full_block_all { position:relative; background:#FFF; overflow:hidden;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }
#full_block { position:relative; background:#FFF url(../images/innbg.jpg) top left repeat-y; overflow:hidden;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

/*----- LEFT左邊區塊 -----*/
#left_block { position:absolute; top:0px; left:0px; z-index:1; width:250px; }
#left_block .box_tit { height:49px; padding:10px 10px 10px 30px; font-size:20px; line-height:49px; color:#990000; background:#FFF; border-bottom:solid 1px #DDD; }
#left_block .box_info {}
/*SUB_MENU*/
#sub_menu {}
#sub_menu ul { margin:0; padding:0; }
#sub_menu ul li { margin:0; padding:0; list-style:none; }
#sub_menu ul li a { display:block; padding:15px 10px 15px 30px; font-size:16px; line-height:20px; color:#333; background:#FFF url(../images/subarrow.png) 13px 18px no-repeat; border-bottom:solid 1px #DDD;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#sub_menu ul li a:hover { color:#FFF; background:#e45c5c url(../images/subarrow_.png) 13px 18px no-repeat; border-bottom:solid 1px #cc3333; }
#sub_menu ul li a.cur { position:relative; color:#FFF; background:#990000 url(../images/subarrow_.png) 13px 18px no-repeat; border-bottom:solid 1px #77191e; }
#sub_menu ul li a.cur:before { content:""; position:absolute; top:14px; right:-10px; width:10px; height:20px; background:url(../images/sublibg_cur.png) center no-repeat; }

#sub_menu ul li ul { margin:0; padding:0; }
#sub_menu ul li ul li { margin:0; padding:0; list-style:none; }
#sub_menu ul li ul li a { display:block; padding:10px 10px 10px 30px; font-size:16px; line-height:20px; color:#333; background:#f5f5f5; border-bottom:solid 1px #e5e5e5;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#sub_menu ul li ul li a:hover { color:#000; background:#ddd; border-bottom:solid 1px #ccc; }
#sub_menu ul li ul li a.cur { position:relative; color:#000; background:#ddd; border-bottom:solid 1px #ccc; }
#sub_menu ul li ul li a.cur:before { content:""; background:none; }

/*----- MAIN主要區塊 -----*/
#main_block_all { position:relative; width:100%; }
#main_block_all .main_tit { position:relative; margin:30px 30px 20px 30px; }
#main_block_all .main_tit h3 { position:relative; margin:0; padding:0 0 0 15px; font-size:36px; line-height:48px; color:#990000; }
#main_block_all .main_tit h3:before { content:""; position:absolute; top:7px; left:-5px; width:5px; height:35px; background:#990000; }
#main_block_all .main_tit i { position:absolute; top:15px; right:15px; width:60px; height:25px; padding:0 0 0 28px; font-size:14px; line-height:25px; color:#333; font-style:normal; background:url(../images/tag_heart.png) left center no-repeat; cursor:pointer; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#main_block_all .main_tit i:hover { opacity:1; color:#990000; }
#main_block_all .main_info { margin: 20px 30px 30px 30px; }

#main_block { position:relative; width:100%; min-height:500px; padding:0 0 0 250px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#main_block .main_tit { position:relative; margin:30px 30px 20px 30px; }
#main_block .main_tit h3 { position:relative; margin:0; padding:0 0 0 15px; font-size:36px; line-height:48px; color:#990000; }
#main_block .main_tit h3:before { content:""; position:absolute; top:7px; left:-5px; width:5px; height:35px; background:#990000; }
#main_block .main_tit i { position:absolute; top:15px; right:15px; width:60px; height:25px; padding:0 0 0 28px; font-size:14px; line-height:25px; color:#333; font-style:normal; background:url(../images/tag_heart.png) left center no-repeat; cursor:pointer; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#main_block .main_tit i:hover { opacity:1; color:#990000; }

#main_block .main_info { margin: 20px 30px 30px 30px; }
#main_block .po_day,#main_block .po_user { margin:0 30px; font-size:13px; line-height:20px; }
#main_block .po_day span,#main_block .po_user span{ color:#e45c5c; }



/*print列印區塊*/
#printcontext {}
/*PATH麵包屑*/
#path { width:100%; padding:10px 30px; border-bottom:solid 1px #ddd; font-size:13px; line-height:20px; text-align:right; color:#999; -webkit-box-sizing:border-box; box-sizing:border-box; }
#path a { color:#999; }
#path a:hover,#path a.cur { color:#666; }


/*-------------- FOOTER --------------*/
#footer { width:100%;}
/*----- don_menu_all -----*/
#don_menu_all { width:100%; background:#990000; }
#don_menu { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0 380px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*don_menu 次要選單*/
#don_menu ul { width:100%; margin:0; padding:0;  }
#don_menu ul li { float:left;   list-style:none; }
#don_menu ul li a { display:block; padding:15px; border-left:solid 1px #ffebeb; font-size:16px; color:#ffebeb; }
#don_menu ul li a:hover { color:#FFF; }
#don_menu ul li:first-child a { border-left:none; }
/*epaper 訂閱電子報*/
#don_menu .epaper { position:absolute; top:12px; right:15px; }
#don_menu .epaper div { position:relative; display:inline-block; margin:0 10px; padding:0 0 0 33px; font-size:16px; line-height:25px; color:#FFF; }
#don_menu .epaper div img { position:absolute; top:0px; left:0px; }
#don_menu .epaper .text { float:right; width:200px; border:solid 1px #CCC; padding:2px; }
#don_menu .epaper .btn { float:right; height:25px; border:none; color:#FFF; }
#don_menu .epaper .btn01 { background:#cc9900;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cc9900), to(#bb8d00));
background: -webkit-linear-gradient(#cc9900, #bb8d00);
background: -moz-linear-gradient(#cc9900, #bb8d00);
background: -ms-linear-gradient(#cc9900, #bb8d00);
background: -o-linear-gradient(#cc9900, #bb8d00);
background: linear-gradient(#cc9900, #bb8d00);
-pie-background: linear-gradient(#cc9900, #bb8d00);
behavior: url(/pie/PIE.htc);
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#don_menu .epaper .btn01:hover { background:#bb8d00;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bb8d00), to(#aa8000));
background: -webkit-linear-gradient(#bb8d00, #aa8000);
background: -moz-linear-gradient(#bb8d00, #aa8000);
background: -ms-linear-gradient(#bb8d00, #aa8000);
background: -o-linear-gradient(#bb8d00, #aa8000);
background: linear-gradient(#bb8d00, #aa8000);
-pie-background: linear-gradient(#bb8d00, #aa8000);
behavior: url(/pie/PIE.htc); }
#don_menu .epaper .btn02 { margin:0 0 0 5px; background:#cc9900; opacity:0.9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cc9900), to(#bb8d00));
background: -webkit-linear-gradient(#cc9900, #bb8d00);
background: -moz-linear-gradient(#cc9900, #bb8d00);
background: -ms-linear-gradient(#cc9900, #bb8d00);
background: -o-linear-gradient(#cc9900, #bb8d00);
background: linear-gradient(#cc9900, #bb8d00);
-pie-background: linear-gradient(#cc9900, #bb8d00);
behavior: url(/pie/PIE.htc);
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#don_menu .epaper .btn02:hover { background:#bb8d00; opacity:1;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bb8d00), to(#aa8000));
background: -webkit-linear-gradient(#bb8d00, #aa8000);
background: -moz-linear-gradient(#bb8d00, #aa8000);
background: -ms-linear-gradient(#bb8d00, #aa8000);
background: -o-linear-gradient(#bb8d00, #aa8000);
background: linear-gradient(#bb8d00, #aa8000);
-pie-background: linear-gradient(#bb8d00, #aa8000);
behavior: url(/pie/PIE.htc); }

/*----- don_contact_all -----*/
#don_contact_all { width:100%; background:url(../images/footer_bg.png) top center repeat-x; }
#don_contact { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:30px 125px 30px 15px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }

#copyright { font-size:14px; color:#333; line-height:25px; }
#copyright p { margin:0; padding:0; }

#don_contact .groups { position:absolute; top:30px; right:15px; }
#don_contact .groups ul { margin:0px; padding:0px; overflow:auto; }
#don_contact .groups ul li { float:left; margin:3px; padding:0px; list-style:none; }
#don_contact .groups ul li a { display:block; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#don_contact .groups ul li a:hover { opacity:0.6; }


/* ======================= 主要內容區塊 ======================= */
/*-------------- INDEX 首頁 --------------*/
/*----- 課程分類 -----*/
#inx_lesson_box { padding:30px 0 15px 0; }
#inx_lesson_box .box_tit { position:relative; margin-bottom:15px; height:35px; overflow: hidden; }
#inx_lesson_box .box_tit h2 { float:left; margin:0; padding:0 15px; font-size:36px; line-height:35px; color:#990000; border-left: solid 5px #990000; }
#inx_lesson_box .box_tit a { display:inline-block; width:100px; height:35px; font-size:15px; line-height:35px; text-align:center; background:#990000; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_lesson_box .box_tit a:hover { background:#880000; }

#inx_lesson_box .box_info {}
#inx_lesson_box .box_info ul { margin:0 -15px; padding:0; overflow:auto; }
#inx_lesson_box .box_info ul li { float:left; margin:0; padding:15px; list-style:none; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_lesson_box .box_info ul li b { display:block; position:relative; width:100%; height:auto; max-height:270px; overflow:hidden; }
#inx_lesson_box .box_info ul li b img { width:100%; margin:0 0 -5px 0; }
#inx_lesson_box .box_info ul li div { position:absolute; bottom:15px; left:0px; width:85%; padding:10px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_lesson_box .box_info ul li h3 { margin:0; padding:0; font-size:22px; line-height:35px; color:#FFF;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px; }
#inx_lesson_box .box_info ul li a { position:relative; display:block; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_lesson_box .box_info ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }
#inx_lesson_box .bg01 { background:url(../images/tag_classtype01.png) repeat; }
#inx_lesson_box .bg02 { background:url(../images/tag_classtype02.png) repeat; }
#inx_lesson_box .bg03 { background:url(../images/tag_classtype03.png) repeat; }

/*----- 招生中課程 -----*/
#inx_class_box { margin:0 auto; padding:30px 0 0 0; }
#inx_class_box .box_tit { position:relative; margin-bottom:30px; height:35px; overflow: hidden; }
#inx_class_box .box_tit h2 { float:left; margin:0; padding:0 15px; font-size:36px; line-height:35px; color:#990000; border-left: solid 5px #990000; }
#inx_class_box .box_tit a { display:inline-block; width:100px; height:35px; font-size:15px; line-height:35px; text-align:center; background:#990000; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_class_box .box_tit a:hover { background:#880000; }
/*首頁課程搜尋框*/
#inx_class_box .classsearch { position:relative; padding:15px 20px; border:solid 1px #FFF; background:url(../images/bg2.jpg) repeat; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
box-shadow:rgba(0,0,0,0.2) 0px 0 5px; }
#inx_class_box .classsearch h3 { position:absolute; top:20px; left:20px; margin:0px; padding:0 0 0 25px; font-size:20px; line-height:30px; color:#e35050; background:url(../images/icon_search2.png) left center no-repeat; }
#inx_class_box .text_all { width:100%; padding:0 315px 0 95px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:auto; }
#inx_class_box .form_l { float:left; width:33.333%; padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_class_box .w1 { margin:0 2px; width:100%; height:30px; border:solid 1px #d5d5d5;  -webkit-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#inx_class_box .w2 { margin:0 2px; width:100%; height:30px; padding:5px; border:solid 1px #d5d5d5; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#inx_class_box .classsearch .text{ width: 100%; padding: 0 275px 0 95px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_class_box .btn_all { position:absolute; top:20px; right:20px; overflow: hidden; }
#inx_class_box .btn { float:left; width:130px; height:30px; margin:0 0 0 10px; font-size:15px; line-height:30px; text-align:center; border:none; background:#999; color:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_class_box .btn:hover { background:#e45c5c; }

/*首頁課程左右輪播*/
#inx_class_box .box_info { width:100%; }
#inx_class_box .box_info { position:relative; z-index:2; }
#inx_class_box .box_info span.prev { position:absolute; top:50%; left:-50px; margin-top:-28px; display:block; width:27px; height:56px; background:url(../js/btn_left.png) center no-repeat; cursor:pointer; text-decoration:none; }
#inx_class_box .box_info span.next { position:absolute; top:50%; right:-50px; margin-top:-28px; display:block; width:27px; height:56px; background:url(../js/btn_right.png) center no-repeat; cursor:pointer; text-decoration:none; }
#inx_class_box .box_info .jCarouselLite { position:relative; margin:0 0 0 -15px; padding:30px 0; }
#inx_class_box .box_info .classlist ul { margin:0; padding:0; }
#inx_class_box .box_info .classlist ul li { margin:0 15px; padding:0; list-style:none; overflow:visible !important; position:relative; }
#inx_class_box .box_info .classlist ul li b { display:block; position:relative; width:380px; height:270px; overflow:hidden; }
#inx_class_box .box_info .classlist ul li b img { width:100%; }
#inx_class_box .box_info .classlist ul li i { position:absolute; top:15px; right:15px; z-index:9997; width:25px; height:25px; background:url(../images/tag_heart.png) center no-repeat; cursor:pointer; text-indent:-9999px; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_class_box .box_info .classlist ul li i:hover { opacity:1; }
#inx_class_box .box_info .classlist ul li span { position:absolute; top:0px; left:0px; z-index:998; width:100px; height:100px; padding:23px 0 0 0; font-size:16px; line-height:20px; text-align:center; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#inx_class_box .box_info .classlist ul li samp { position:absolute; top:0px; left:0px; z-index:997; opacity:0.9; text-indent:-9999px;
width: 0;
height: 0;
border-style:solid;
border-width:100px 100px 0 0; }
#inx_class_box .box_info .classlist ul li div {padding:20px; }
#inx_class_box .box_info .classlist ul li h3 { margin:0; padding:0; height:35px; overflow:hidden; text-overflow:ellipsis; font-size:24px; line-height:35px; color:#990000; }
#inx_class_box .box_info .classlist ul li p { margin:0; padding:0; height:25px; overflow:hidden; text-overflow:ellipsis; font-size:15px; line-height:25px; color:#333; }
#inx_class_box .box_info .classlist ul li a { display:block; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_class_box .box_info .classlist ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

#inx_class_box .bg00 { border-color:#990000 transparent transparent transparent; } /*紅-強烈推薦*/
#inx_class_box .bg01 { border-color:#e45c5c transparent transparent transparent; } /*粉-學分班*/
#inx_class_box .bg02 { border-color:#ff9900 transparent transparent transparent; } /*黃-學位班*/
#inx_class_box .bg03 { border-color:#9900cc transparent transparent transparent; } /*紫-研習班*/




/*menu延伸*/
.menuextend{position: relative;}
#don_menu_all{display:flex;}
.nav-list__menu{width: 140%;position: absolute;right: 2%;text-align: left;background-color: rgba(255, 255, 255, 0.9);transition: all 200ms ease-in;margin: 0px 0 0 0;box-shadow:1px 1px 2px rgb(0 0 0 / 30%);border-radius: 0px;z-index: 9999; display: none; bottom: 80%;}
.nav-list__menu a{color: #000000 !important;display: block!important;transition:0.4s ease-in-out;}
.nav-list__menu li{display: block!important;float: none!important;}

.menuextend:hover > .nav-list__menu{ display: block}

.nav-list__menu a:hover { background:#e45c5c; border:none; color:rgb(255, 254, 254)!important;; }


@media only screen and (min-width:1025px)
{
  
   .menuextend:hover > .nav-list__menu{ display: block!important;}
 
}




/*首頁課程-無-左右輪播*/
#inx_class_box .box_info_m { display:none; width:100%; margin:15px 0; }
#inx_class_box .box_info_m ul { margin:0 -15px; padding:0; overflow:auto; }
#inx_class_box .box_info_m ul li { position:relative; float:left; margin:0; padding:15px; list-style:none; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_class_box .box_info_m ul li b { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
#inx_class_box .box_info_m ul li b img { width:100%; margin:0 0 -4px 0; }
#inx_class_box .box_info_m ul li i { position:absolute; top:25px; right:25px; z-index:9997; width:25px; height:25px; background:url(../images/tag_heart.png) center no-repeat; cursor:pointer; text-indent:-9999px; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_class_box .box_info_m ul li i:hover { opacity:1; }
#inx_class_box .box_info_m ul li span { position:absolute; top:0px; left:0px; z-index:998; width:100px; height:100px; padding:23px 0 0 0; font-size:16px; line-height:20px; text-align:center; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#inx_class_box .box_info_m ul li samp { position:absolute; top:0px; left:0px; z-index:997; opacity:0.9; text-indent:-9999px;
width: 0;
height: 0;
border-style:solid;
border-width:100px 100px 0 0; }
#inx_class_box .box_info_m ul li div { padding:20px; }
#inx_class_box .box_info_m ul li h3 { margin:0 0 5px 0; padding:0; font-size:24px; line-height:28px; color:#990000; height:28px; overflow:hidden; text-overflow:ellipsis; }
#inx_class_box .box_info_m ul li p { margin:0; padding:0; font-size:15px; line-height:25px; color:#333; height:25px; overflow:hidden; text-overflow:ellipsis; }
#inx_class_box .box_info_m ul li a { display:block; z-index:9999; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_class_box .box_info_m ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

/*----- 首頁廣告圖 小banner輪播圖 -----*/
#inx_banners_box { position:relative; width:100%; height:auto; margin:0 auto; padding:30px 0; overflow:hidden; }
#inx_banners_box .banner_arrow_l { display:block; position:absolute; top:50%; left:10px; margin-top:-28px; background:url(../images/arrow_w_l.png) center no-repeat; width:27px; height:56px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:9999; }
#inx_banners_box .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#inx_banners_box .banner_arrow_r { display:block; position:absolute; top:50%; right:10px; margin-top:-28px; background:url(../images/arrow_w_r.png) center no-repeat; width:27px; height:56px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; z-index:9999; }
#inx_banners_box .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#inx_banners_box .pic a { display:block; width:100%; }
#inx_banners_box .pic b { display:block; width:1200px; height:500px; overflow:hidden; }
#inx_banners_box .pic b img { width:100%; }
/*#inx_banners_box .pic b { display:block; width:100%; height:500px; overflow:hidden; }*/
#inx_banners_box .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:0px; overflow:hidden; }
#inx_banners_box .cycle-pager span { font-family:arial; font-size:50px; width:20px; height:20px; display:inline-block; color:#FFF; cursor:pointer; }
#inx_banners_box .cycle-pager span.cycle-pager-active { color:#e45c5c; }
#inx_banners_box .cycle-pager > * { cursor:pointer; }

/*----- 首頁重要訊息 -----*/
#inx_news_box { margin:0 auto; padding:30px 0; }
#inx_news_box .box_tit { position:relative; margin-bottom:30px; height:35px; overflow: hidden; }
#inx_news_box .box_tit h2 { float:left; margin:0; padding:0 15px; font-size:36px; line-height:35px; color:#990000; border-left: solid 5px #990000; }
#inx_news_box .box_tit a { display:inline-block; width:100px; height:35px; font-size:15px; line-height:35px; text-align:center; background:#990000; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_news_box .box_tit a:hover { background:#880000; }

#inx_news_box .box_info {}
#inx_news_box .box_info ul { margin:0; padding:0; }
#inx_news_box .box_info ul li { margin:0; padding:0; list-style:none; }
#inx_news_box .box_info ul li i { float:left; display:block; width:100px; height:28px; margin:0 10px 0 0; padding:0 6px 0 0; font-size:15px; line-height:28px; text-align:center; font-style:normal; background:url(../images/newstagbg.png) no-repeat; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_news_box .box_info ul li h3 { float:left; margin:0; padding:0; font-size:18px; line-height:30px; }
#inx_news_box .box_info ul li span { float:right; margin:0; padding:0; font-size:15px; line-height:30px; color:#e45c5c; }
#inx_news_box .box_info ul li a { display:block; overflow:auto; padding:15px; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_news_box .box_info ul li a:hover { color:#990000; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
box-shadow:rgba(0,0,0,0.2) 0px 0 10px; }
#inx_news_box .box_info ul li a:hover i {background:url(../images/newstagbg_.png) no-repeat; }

#inx_news_box .box_info .topnews b { float:left; display:block; width:320px; height:200px; margin:0 15px 0 0; }
#inx_news_box .box_info .topnews i { margin:10px 10px 0 0; }
#inx_news_box .box_info .topnews h3 { float:none; margin:5px 0 0 0; font-size:24px; line-height:36px; }
#inx_news_box .box_info .topnews span { float:none; display:block; padding:10px 0; }
#inx_news_box .box_info .topnews p { float:none; margin:0; padding:0; max-height:75px; overflow:hidden; font-size:15px; line-height:25px; color:#888; text-align:justify; text-overflow:ellipsis; }
#inx_news_box .box_info .topnews a { display:block; overflow:auto; padding:15px; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_news_box .box_info .topnews a:hover { color:#990000; }
#inx_news_box .topnews a:hover { color:#990000; background:#FFF; }
#inx_news_box .topnews a:hover i {background:url(../images/newstagbg_.png) no-repeat; }

/*20171019新增*/
.inx_ad_box { padding:30px 0 15px 0; }
.inx_ad_box .box_tit { position:relative; margin-bottom:15px; height:35px; overflow: hidden; }
.inx_ad_box .box_tit h2 { float:left; margin:0; padding:0 15px; font-size:36px; line-height:35px; color:#990000; border-left: solid 5px #990000; }
.inx_ad_box .box_tit a { display:inline-block; width:100px; height:35px; font-size:15px; line-height:35px; text-align:center; background:#990000; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.inx_ad_box .box_tit a:hover { background:#880000; }
.inx_ad_box .box_info {}
.inx_ad_box .box_info b { display:block; width:100%; overflow:hidden; }
.inx_ad_box .box_info b img { width:100%; }
/*-------------- INDEX 首頁 END --------------*/


/*-------------- 內頁 --------------*/
/*關於我們 - 圖文內容*/
#inner_box {}

/*最新消息 - 列表*/
#news_list { }
#news_list ul { margin:0; padding:0; }
#news_list ul li { margin:0; padding:0; list-style:none; }
#news_list ul li i { float:left; display:block; width:100px; height:28px; margin:0 10px 0 0; padding:0 6px 0 0; font-size:15px; line-height:28px; text-align:center; font-style:normal; background:url(../images/newstagbg.png) no-repeat; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_list ul li h3 { float:left; margin:0; padding:0; font-size:16px; line-height:30px; }
#news_list ul li span { float:right; margin:0; padding:0; font-size:14px; line-height:30px; color:#e45c5c; }
#news_list ul li a { display:block; overflow:auto; padding:15px; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_list ul li a:hover { color:#990000; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 10px;
box-shadow:rgba(0,0,0,0.2) 0px 0 10px; }
#news_list ul li a:hover i {background:url(../images/newstagbg_.png) no-repeat; }

#news_list .topnews b { float:left; display:block; width:320px; height:200px; margin:0 15px 0 0; }
#news_list .topnews i { margin:10px 10px 0 0; }
#news_list .topnews h3 { float:none; margin:7px 0 0 0; font-size:22px; line-height:33px; }
#news_list .topnews span { float:none; display:block; padding:8px 0; }
#news_list .topnews p { float:none; margin:0; padding:0; max-height:50px; overflow:hidden; font-size:14px; line-height:24px; color:#888; text-align:justify; text-overflow:ellipsis; }
#news_list .topnews a { display:block; overflow:auto; padding:15px; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_list .topnews a:hover { color:#990000; }
#news_list .topnews a:hover { color:#990000; background:#FFF; }
#news_list .topnews a:hover i {background:url(../images/newstagbg_.png) no-repeat; }

/*課程總覽*/
#class_box { }

/*課程搜尋框*/
#class_box .classsearch { position:relative; margin:0 0 30px 0; padding:15px 20px; border:solid 1px #FFF; background:url(../images/bg2.jpg) repeat; -webkit-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
box-shadow:rgba(0,0,0,0.2) 0px 0 5px; }
#class_box .classsearch h3 { margin:0 0 5px 10px; padding:0 0 0 25px; font-size:20px; line-height:30px; color:#e35050; background:url(../images/icon_search2.png) left center no-repeat; }
#class_box .text_all { float:left; width:80%; }
#class_box .btn_all { float:left; width:20%; }
#class_box .form_c { float:none; width:100%; padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#class_box .form_l { float:left; width:33.333%; padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box; }

#class_box .w1 { margin:0 2px; width:100%; height:30px; padding:0 5px; background:#FFF; border:solid 1px #d5d5d5; -webkit-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }
#class_box .d1 { position:relative; margin:0 2px; width:100%; height:30px; padding:0 5px; background:#FFF; border:solid 1px #d5d5d5; -webkit-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px; }

#class_box .sel { position:relative; z-index:9997; margin:-1px -6px 0 -6px; padding:0 5px; height:28px; line-height:30px; background:#FFF; border:solid 1px #d5d5d5; overflow:auto; }
#class_box .sel:hover{ z-index:9998; height:auto; overflow:auto; }
#class_box .sel input[type="checkbox"] { background:#ffffff; }
#class_box .sel input[type="checkbox"]:hover{ background:a0a0a0; }
#class_box .sel span:hover { color:red; }
#class_box .sel span label { display:inline-block; width:100%; }
#class_box .showall { width:100%; border:none; }
#class_box .m_open { display:none; }

#class_box input[type="date"]:before { content:attr(data-placeholder); width:100%; color:#A9A9A9; }
#class_box input[type="date"]:focus::before,#class_box input[type="date"]:valid:before { display:none; }

#class_box .btn { display:block; width:100%; height:30px; font-size:15px; text-align:center; border:none; color:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#class_box .btn01 { background:#e45c5c; }
#class_box .btn01:hover { background:#990000; }
#class_box .btn02 { background:#999; }
#class_box .btn02:hover { background:#990000; }

/*課程總覽 - 列表*/
#class_box .box_tit { margin:0 0 10px 0; padding:5px 0 5px 38px; font-size:20px; line-height:30px; color:#990000; background:url(../images/icon_class.png) left center no-repeat; border-bottom:solid 1px #ddd; }
#class_box .box_list { width:100%; margin:15px 0; }
#class_box .box_list2 { width:100%; margin:0 0 15px 0; }
#class_box .box_list ul { margin:0 -10px; padding:0; overflow:auto; }
#class_box .box_list ul li { position:relative; float:left; margin:0; padding:10px; list-style:none; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#class_box .box_list ul li b { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
#class_box .box_list ul li b img { width:100%; }
#class_box .box_list ul li i { position:absolute; top:25px; right:25px; z-index:997; width:25px; height:25px; background:url(../images/tag_heart.png) center no-repeat; cursor:pointer; text-indent:-9999px; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#class_box .box_list ul li i:hover { opacity:1; }
#class_box .box_list ul li span { position:absolute; top:0px; left:0px; z-index:998; width:100px; height:100px; padding:23px 0 0 0; font-size:16px; line-height:20px; text-align:center; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#class_box .box_list ul li samp { position:absolute; top:0px; left:0px; z-index:997; opacity:0.9; text-indent:-9999px;
width: 0;
height: 0;
border-style:solid;
border-width:100px 100px 0 0; }
#class_box .box_list ul li div { padding:5px 20px 10px; }
#class_box .box_list ul li h3 { margin:0 0 5px 0; padding:0; height:26px; overflow:hidden; font-size:22px; line-height:26px; color:#000000; }
#class_box .box_list ul li p { margin:0; padding:0; height:20px; overflow:hidden; font-size:14px; line-height:20px; color:#333; }
#class_box .box_list ul li a { display:block; z-index:9999; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#class_box .box_list ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

#class_box .bg00 { border-color:#990000 transparent transparent transparent; } /*紅-強烈推薦*/
#class_box .bg01 { border-color:#e45c5c transparent transparent transparent; } /*粉-學分班*/
#class_box .bg02 { border-color:#ff9900 transparent transparent transparent; } /*黃-學位班*/
#class_box .bg03 { border-color:#9900cc transparent transparent transparent; } /*紫-研習班*/

#class_box .box_info { padding:0 0 30px 0; }
/*tab*/
#class_box .abgne_tab {}
#class_box .tabs { margin:0px; padding:10px 0; overflow:auto; }
#class_box .tabs li { float:left; margin:0 10px 10px 0; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; border:solid 1px #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#class_box .tabs li:hover { background:#e45c5c; }
#class_box .tabs li a { display:block; padding:8px 15px; color:#666; }
#class_box .tabs li a:hover { color:#FFF; }
#class_box .tabs li.cur { background:#990000; color:#fff; border:solid 1px #b50000; }
#class_box .tabs li.cur a { color:#fff; }
#class_box .tabs li.cur a:hover { color:#fff; }
#class_box .track { background:#993399 url(../images/icon_heart.png) 10px 8px no-repeat; padding:8px 15px 8px 35px !important; color:#FFF !important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#class_box .track:hover { background:#663366 url(../images/icon_heart.png) 10px 8px no-repeat; }
#class_box .apply { background:#993399 url(../images/icon_apply.png) 10px 8px no-repeat; padding:8px 15px 8px 35px !important; color:#FFF !important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#class_box .apply:hover { background:#663366 url(../images/icon_apply.png) 10px 8px no-repeat; }

/*授課師資*/
.teachers_list { margin:15px 0 0 0; }
.teachers_list ul { margin:0 -1% 0 0; padding:0; overflow:auto; }
.teachers_list ul li { float:left; margin:0 1.3% 15px 0; padding:10px; list-style:none; width:23.7%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f5f5f5; border-top:solid 1px #DDD; border-right:solid 1px #DDD; border-left:solid 1px #DDD; border-bottom:solid 2px #DDD;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.teachers_list ul li b { display:block; width:100%; height: auto; overflow:hidden; opacity:0.9;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.teachers_list ul li b img { width:100%; }
.teachers_list ul li h5 { margin:10px 0; padding:0; font-size:18px; line-height:20px; text-align:center; color:#000; }
.teachers_list ul li h6 {  margin:5px 0; padding:0; font-size:14px; line-height:20px; text-align:center; color:#999; }
.teachers_list ul li p { margin:5px 0; padding:0; font-size:14px; line-height:20px; text-align:center; color:#990000; }
.teachers_list ul li:hover { background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
box-shadow:rgba(0,0,0,0.2) 0px 0 5px; }

/*read 學分班 - 線上試讀*/
.read_list { margin:15px 0 0 0; }
.read_list ul { margin:0; padding:0; }
.read_list ul li { margin:0; padding:0; list-style:none; border-bottom:dashed 1px #eaeaea; }
.read_list ul li i { display:inline-block; width:10%; margin:0; padding:3px 10px; font-size:14px; line-height:20px; color:#FFF; text-align:center; font-style:normal; background:#e45c5c;
 -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.read_list ul li h3 { display:inline-block; width:65%; margin:0; padding:3px 10px; font-size:15px; line-height:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.read_list ul li p { display:inline-block; width:15%; margin:0; padding:3px 0; font-size:14px; line-height:20px; color:#666; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
.read_list ul li span { display:inline-block; width:10%; margin:0; padding:3px 0; font-size:14px; line-height:20px; color:#999; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
.read_list ul li a { display:block; padding:10px; background:#fff; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.read_list ul li a:hover { background:#f5f5f5; color:#990000; }

/*timeline 學位班 - 重要時程*/
.timeline {}
.timeline ul { margin:0; padding:0; overflow:auto; border-top:solid 1px #ccc; border-left:solid 1px #ccc; }
.timeline ul li { float:left; margin:0; padding:10px; list-style:none; width:50%; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f2f2f5; font-size:14px; color:#333; } 
/*標題用粗體字 但手機板顯示很怪 乾脆拿掉
.timeline ul li:nth-child(-n+2 ) { font-weight:bold; text-align:center; }*/
.timeline ul li:nth-child(4n+1) { background:#e4e4e8; }
.timeline ul li:nth-child(4n+2) { background:#e4e4e8; }

/*recruit 研習班 - 招生資訊*/
.recruit { overflow:auto; }
.recruit h4 { margin:0; padding:0; font-size:16px; font-weight:bold; }
.recruit h5 { float:left; margin:2px 0 0 0; padding:0; font-size:16px; font-weight:bold; }
.recruit p { margin:10px 0 15px 0; padding:0; font-size:14px; line-height:1.8em; color:#555; }
.recruit .text_c { width:100%; }
.recruit .text_l { float:left; width:50%; }

/*你可能會有興趣 - 課程推薦*/
#interest_box { padding:30px; background:#fff; border-top:solid 1px #ddd; }/*無視左右結構直接放最下方就會需要這層*/
#interest_box .box_tit { margin:0; padding:0 15px 0 35px; font-size:18px; line-height:40px; color:#FFF; background:#990000 url(../images/icon_star.png) 10px 10px no-repeat;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-ms-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0; }
#interest_box .box_list { width:100%; margin:0; padding:5px 15px; background:#dfdfdf; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-ms-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px; }
#interest_box .box_list ul { margin:0 -10px; padding:0; overflow:auto; }
#interest_box .box_list ul li { position:relative; float:left; margin:0; padding:10px; list-style:none; width:20%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#interest_box .box_list ul li b { display:block; position:relative; width:100%; height:auto; overflow:hidden; margin:0 0 -4px 0; }
#interest_box .box_list ul li b img { width:100%; }
#interest_box .box_list ul li i { position:absolute; top:20px; right:20px; z-index:9997; width:25px; height:25px; background:url(../images/tag_heart.png) center no-repeat; cursor:pointer; text-indent:-9999px; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#interest_box .box_list ul li i:hover { opacity:1; }
#interest_box .box_list ul li span { position:absolute; top:0px; left:0px; z-index:998; width:100px; height:100px; padding:23px 0 0 0; font-size:16px; line-height:20px; text-align:center; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
text-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#interest_box .box_list ul li samp { position:absolute; top:0px; left:0px; z-index:997; opacity:0.9; text-indent:-9999px;
width: 0;
height: 0;
border-style:solid;
border-width:100px 100px 0 0; }
#interest_box .box_list ul li div { padding:10px; }
#interest_box .box_list ul li h3 { margin:0; padding:0; height:20px; overflow:hidden; font-size:16px; line-height:20px; color:#990000; }
#interest_box .box_list ul li p { margin:0; padding:0; font-size:14px; line-height:20px; color:#333; }
#interest_box .box_list ul li a { display:block; z-index:9999; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#interest_box .box_list ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.6) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.6) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.6) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.6) 0px 0 10px;
box-shadow:rgba(0,0,0,0.6) 0px 0 10px; }

#interest_box .bg00 { border-color:#990000 transparent transparent transparent; } /*紅-強烈推薦*/
#interest_box .bg01 { border-color:#e45c5c transparent transparent transparent; } /*粉-學分班*/
#interest_box .bg02 { border-color:#ff9900 transparent transparent transparent; } /*黃-學位班*/
#interest_box .bg03 { border-color:#9900cc transparent transparent transparent; } /*紫-研習班*/


/*課程總覽*/
#student_box { }
#student_box .box_tit { margin:0 0 10px 0; padding:5px 0 5px 38px; font-size:20px; line-height:30px; color:#990000; background:url(../images/icon_league.png) left center no-repeat; border-bottom:solid 1px #ddd; }
#student_box .box_list { width:100%; margin:15px 0; }
#student_box .box_list ul { margin:0 -10px; padding:0; overflow:auto; }
#student_box .box_list ul li { float:left; margin:0; padding:10px; list-style:none; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#student_box .box_list ul li b { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
#student_box .box_list ul li b img { width:100%; }
#student_box .box_list ul li i { position:absolute; top:15px; right:15px; width:25px; height:25px; background:url(../images/tag_heart.png) center no-repeat; cursor:pointer; text-indent:-9999px; opacity:0.7;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#student_box .box_list ul li i:hover { opacity:1; }
#student_box .box_list ul li span { position:absolute; top:0px; left:0px; width:100px; height:100px; background:url(../images/tag_hot.png) top left no-repeat; text-indent:-9999px; }
#student_box .box_list ul li samp { position:absolute; bottom:4px; right:0px; width:100px; height:30px; font-size:15px; line-height:30px; text-align:center; color:#FFF; }
#student_box .box_list ul li div { padding:15px 20px; }
#student_box .box_list ul li h3 { margin:0; padding:0; font-size:22px; line-height:35px; color:#990000; }
#student_box .box_list ul li p { margin:0; padding:0; font-size:14px; line-height:20px; color:#333; }
#student_box .box_list ul li a { display:block; z-index:9999; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
box-shadow:rgba(0,0,0,0.4) 0px 0 2px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#student_box .box_list ul li a:hover {
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

#student_box .bg01 { width:100px; height:30px; background:url(../images/tag_classtype01.png) repeat; }
#student_box .bg02 { width:100px; height:30px; background:url(../images/tag_classtype02.png) repeat; }
#student_box .bg03 { width:100px; height:30px; background:url(../images/tag_classtype03.png) repeat; }

#student_box .box_info { padding:0 0 30px 0; }
/*tab*/
#student_box .abgne_tab {}
#student_box .tabs { margin:0px; padding:10px 0; overflow:auto; }
#student_box .tabs li { float:left; margin:0 10px 10px 0; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; border:solid 1px #d9d9d9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#student_box .tabs li:hover { background:#e45c5c; }
#student_box .tabs li a { display:block; padding:8px 15px; color:#666; }
#student_box .tabs li a:hover { color:#FFF; }
#student_box .tabs li.cur { background:#990000; color:#fff; border:solid 1px #b50000; }
#student_box .tabs li.cur a { color:#fff; }
#student_box .tabs li.cur a:hover { color:#fff; }

/*幸福學堂 - 學員社團 - 活動預告與紀事*/
.league_list {}
.league_list ul { margin:0; padding:0; }
.league_list ul li { margin:0; padding:0; list-style:none; border-bottom:dashed 1px #ddd; }
.league_list ul li h4 { margin:0 10px; padding:0; font-size:16px; line-height:20px; }
.league_list ul li span { float:left; margin:0 10px; padding:0; font-size:14px; line-height:20px; color:#888; }
.league_list ul li a { display:block; padding:10px 10px 10px 15px; background:#FFF url(../images/icon_point.png) 10px 18px no-repeat; color:#333;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.league_list ul li a:hover { background:#f5f5f5 url(../images/icon_point.png) 10px 18px no-repeat; color:#990000; }
.league_list ul li a:hover span { color:#666; }



/*FAQ常見問題*/
#faq_box {}
.op_all { margin:0 0 10px 0; background:#eee; }
.op_top {}
.op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#ffdddd; font-size:16px; color:#121212;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.op_top a i { position:absolute; top:13px; right:20px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
.op_top a span { padding:0 5px 0 0; font-family: "Comic Sans MS", cursive; color:#990000; }

.op_top a:hover { background:#e45c5c ; color:#fff; }
.op_top.cur a { background:#990000; color:#fff; }
.op_top a:hover i,.op_top.cur a i { background:url(../images/icon_arrow_.png) no-repeat; }
.op_top a:hover span,.op_top.cur a span { color:#fff; }
.op_don { padding:10px 20px; color:#333; }

/*LINK主題網站連結*/
#link_box {}
#link_box ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:48%; }
#link_box ul li b { display:block; width:99%; height:auto; border:solid 1px #d5d5d5; overflow:hidden; }
#link_box ul li b img { width:100%; margin:0 0 -5px 0; }
#link_box ul li h3 { margin:5px 0; padding:0; font-size:15px; line-height:20px; text-align:center; height:40px; overflow:hidden; }
#link_box ul li a { display:block; color:#333; opacity:0.8;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#link_box ul li a:hover { color:#990000; opacity:1; }
#link_box ul li a:hover b { border:solid 1px #990000; }

/*SITEMAP網站地圖連結*/
#sitemap_box {}
#sitemap_box h3 a { clear:both; display:block; padding:8px 0 8px 15px; font-weight: normal; margin:0 0 10px 0;  font-size:20px; line-height:30px; color:#990000; border-bottom:solid 1px #ddd;}
#sitemap_box ul { padding:0 0 0 20px; margin:0; overflow:auto;}
#sitemap_box ul li { list-style-type:none; float:left; width:50%;}
#sitemap_box ul li a { position:relative; display:block; padding:8px 25px; text-decoration:none; color:#555;}
#sitemap_box ul li a:hover { color:#e45c5c;}
#sitemap_box ul li a i { position:absolute; display:block; width:5px; height:5px; background:#e45c5c; top:17px; left:8px; }	

/*-------------- 會員專區 --------------*/
#member_box {}
#member_box .box_info_all { min-height:250px; margin:0 auto 40px auto; padding:50px 50px 30px 50px; background:url(../images/bg3.jpg) repeat; border:solid 1px #eee; 
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-moz-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-ms-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-o-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
box-shadow:rgba(0,0,0,0.1) 3px 5px 5px; }
#member_box .box_info { min-height:250px; margin:0 auto 40px auto; padding:50px 215px 30px 215px; background:url(../images/bg3.jpg) repeat; border:solid 1px #eee; 
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-moz-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-ms-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
-o-box-shadow:rgba(0,0,0,0.1) 3px 5px 5px;
box-shadow:rgba(0,0,0,0.1) 3px 5px 5px; }

/*欄位*/
#member_box .form_3 { position:relative; float:left; width:31.3333%; height:60px; padding:10px 1%; }
#member_box .form_l { position:relative; float:left; width:48%; height:100px; padding:10px 1%; }
#member_box .form_c { position:relative; clear:both; width:98%; padding:10px 1%; }
#member_box .form_3:before { content:""; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:dashed 1px #dfdfdf; }
#member_box .form_l:before { content:""; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:dashed 1px #dfdfdf; }
#member_box .form_c:before { content:""; position:absolute; bottom:0px; left:0px; width:100%; border-bottom:dashed 1px #dfdfdf; }
#member_box .form_btn { clear:both; width:98%; margin:15px 1%; text-align:center; }

#member_box .form_all { padding:30px 1%; overflow:auto; }
#member_box .form_all h4 { float:left; font-weight:bold; }
#member_box .form_all p { float:left; font-weight:bold; }

#member_box .form_final { background:#FFF; }

/*文字*/
#member_box h3 { margin:0 0 20px 0; padding:0; font-size:16px; font-weight:normal; line-height:30px; text-align:left; color:#990000; }
#member_box h4 { margin:0 10px 0 0; padding:0; font-size:16px; font-weight:normal; line-height:30px; text-align:left; color:#000; }
#member_box b { margin:0; padding:0 3px 0 0; font-size:12px; font-weight:normal; color:#F00; }
#member_box span { margin:0; padding:0 5px; font-size:13px; font-weight:normal; color:#F00; }
#member_box p { margin:0; padding:0; font-size:15px; line-height:30px; color:#777; }
#member_box i { display:block; margin:0; padding:10px 0 0 0; font-size:15px; line-height:20px; color:#888; font-style:normal; }
#member_box .red { color:#ff0000; }
#member_box .gray { color:#888; }

/*輸入框*/
#member_box .wall { width:100%; height:30px; line-height:30px; margin:0; }
#member_box .wall2 { width:100%; height:150px; line-height:25px; margin:0 0 -10px 0; }
#member_box .text { padding:5px 10px; background:#fff; border:solid 1px #d5d5d5; font-size:15px; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#member_box .select01 { padding:0px 10px; background:#fff url(../images/select_bg01.png) no-repeat top right; border:solid 1px #d5d5d5; font-size:95%; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }

/*驗證碼*/
#member_box .code_pic { position:relative; margin:0 0 10px 0; padding:0 235px 0 0; text-align:left; }
#member_box .code_pic img { position:absolute; top:0px; right:130px; width:95px; height:30px; overflow:hidden; }
#member_box .code_btn { position:absolute; top:0px; right:0px; margin:0; padding:5px 0; width:120px; background:#e45c5c; border:none; font-size:14px; line-height:20px; text-align:center; color:#FFF;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-appearance:none; /*去除系统默认的样式*/ 
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;  }
#member_box .code_btn:hover { background:#c74848; }

/*一般按鈕*/
#member_box .btn { display:inline-block; margin:3px; min-width:100px; padding:8px; border:none; font-size:14px; line-height:20px; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-appearance:none; /*去除系统默认的样式*/ 
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;  }
#member_box .btn01 { background:#990000; color:#FFF; }
#member_box .btn01:hover { background:#770000; }
#member_box .btn02 { background:#aaa; color:#FFF;  }
#member_box .btn02:hover { background:#888; }

/*校友驗證*/
#member_box { position: relative;}
#member_box .verify_group {padding: 0 0 0 130px; position: relative; margin: 10px 0;}
#member_box .verify_group .btn_group { min-width: 120px; height: 90px; font-size: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 75px;}
#member_box .verify_group ol { margin: 10px;}
/*帳號登入*/
#member_box .login_group { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#member_box .login_group .btn_group{ min-width: 120px; font-size: 18px; margin: 0 5%; padding: 1.5%; line-height: 1.4em;}

/*加入會員 - 隱私權條款*/
#member_box .box_text p { margin:0 0 10px 0; padding:0; font-size:24px; font-weight:normal; line-height:30px; text-align:center; color:#990000; }
#member_box .box_text span { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:normal; line-height:32px; text-align:center; color:#333; }
#member_box .provision { clear:both; width:100%; height:300px; margin:20px 0; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; }
#member_box .provision table {}
#member_box .provision th { padding:5px; }
#member_box .provision td { padding:5px; }

/*報名紀錄*/
#order_box {}
#order_box ul { margin:0; padding:0; }
#order_box ul li { margin:0; padding:0; list-style:none; overflow:auto; font-size:14px; color:#555; line-height:20px; border-bottom:solid 1px #ddd; }
#order_box .title { font-size:14px; color:#333; line-height:20px; font-weight:bold; text-align:center; }
#order_box .form_c { float:left; width:46%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#order_box .form_l { float:left; width:15%; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#order_box .form_l2,#order_box .form_l3,#order_box .form_l4 { float:left; width:12%; padding:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#order_box .btn { padding:3px 10px; background:#999; color:#FFF; display:inline-block; }
#order_box .btn:hover { background:#990000; color:#FFF; }

/*課程報名*/
#member_box .classstep {}
#member_box .classstep ul { margin:0 auto; padding:0 0 20px 0; overflow:auto; }
#member_box .classstep ul li { float:left; margin:0 1%; padding:15px; list-style:none; width:31%; background:#eee; border:solid 1px #eee; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
-ms-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
-o-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 0px 3px; }
#member_box .classstep ul li h4 { margin:0; padding:0; font-size:22px; line-height:25px; color:#333; text-align:center; }
#member_box .classstep ul li p { margin:0; padding:0; font-size:14px; line-height:20px; color:#888; text-align:center; }
#member_box .classstep .cur { background:#990000;
-webkit-box-shadow: rgba(0,0,0,0.1) 3px 5px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 3px 5px 5px;
-ms-box-shadow: rgba(0,0,0,0.1) 3px 5px 5px;
-o-box-shadow: rgba(0,0,0,0.1) 3px 5px 5px;
box-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }
#member_box .classstep .cur h4,#member_box .classstep .cur p { color:#FFF; text-align:center; }

/*-------------- 其他頁面 --------------*/
/*404 找不到該網頁*/
#error404 { padding:50px 30px; }
#error404 .tit { padding:0; font-size:180%; line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; max-width:400px; }
#error404 th { padding:5px; font-size:125%; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; font-size:100%; line-height:20px; }
#error404 a { display:inline-block; color:#2991da; }
#error404 a:hover { color:#ffa750; }

/* ======================= 內頁共用 ======================= */
/*圖文區塊*/
.box_text {}
.box_text h4 { margin:0; padding:5px 0; font-size:1.25em; color:#e45c5c; }
.box_text p { margin:0; padding:10px 0; font-size:1em; line-height:1.8em; color:#555; text-align:justify; }

/*多圖片區塊*/
.pic_list { margin:30px 0 0 0; }
.pic_list ul { margin:0 -1% 0 0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 1% 15px 0; padding:0; list-style:none; width:24%; }
/*.pic_list ul li b { display:block; margin:0; padding:0; width:190px; height:190px; background:#f5f5f5; overflow:hidden; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; height:100%; }*/
.pic_list ul li b { display:block; width:100%; height: 190px; overflow:hidden; text-align:center; background:#000000; opacity:0.9;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); max-width:100%; max-height:190px;}
.pic_list ul li h5 { margin:10px 0; padding:0; font-size:18px; line-height:20px; text-align:center; color:#000; }
.pic_list ul li h6 {  margin:5px 0; padding:0; font-size:14px; line-height:20px; text-align:center; color:#999; }
.pic_list ul li p { margin:5px 0; padding:0; font-size:14px; line-height:20px; text-align:center; }
.pic_list ul li a { display:block; padding:10px; font-size:15px; color:#555; background:#f5f5f5; border-top:solid 1px #DDD; border-right:solid 1px #DDD; border-left:solid 1px #DDD; border-bottom:solid 2px #DDD;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.pic_list ul li a:hover { background:#FFF; color:#990000;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
box-shadow:rgba(0,0,0,0.2) 0px 0 5px; }
.mfp-figure small { display:none !important; }

/*多影片區塊*/
.video_list { margin:15px 0 0 0; }
.video_list ul { margin:0 -1.5% 0 0; padding:0; overflow:auto; }
.video_list ul li { position:relative; float:left; margin:0 1.5% 20px 0; padding:0; list-style:none; width:23.5%; }
.video_list ul li b { position:relative; display:block; width:100%; height:190px; overflow:hidden; background:#000000; }
.video_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%;  }
.video_list ul li i { display:block; position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px; z-index:998; width:67px; height:67px; background:url(../images/icon_play.png) no-repeat; text-indent:-9999px; opacity:1;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.video_list ul li span { display:block; position:absolute; top:0px; left:0px; z-index:997; width:100%; height:635px; background:url(../images/bg_k30.png) repeat; opacity:1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.video_list ul li h3 { margin:10px 0 0 0; padding:0 5px; font-size:14px; line-height:20px; height:40px; overflow:hidden; }
.video_list ul li a { display:block; padding:10px; font-size:15px; color:#555; background:#f5f5f5; border-top:solid 1px #DDD; border-right:solid 1px #DDD; border-left:solid 1px #DDD; border-bottom:solid 2px #DDD;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.video_list ul li a:hover { position:relative; z-index:99; background:#FFF; color:#990000;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 5px;
box-shadow:rgba(0,0,0,0.2) 0px 0 5px; }
.video_list ul li a:hover i { opacity:0.6; }
.video_list ul li a:hover span { opacity:0.6; }

/*下載列表(文章內)*/
.download_list { padding:10px 0; }
.download_list ul { margin:0; padding:0; }
.download_list ul li { margin:0; padding:0; list-style:none; }
.download_list ul li span { margin:0; padding:0; color:#333; }
.download_list ul li a { display:block; padding:8px 10px 8px 40px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newsdownload.png) no-repeat 12px 10px; color:#757575; }
.download_list ul li a:hover { background:#fefefe url(../images/icon_newsdownload_.png) no-repeat 12px 10px; color:#e45c5c; }

/*連結列表(文章內)*/
.link_list { padding:10px 0; }
.link_list ul { margin:0; padding:0; }
.link_list ul li { margin:0; padding:0; list-style:none;  }
.link_list ul li span { margin:0; padding:0; font-size:90%; color:#333; }
.link_list ul li a { display:block; padding:8px 10px 8px 40px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newslink.png) no-repeat 12px 10px; color:#757575; }
.link_list ul li a:hover { background:#fefefe url(../images/icon_newslink_.png) no-repeat 12px 10px; color:#e45c5c; }

/* ======================= FORM 表單專用 ======================= */
#form_box {}
#form_box th { background:#91231e; color:#FFF; font-size:13px; line-height:30px; text-align:left; padding-left:20px; }
#form_box td { font-size:13px; color:#333; padding:5px; }
#form_box b { font-size:13px; color:#9e0b0f; }
#form_box .t1 { width:220px; }
#form_box .t2 { width:530px; height:100px; }
#form_box .btn { margin:0 0 0 104px; padding:0px; border:none; width:120px; height:32px; background:#91231e; color:#FFF; }
#form_box .btn:hover { margin:0 0 0 104px; padding:0px; border:none; width:120px; height:32px; background:#621814; color:#FFF; }

/* ======================= SHARE 文章列印分享回上層 ======================= */
#share { clear:both; padding:20px 15px 15px 15px; border-top:solid 1px #ddd; }
#share ul { display:block; margin:0; padding:0; text-align:right;/*用文字方向可控制按鈕位置*/ }
#share ul li { display:inline-block; margin:0 0 10px 5px; padding:0; list-style:none; font-size:13px; line-height:24px; }
#share ul li a { display:block; padding:2px 10px; background:#dfdfdf; color:#333; border:solid 1px #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share ul li a:hover { background:#e45c5c; color:#fff; border:solid 1px #d23b3b; }
/*社群分享區塊*/
#share .community { padding:2px 6px; background:#dfdfdf; color:#333; border:solid 1px #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share .community a { float:left; display:block; width:20px; height:20px; margin:2px 5px 3px 0px; padding:0px; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }
/*社群icon*/
#share .line { background:url(../images/footer_links04.png) no-repeat; }
#share .line:hover { background:url(../images/footer_links04.png) no-repeat; opacity:0.5; }
#share .pl { background:url(../images/footer_links01.png) no-repeat; }
#share .pl:hover { background:url(../images/footer_links01.png) no-repeat; opacity:0.5; }
#share .tt { background:url(../images/footer_links02.png) no-repeat; }
#share .tt:hover { background:url(../images/footer_links02.png) no-repeat; opacity:0.5; }
#share .fb { background:url(../images/footer_links03.png) no-repeat; }
#share .fb:hover { background:url(../images/footer_links03.png) no-repeat; opacity:0.5; }

/* ======================= PAGE 頁碼 ======================= */
#page { clear:both; padding:20px 15px 15px 15px; border-top:solid 1px #ddd; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 2px 10px 2px; padding:0; list-style:none; font-size:12px; line-height:24px; text-align:center; }
#page ul li a { display:block; padding:0px 10px; background:#dfdfdf; color:#666; border:solid 1px #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#page ul li a:hover { background:#e45c5c; color:#FFF; border:solid 1px #d23b3b; }
#page ul li a.cur { background:#990000; color:#FFF; border:solid 1px #77191e; }




/* ======================= RWD 其他螢幕尺寸樣式 ======================= */

/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1199px) {
/*-------------- HEADER --------------*/
/*----- NAV -----*/
#nav { width:100%; padding:6px 15px; }

/*----- header_top_all -----*/
#header_top { width:100%; height:80px; }
/*LOGO*/
#logo a { width:230px; height:80px; background:url(../images/logos.png) left center no-repeat; }
/*TOP_MENU*/
#top_menu ul li { margin:25px 10px; }

/*----- HEADER 收縮 -----*/
.totop a { position:fixed; bottom:15px; right:15px; z-index:9999; display:block; width:50px; height:50px; background:url(../images/totop.png) center no-repeat; text-indent:-9999px; opacity:0.7; }
.totop a:hover { opacity:1; }
.shrink #nav_all { opacity:0; }
.shrink #nav { opacity:0; height:0px; padding:0px; }

/*-------------- BANNER 大圖輪播 --------------*/
#banner .banner_arrow_l { margin-top:33px; }
#banner .banner_arrow_r { margin-top:33px; }
#banner .pic b { display:block; width:100%; height:auto; overflow:hidden; }
#banner .pic b img { width:100%; }

/*-------------- CONTENT --------------*/
#content_all { padding:122px 0 0 0; }
#content { width:100%; margin:0 auto; padding:30px 15px; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*-------------- INDEX 首頁 --------------*/
/*首頁課程左右輪播*/
#inx_class_box .box_info { display:none; }
/*首頁課程-無-左右輪播*/
#inx_class_box .box_info_m { display:block; }

/*----- 首頁廣告圖 小banner輪播圖 -----*/
#inx_banners_box { float:none; width:100%; height:auto; margin:0 auto;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#inx_banners_box .pic b { display:block; width:100%; height:auto; background:#ccc; overflow:hidden; }
#inx_banners_box .pic b img { width:100%; margin:0 0 -5px 0; }

/*----- 首頁重要訊息 -----*/
#inx_news_box .box_info {}
#inx_news_box .box_info ul { margin:0; padding:0; }
#inx_news_box .box_info ul li { position:relative; margin:0; padding:0; list-style:none; }
#inx_news_box .box_info ul li i { float:left; display:block; width:100px; height:28px; margin:0 10px 10px 0; padding:0 6px 0 0; font-size:15px; line-height:28px; text-align:center; font-style:normal; background:url(../images/newstagbg.png) no-repeat; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_news_box .box_info ul li h3 { float:left; margin:0; padding:0 10px 0 0; font-size:18px; line-height:30px; }
#inx_news_box .box_info ul li span { float:left; margin:0; padding:0; font-size:13px; line-height:30px; color:#e45c5c; }

#inx_news_box .box_info .topnews { position:relative; }
#inx_news_box .box_info .topnews b { float:left; display:block; width:320px; height:200px; margin:0 15px 0 0; }
#inx_news_box .box_info .topnews i { position:absolute; top:188px; left:15px; margin:0; }
#inx_news_box .box_info .topnews h3 { float:none; margin:0; font-size:18px; line-height:30px; }
#inx_news_box .box_info .topnews span { position: inherit; float:none; display:block; padding:10px 0; font-size:13px; }
#inx_news_box .box_info .topnews p { float:none; margin:0; padding:0; font-size:14px; line-height:24px; color:#666; }
#inx_news_box .box_info .topnews a { display:block; overflow:auto; padding:15px; border-top:solid 1px #FFF; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }

/*-------------- 內頁 --------------*/
/*NEWS最新消息 - 列表*/
#news_list {}
#news_list ul { margin:0; padding:0; }
#news_list ul li { position:relative; margin:0; padding:0; list-style:none; }
#news_list ul li i { float:left; display:block; width:100px; height:28px; margin:0 10px 10px 0; padding:0 6px 0 0; font-size:15px; line-height:28px; text-align:center; font-style:normal; background:url(../images/newstagbg.png) no-repeat; color:#FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_list ul li h3 { float:left; margin:0; padding:0 10px 0 0; font-size:18px; line-height:30px; }
#news_list ul li span { float:left; margin:0; padding:0; font-size:13px; line-height:30px; color:#e45c5c; }

#news_list .topnews { position:relative; }
#news_list .topnews b { float:left; display:block; width:320px; height:200px; margin:0 15px 0 0; }
#news_list .topnews i { position:absolute; top:188px; left:15px; margin:0; }
#news_list .topnews h3 { float:none; margin:0; font-size:18px; line-height:30px; }
#news_list .topnews span { position: inherit; float:none; display:block; padding:10px 0; font-size:13px; }
#news_list .topnews p { float:none; margin:0; padding:0; font-size:14px; line-height:24px; color:#666; }
#news_list .topnews a { display:block; overflow:auto; padding:15px; border-top:solid 1px #FFF; border-bottom:solid 1px #e5e5e5; color:#333; background:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }

/*課程搜尋*/
#class_box .m_open { display:block; }
/*線上試讀*/
.read_list ul li i { width:15%; }
.read_list ul li h3 { width:60%; }
.read_list ul li p { width:15%; }
.read_list ul li span { width:10%; }

/*你可能會有興趣 - 課程推薦*/
#interest_box .box_list ul li { width:25%; }

/*student 學員社團*/
#student_box .box_list ul li div { padding:10px 15px; }
#student_box .box_list ul li h3 { font-size:18px; line-height:30px; }

/*LINK相關連結*/
#link_box ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:48%; }

/*SITEMAP網站地圖連結*/
#sitemap_box ul li { float:none; width:100%;}

/*-------------- 會員專區 --------------*/
#member_box .box_info_all { padding:50px 50px 30px 50px; }
#member_box .box_info { padding:50px 50px 30px 50px; }
/*報名紀錄*/
#order_box .form_c { width:44%; }
#order_box .form_l3 { width:16%; }
#order_box .form_l4 { width:10%; }
#order_box .btn { padding:3px 5px; }
}

/*小螢幕2-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1100px) {
/*放這個下拉選單箭頭會不見，主要是用來支援手機板的樣式用*/
input[type="submit"], input[type="reset"], input[type="button"], input[type="date"], input[type="text"], select, button {-webkit-appearance:none; }
#fontsize select { border:none; padding:3px 25px 3px 10px; background:#FFF url(../images/select_bg02.png) no-repeat right center; font-size:14px; line-height:22px; color:#990000;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
-o-border-radius:15px;
border-radius:15px; }
/*student 學員社團*/
#student_box .box_list ul li { width:50%; }
}

/*平板*/
@media only screen and (max-width:940px) {
/*-------------- HEADER --------------*/
/*NAV*/
#nav_all { display:none; }

/* ----- HEADER 收縮 ----- */
.shrink #header_top { height:70px; }
/*LOGO*/
.shrink #logo a { width:200px; height:70px; background:url(../images/logoss.png) left center no-repeat; }
.shrink label.minimal-menu-button { top:10px; }
/*TOP_MENU*/
.shrink #top_menu ul li { margin:0; padding:0; }

/*TOP_MENU*/
#top_menu { position:absolute; top:15px; right:0px; }
#top_menu ul { margin:0; padding:0; }
#top_menu ul li { position:relative; float:none; width:100%; margin:0; padding:0; list-style:none; font-size:18px; line-height:18px; text-align:left; }
#top_menu ul li a { display:block; padding:10px; background:#e45c5c; color:#FFF; border-bottom:solid 2px #FFF;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li a:hover,#top_menu ul li a.cur { background:#990000; color:#FFF; }
#top_menu ul li ul li a { padding:10px 10px 10px 30px; background:#FFF; font-size:16px; color:#666; }
#top_menu ul li ul li a:hover { background:#eee; color:#666; }
#top_menu ul li ul li a.cur { background:#e5e5e5; color:#990000; }
/*第三層選單
#top_menu ul li ul li ul li a { padding:10px 10px 10px 45px; background:#fff; font-size:14px; color:#666; }
#top_menu ul li ul li ul li a:hover,#top_menu ul li ul li ul li a.cur { background:#f5f5f5; color:#990000; border-bottom:solid 2px #e45c5c; }*/
#top_menu .m_open { display:block; }

/*-------------- BANNER 大圖輪播 --------------*/
#banner { padding:80px 0 0 0; }
#banner .banner_arrow_l { margin-top:12px; }
#banner .banner_arrow_r { margin-top:12px; }

/*-------------- CONTENT --------------*/
#content_all { padding:80px 0 0 0; }
/*----- FULL滿版區塊 -----*/
#full_block { background:#FFF; }
/*----- LEFT左邊區塊 -----*/
#left_block { display:none; }
/*MAIN主要區塊*/
#main_block { padding:0; }

/*-------------- FOOTER --------------*/
#don_menu_all { height:50px; }
#don_menu ul { display:none; }
#don_menu .epaper>div { padding:0px; }
#don_menu .epaper>div>img { display:none; }
#don_contact_all { border-top:solid 2px #990000; }
#don_contact { padding:30px 15px; }
#don_contact .groups { float:none; position:inherit; bottom:0px; top:10px; right:0px; }

/*-------------- INDEX 首頁 --------------*/
/*----- 課程分類 -----*/
#inx_lesson_box .box_info ul { margin:0 -10px; }
#inx_lesson_box .box_info ul li { padding:10px; width:33.333%; }

/*----- 招生中課程 -----*/
/*首頁課程搜尋框*/
#inx_class_box .classsearch .text { padding:0 180px 0 95px; }
#inx_class_box .btn { width:80px; }
/*首頁課程-無-左右輪播*/
#inx_class_box .box_info_m ul li { width:50%; }
/*----- 首頁重要訊息 -----*/
#inx_news_box .box_info ul li span { position:absolute; top:15px; right:15px; float:none; margin:0; padding:0; font-size:13px; line-height:30px; color:#e45c5c; }

/*-------------- 內頁 --------------*/
/*多圖片區塊*/
.pic_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:31.3333%; }
/*多影片區塊*/
.video_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.video_list ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:31.3333%; }

/*NEWS最新消息 - 列表*/
#news_list ul li span { position:absolute; top:15px; right:15px; float:none; margin:0; padding:0; font-size:13px; line-height:30px; color:#e45c5c; }

/*課程總覽 - 列表*/
#class_box .box_list ul li { width:50%; }
/*課程搜尋框*/
#class_box .text_all { float:none; width:100%; overflow:auto; }
#class_box .btn_all { float:none; width:100%; overflow:auto; }
#class_box .form_c { float:left; width:50%; }
#class_box .form_l { float:left; width:50%; }
/*授課師資*/
.teachers_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.teachers_list ul li { float:left; margin:0 2% 15px 0; padding:10px; list-style:none; width:31.3333%; }
/*線上試讀*/
.read_list ul li i { width:18%; }
.read_list ul li h3 { width:54%; }
.read_list ul li p { width:18%; }
.read_list ul li span { width:10%; }
/*你可能會有興趣 - 課程推薦*/
#interest_box .box_list ul li { width:50%; }

/*LINK相關連結*/
#link_box ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:48%; }

/*-------------- 會員專區 --------------*/
#member_box .box_info_all { padding:50px 20px 30px 20px; }
#member_box .box_info { padding:50px 20px 30px 20px; }

/*報名紀錄*/
#order_box .form_c { float:left; width:65%; }
#order_box .form_l4 { width:15%;}
#order_box .form_l { display:none; }
#order_box .form_l2,#order_box .form_l3 { float:left; width:20%; }
}


/*平板-手機-過渡*/
@media only screen and (max-width:700px) {
/*----- 招生中課程 -----*/
/*首頁課程搜尋框*/
#inx_class_box .classsearch { margin:20px 0; padding:15px; }
#inx_class_box .classsearch .text { padding:40px 0 0 0; }
#inx_class_box .form_l { width:33.2%; }
#inx_class_box .btn_all { right:18px; }
#inx_class_box .btn { width:100px; }

/*校友驗證*/
#member_box .verify_group { text-align: center; padding: 0; position: relative; margin: 0;}
#member_box .verify_group .btn_group { height: 50px; min-width: 120px; position: static; transform: none;}
#member_box .verify_group ol { text-align: left; margin: 20px 0 10p; }
}

/*手機板*/
@media only screen and (max-width:570px) {

.m_show { display:none;}
.p_show { display:block;}

/*圖片左中右*/
.img_r img { float:none; width:100%; padding:5px 0 15px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.img_l img { float:none; width:100%; padding:5px 0 15px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.img_c { float:none; padding:0; }
.img_c img { width:100%; padding:5px 0 15px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.img_c h4 { text-align:left; }
.img_c p { text-align:left; }

/*-------------- HEADER --------------*/
/*----- header_top_all -----*/
#header_top { height:60px; }
/*LOGO*/
#logo a { width:200px; height:60px; background:url(../images/logoss.png) left center no-repeat; }

/*----- HEADER 收縮 -----*/
.shrink #header_top { height:50px; }
/*LOGO*/
.shrink #logo a { width:200px; height:50px; background:url(../images/logoss.png) left center no-repeat; }
.shrink label.minimal-menu-button { top:5px; }

/*-------------- BANNER 大圖輪播 --------------*/
#banner { padding:60px 0 0 0; }
#banner .banner_arrow_l { margin-top:2px; }
#banner .banner_arrow_r { margin-top:2px; }

/*-------------- CONTENT --------------*/
#content_all { padding:60px 0 0 0; }

/*-------------- FOOTER --------------*/
#don_menu .epaper .text { width:100px; }

/*-------------- INDEX 首頁 --------------*/
/*----- 課程分類 -----*/
#inx_lesson_box .box_info ul { margin:0 -15px; }
#inx_lesson_box .box_info ul li { padding:15px; width:100%; }
#inx_lesson_box .box_info ul li b { max-height:369px; }

/*----- 招生中課程 -----*/
/*首頁課程搜尋框*/
#inx_class_box .classsearch { margin:10px 0 20px 0; }
#inx_class_box .classsearch .text { padding:40px 0 0 0; }
#inx_class_box .form_l { width:100%; }
#inx_class_box .btn_all { position:initial; }
#inx_class_box .btn { width:98%; margin:1%; }
/*首頁課程-無-左右輪播*/
#inx_class_box { padding:0; }
#inx_class_box .box_tit { margin:0; }
#inx_class_box .box_tit h2 { font-size:30px; line-height:30px; }
#inx_class_box .box_tit a { width:80px; height:30px; line-height:30px; }
#inx_class_box .box_info_m ul li { width:100%; padding:10px 15px; }
/*----- 首頁廣告圖 小banner輪播圖 -----*/
#inx_banners_box { padding:0 0 30px 0; }
/*----- 首頁重要訊息 -----*/
#inx_news_box { padding:0 0 20px 0; }
#inx_news_box .box_tit { margin-bottom:10px; }
#inx_news_box .box_tit h2 { font-size:30px; line-height:30px; }
#inx_news_box .box_tit a { width:80px; height:30px; line-height:30px; }
#inx_news_box .box_info .topnews b { float:left; display:block; width:100%; height:auto; overflow:hidden; margin:0 15px 10px 0; }
/*----- 廣告大圖輪播 -----*/
.inx_ad_box { padding:0 0 20px 0; }
.inx_ad_box .box_tit { margin-bottom:10px; }
.inx_ad_box .box_tit h2 { font-size:30px; line-height:30px; }

/*-------------- 內頁 --------------*/
/*PATH麵包屑*/
#path { display:none; }
/*多圖片區塊*/
.pic_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:48%; }
/*多影片區塊*/
.video_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.video_list ul li { float:left; margin:0 2% 15px 0; padding:0; list-style:none; width:48%; }

/*NEWS最新消息 - 列表*/
#news_list .topnews b { width:100%; height:auto; overflow:hidden; margin:0 15px 10px 0; }
#news_list .topnews a { padding:10px; }
#news_list .topnews i { top:183px; left:10px; }

/*課程總覽 - 列表*/
#class_box .box_list ul li { width:100%; padding:10px 15px; }
/*課程搜尋框*/
#class_box .text_all { float:none; width:100%; }
#class_box .btn_all { float:none; width:100%; }
#class_box .form_c { float:none; width:100%; }
#class_box .form_l { float:none; width:100%; }
/*授課師資*/
.teachers_list ul { margin:0 -2% 0 0; padding:0; overflow:auto; }
.teachers_list ul li { float:left; margin:0 2% 15px 0; padding:10px; list-style:none; width:48%; }
/*線上試讀*/
.read_list ul li i { width:25%; }
.read_list ul li h3 { width:50%; }
.read_list ul li p { width:25%; }
.read_list ul li span { display:none; }
/*重要時程*/
.timeline ul li { width:100%; }
/*你可能會有興趣 - 課程推薦*/
#interest_box .box_list ul li { width:100%; }

/*student 學員社團*/
#student_box .box_list ul li { width:100%; }

/*LINK相關連結*/
#link_box ul { margin:0 0 0 0; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 0 15px 0; padding:0; list-style:none; width:100%; }

/*-------------- 會員專區 --------------*/
#member_box .box_info_all { padding:20px 15px 15px 15px; }
#member_box .box_info { padding:20px 15px 15px 15px; }

#member_box .form_3 { clear:both; width:100%; margin:0 0 10px 0; }
#member_box .form_l { float:none; width:100%; margin:0 0 10px 0; } 
#member_box .form_c { clear:both; width:100%; margin:0 0 10px 0; }
#member_box .form_btn { clear:both; width:100%; margin:0 0 10px 0; }
#member_box .form_final { margin:0; }

/*驗證碼*/
#member_box .code_pic { position:relative; margin:0 0 10px 0; padding:0 0 80px 0; text-align:left; }
#member_box .code_pic img { position:absolute; top:40px; left:0px; width:95px; height:30px; overflow:hidden; }
#member_box .code_btn { position:absolute; top:80px; left:0px; margin:0; padding:5px 0; width:120px; background:#e45c5c; border:none; font-size:14px; line-height:20px; text-align:center; color:#FFF;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-appearance:none; /*去除系统默认的样式*/ 
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;  }
#member_box .code_btn:hover { background:#c74848; }

/*報名紀錄*/
#order_box .title { display:none;}
#order_box .form_c { float:none; width:100%; }
#order_box .form_l2 { display:none; }
#order_box .form_l3, #order_box .form_l4 { float:left; width:50%; }

/*課程報名*/
#member_box .classstep ul li h4 {  font-size:17px;}

/*epaper 訂閱電子報*/
#don_menu .epaper { right: auto; }

}