@charset "utf-8";
/* ======================= 全站基本設置 ======================= */
* { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
html, body { margin:0; padding:0; height:100%; scroll-behavior:smooth; }
body { background:url(../images/bg.jpg) repeat fixed; }
input[type="submit"], input[type="reset"], input[type="button"], select, button { -webkit-appearance:none; }
select { background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat right center; }
a { text-decoration:none; }
a:link, a:visited { text-decoration:none; cursor:pointer; }
a:focus, button:focus, input:focus, textarea:focus, select:focus { outline:2px dashed #CE1220 !important; outline-offset:-2px !important; }
table,th,td { margin:0; padding:0; border:none; outline:none; border-collapse:collapse; border-spacing:0; }
img, table, iframe { max-width:100%; }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; visibility:hidden; height:0; }

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

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

/*跳到主要內容區塊*/
.skip_to_content { position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; }
.skip_to_content a { text-decoration:none;}
.skip_to_content:focus { width:auto; height:auto; margin:0; overflow:visible; }

.the_content { position:absolute; top:-20px; left:0; color:#ddd; }
.accesskeyU {}
.accesskeyC { position:absolute; top:0; left:0; color:#ff5722; }

/* ======================= 全站通用區塊 ======================= */
/* ----- WRAPPER 全站 ----- */
#wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.backindex a,.totop a { position:fixed; z-index:998; display:block; width:40px; height:40px; padding:5px; line-height:20px; text-align:center; color:#FFF; opacity:0.8;
background: #ff5722;
background: linear-gradient(to right,  #ff5722 0%,#fe9700 100%);
background: -moz-linear-gradient(left,  #ff5722 0%, #fe9700 100%);
background: -webkit-linear-gradient(left,  #ff5722 0%,#fe9700 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#fe9700',GradientType=1 );
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.backindex a:hover,.totop a:hover { opacity:1; }
.backindex a { bottom:80px; right:25px; }
.totop a { bottom:25px; right:25px; }

/*浮動廣告*/
#inx_floatbox { position:fixed; z-index:9998; top:50%; right:20px; margin:-270px 0 0 0; width:100px; height:540px; }
#floatbox { position:fixed; z-index:9998; top:50%; right:20px; margin:-270px 0 0 0; width:100px; height:540px; }
.floatbox { position:absolute; display:flex; justify-content:center; align-items:center;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-webkit-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.floatbox a { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:100px; text-align:center; line-height:30px; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; }
.floatbox p { width:48px; margin:0; padding:10px 0; font-size:1.5em; line-height:1.2em; font-weight:bold; }
.floatbox i { display:block; font-size:2.1em; }
.floatbox i.fas.fa-arrow-circle-right { font-size:1.2em; }

#inx_floatbox div:nth-child(3n+1),#floatbox div:nth-child(3n+1) { background:#35c0ff;
background:linear-gradient(135deg,#35c0ff 1%,#2196f3 100%);
background:-moz-linear-gradient(-45deg,#35c0ff 1%, #2196f3 100%);
background:-webkit-linear-gradient(-45deg,#35c0ff 1%,#2196f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c0ff', endColorstr='#2196f3',GradientType=1 ); }
#inx_floatbox div:nth-child(3n+1):hover,#floatbox div:nth-child(3n+1):hover { 
background:#2196f3;
background:linear-gradient(135deg,#2196f3 1%,#35c0ff 100%);
background:-moz-linear-gradient(-45deg,#2196f3 1%, #35c0ff 100%);
background:-webkit-linear-gradient(-45deg,#2196f3 1%,#35c0ff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#35c0ff',GradientType=1 ); }

#inx_floatbox div:nth-child(3n+2),#floatbox div:nth-child(3n+2) { background:#8bc34a;
background:linear-gradient(135deg,#8bc34a 5%,#4caf50 100%);
background:-moz-linear-gradient(-45deg,#8bc34a 5%, #4caf50 100%);
background:-webkit-linear-gradient(-45deg,#8bc34a 5%,#4caf50 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#4caf50',GradientType=1 ); }
#inx_floatbox div:nth-child(3n+2):hover,#floatbox div:nth-child(3n+2):hover {
background:#4caf50;
background:linear-gradient(135deg,#4caf50 5%,#8bc34a 100%);
background:-moz-linear-gradient(-45deg,#4caf50 5%, #8bc34a 100%);
background:-webkit-linear-gradient(-45deg,#4caf50 5%,#8bc34a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#8bc34a',GradientType=1 ); }

#inx_floatbox div:nth-child(3n+3),#floatbox div:nth-child(3n+3) { background:#b832da;
background:linear-gradient(135deg,#b832da 1%,#7d47dd 100%);
background:-moz-linear-gradient(-45deg,#b832da 1%, #7d47dd 100%);
background:-webkit-linear-gradient(-45deg,#b832da 1%,#7d47dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b832da', endColorstr='#7d47dd',GradientType=1 ); }
#inx_floatbox div:nth-child(3n+3):hover,#floatbox div:nth-child(3n+3):hover {
background:#7d47dd;
background:linear-gradient(135deg,#7d47dd 1%,#b832da 100%);
background:-moz-linear-gradient(-45deg,#7d47dd 1%, #b832da 100%);
background:-webkit-linear-gradient(-45deg,#7d47dd 1%,#b832da 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d47dd', endColorstr='#b832da',GradientType=1 ); }

.float01 { top:0px; right:0px; }
.float02 { top:110px; right:0px; }
.float03 { top:220px; right:0px; }
.float04 { top:330px; right:0px; }
.float05 { top:440px; right:0px; }

/* ----- HEADER ----- */
#inx_header { position:relative; top:0px; left:0px; right:0px; z-index:9997; width:100%; height:100vh; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#header { width:100%; height:90px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*NAV*/
#inx_header #nav { position:absolute; top:30px; left:0px; right:0px; z-index:998; width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:flex-end; -webkit-box-sizing:border-box; box-sizing:border-box; }
#header #nav { position:absolute; top:15px; left:0px; right:0px; z-index:998; width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:flex-end; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*LOGO*/
#logo { margin-right:auto; }
#logo a { display:block; width:340px; height:60px; background:url(../images/logo.png) no-repeat left center; text-indent:-9999px; }
/*LOGO-RWD時可點擊連結區塊*/
#logo_m { display:none; position:absolute; top:0px; left:0px; z-index:9999; }
#logo_m a { display:block; width:300px; height:50px; text-indent:-9999px; }

/*QLINK 上方導覽列*/
#inx_header #qlink { margin:0; }
#header #qlink { margin:10px 0 0 0; }
#qlink ul { margin:0; padding:0; display:flex; }
#qlink ul li { margin:0 5px 0 0; padding:0; list-style:none; }
#qlink ul li i { margin:0 5px 0 0; }
#qlink ul li a { display:block; padding:10px 15px; background:#ff5722; font-size:.95em; line-height:20px; color:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#qlink ul li a:hover { background:#d34600; }
#qlink ul li:first-child a { background:none; }

#qlink .ig,#qlink .fb,#qlink .yt { width:40px; height:40px; padding:0; text-indent:-9999px; opacity:1; }
#qlink .ig:hover,#qlink .fb:hover,#qlink .yt:hover { opacity:0.8; }
#qlink .ig,#qlink .ig:hover { background:url(../images/community/icon_instagram_d.svg) no-repeat; }
#qlink .fb,#qlink .fb:hover { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
#qlink .yt,#qlink .yt:hover { background:url(../images/community/icon_youtube_d.svg) no-repeat; }

/*LAN 語系選擇*/
#lan {}
#lan select { border:none; padding:10px 40px 10px 15px; background:#fe9700 url(../images/nav_selectarrow.png) no-repeat right center; font-size:.95em; color:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }

/*SEARCH*/
#inx_header #search { position:relative; display:flex; margin:0; width:180px; height:40px; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#header #search { position:relative; display:flex; margin:10px 0 0 0; width:180px; height:40px; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#search label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; }
#search .text { margin:0; padding:5px 10px; width:120px; height:30px; border:none; background:#ff5722; font-size:90%; color:#FFF; }
#search .btn { margin:0; padding:0; width:40px; height:40px; border:none; background:#ff5722 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }
/*-- placeholder文字顏色 --*/
#search .text::-webkit-input-placeholder { color:#FFF; }/*webkit瀏覽器專用*/
#search .text input::-moz-placeholder { color:#FFF; }/*Firefox 4-18瀏覽器專用*/
#search .text input::-moz-placeholder { color:#FFF; }/*Firefox 19+瀏覽器專用*/
#search .text:-ms-input-placeholder { color:#FFF; }/*IE10瀏覽器專用*/

.search_m { position:relative; width:100%; height:40px; padding:5px 35px 5px 5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; text-indent:-99px }
.search_m .text { margin:0; padding:5px 10px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:100%; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m .btn { position:absolute; top:5px; right:5px; margin:0; padding:0; width:30px; height:30px; border:none; background:#f5f5f5 url(../images/icon_search_o.png) no-repeat center; text-indent:9999px; }

/* ----- MENU ----- */
#header #menu_all { top:45px; }
#inx_menu_all { position:absolute; bottom:0px; left:0px; z-index:998; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;
background: #ff5722;
background: linear-gradient(to right,  #ff5722 0%,#ffc107 100%);
background: -moz-linear-gradient(left,  #ff5722 0%, #ffc107 100%);
background: -webkit-linear-gradient(left,  #ff5722 0%,#ffc107 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#ffc107',GradientType=1 );
-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; }
#menu_all { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;
background: #ff5722;
background: linear-gradient(to right,  #ff5722 0%,#ffc107 100%);
background: -moz-linear-gradient(left,  #ff5722 0%, #ffc107 100%);
background: -webkit-linear-gradient(left,  #ff5722 0%,#ffc107 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#ffc107',GradientType=1 );
-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; }

/*MENU_手機板選單*/
#m_top_menu { display:none; }
.slicknav_menu { display:none; }

/*MENU*/
#top_menu { width:1200px; max-width:100%; margin:0 auto; }
#top_menu ul { display:flex; justify-content:space-around; margin:0; padding:0; }
#top_menu ul li { margin:0; padding:0; list-style:none; width:100%; text-align:center; }
#top_menu ul li h2 { margin:0; padding:0; font-size:110%; line-height:25px; pointer-events:none; }
#top_menu ul li i { display:block; font-size:220%; line-height:40px; margin:0 0 5px 0; }
#top_menu ul li a { position:relative; display:block; padding:20px 5px; text-align:center; color:#FFF;
-webkit-text-shadow:0px 0 5px #ff5722;
-moz-text-shadow:0px 0 5px #ff5722;
-ms-text-shadow:0px 0 5px #ff5722;
-o-text-shadow:0px 0 5px #ff5722;
text-shadow:0px 0 5px #ff5722;
background: linear-gradient(135deg,  rgba(255,193,7,0.3) 0%,rgba(255,87,34,0.3) 100%);
background: -moz-linear-gradient(-45deg,  rgba(255,193,7,0.3) 0%, rgba(255,87,34,0.3) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,193,7,0.3) 0%,rgba(255,87,34,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffc107', endColorstr='#4dff5722',GradientType=1 );
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out; }
#top_menu ul li a:hover,#top_menu ul li.cur a { background:#FFF; color:#ff5722;
-webkit-text-shadow:0px 0 5px #fff;
-moz-text-shadow:0px 0 5px #fff;
-ms-text-shadow:0px 0 5px #fff;
-o-text-shadow:0px 0 5px #fff;
text-shadow:0px 0 5px #fff; }

#top_menu .logo { display:none; }
#top_menu .m_open { display:none !important; }

/*----- HEADER 收縮 -----*/
.shrink { position:fixed !important; top:0px !important; left:0px; z-index:9997; width:100%; max-height:70px !important; }
.shrink #top_menu .logo { display:block; width:70%; }
.shrink #top_menu .logo h1 { margin:0; padding:0; text-indent:-9999px; }
.shrink #top_menu .logo a { padding:0px !important; height:70px; background-image:url(../images/logos.png); background-repeat:no-repeat; background-position:center; }
.shrink #top_menu .logo a:hover { background-image:url(../images/logos_.png); }
.shrink #top_menu ul li i { display:none; font-size:150%; line-height:25px; margin:0 10px 0 0; }
.shrink #top_menu ul li h2 { display:inline-block; }
.shrink #top_menu ul li a { padding:22px 5px; }

/* ----- BANNER ----- */
#banner { position:relative; width:100%; height:calc(100vh - 110px); margin:0 auto; overflow:hidden; }
#banner:before { position:absolute; top:0px; left:0px; z-index:997; content:""; width:100%; height:157px; background:url(../images/banner_topbg.png) repeat-x top left; }
#banner .banner_arrow_l { display:block; position:absolute; top:50%; left:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_l.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; 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:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_r.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banner .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner .pic a { display:block; width:100%; height:100vh; background-position:center; background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover; }
#banner .pic b { position:relative; display:block; margin:0 auto; width:100%; height:100vh; max-width:1920px; overflow:hidden; }
#banner .pic b:before { position:absolute; top:0px; left:0px; z-index:997; content:""; width:100%; height:157px; background:url(../images/banner_topbg.png) repeat-x top left; }
#banner .pic b img { width:100%; margin:0 auto; }
#banner .cycle-slide { margin:0 auto; }
#banner .cycle-pager { text-align:center; z-index:500; position:absolute; bottom:130px; left:0px; right:0px; overflow:hidden; }
#banner .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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; }
#banner .cycle-pager span.cycle-pager-active { color:#ff5722; }
#banner .cycle-pager>* { cursor:pointer; }
/*平板手機板BANNER*/
#banner_m { display:none; position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; }
#banner_m .banner_arrow_l { display:block; position:absolute; top:50%; left:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_l.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banner_m .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner_m .banner_arrow_r { display:block; position:absolute; top:50%; ; right:0px; margin:-30px 0 0 0; background:url(../images/icon_arrow_r.svg) no-repeat; width:60px; height:60px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; z-index:997; }
#banner_m .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#banner_m .pic a { display:block; width:100%; height:auto; background-position:center; background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover; }
#banner_m .pic b { position:relative; display:block; margin:0 auto; width:100%; height:auto; max-width:1920px; overflow:hidden; }
#banner_m .pic b img { width:100%; margin:0 auto; }
#banner_m .cycle-slide { margin:0 auto; }
#banner_m .cycle-pager { text-align:center; z-index:500; position:absolute; bottom:10px; left:0px; right:0px; overflow:hidden; }
#banner_m .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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; }
#banner_m .cycle-pager span.cycle-pager-active { color:#ff5722; }
#banner_m .cycle-pager>* { cursor:pointer; }

/* ----- CONTENT ----- */
#inx_content_all { width:100%; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; /*background:url(../images/bg02.png) no-repeat top center fixed;*/ }
#inx_content { display:block; position:relative; width:100%; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
#content_all { width:100%; margin:0; padding:30px 1%; -webkit-box-sizing:border-box; box-sizing:border-box; /*background:url(../images/bg02.png) no-repeat top center fixed;*/ }
#content { display:flex; justify-content:space-between; position:relative; width:100%; max-width:1200px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*FULL滿版區塊*/
#full_block {}

/*LEFT左邊區塊*/
#left_block { width:230px; }

/*SUB_MENU*/
#sub_menu { background:#FFF; border:solid 1px #ddd; overflow:hidden;
-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.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }

#sub_menu .box_tit { padding:13px 20px; font-size:1.2em; font-weight:bold; line-height:30px; color:#FFF;
background: #ff5722;
background: linear-gradient(to right,  #ff5722 0%,#ffc107 100%);
background: -moz-linear-gradient(left,  #ff5722 0%, #ffc107 100%);
background: -webkit-linear-gradient(left,  #ff5722 0%,#ffc107 100%);
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }
#sub_menu .box_tit h2 { margin:0px; padding:0px; line-height:24px; color:#FFF; }

#sub_menu ul { margin:0; padding:0; }
#sub_menu ul li { margin:0; padding:0; list-style:none; }
#sub_menu ul li h2 { margin:0; padding:0; line-height:20px; }
#sub_menu ul li a { display:block; padding:10px 20px 10px 30px; font-size:1em; font-weight:bold; line-height:22px; color:#555;
background:#fff url(../images/sub_menubg_b.png) no-repeat 7px 11px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; }
#sub_menu ul li a:hover { background:#fdfdfd url(../images/sub_menubg_o.png) no-repeat 7px 11px; color:#333; }
#sub_menu ul li.cur>a { position:relative; background:#fdfdfd url(../images/sub_menubg_o.png) no-repeat 7px 11px; color:#000; }

#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 h2 { margin:0; padding:0; line-height:20px; }
#sub_menu ul li ul li a { display:block; font-size:1em; font-weight:normal; line-height:22px; color:#555;
	background:#f1f1f1 url(../images/sub_menubg_point.png) no-repeat 24px 10px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; padding:10px 20px 10px 45px; }
#sub_menu ul li ul li a:hover { background:#e5e5e5 url(../images/sub_menubg_point_.png) no-repeat 24px 10px; color:#333; }
#sub_menu ul li ul li.cur>a { position:relative; background:#e5e5e5 url(../images/sub_menubg_point_.png) no-repeat 24px 10px; color:#000; }
#sub_menu ul li ul li.cur>a:after { content:""; position:absolute; top:10px; left:250px; z-index:9999; width:0px; height:0px;
border-color:transparent transparent transparent #f1f1f1;
border-style:solid solid solid solid;
border-width:8px; }

/*第三層選單*/
#third_menu { margin:-1px 0 0 0; background:#fff; border-bottom:solid 1px #ededed; }
#third_menu ul { display:block; margin:0; padding:16px; text-align:left;/*用文字方向可控制按鈕位置*/ }
#third_menu ul li { display:inline-block; margin:4px; padding:0; list-style:none; }
#third_menu ul li a { display:block; padding:6px 15px; background:#e8eaeb; line-height:20px; color:#656d73;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#third_menu ul li a:hover { background:#798287; color:#FFF; }
#third_menu ul li a.cur { color:#FFF; background:#54cb11;
background:-webkit-radial-gradient(center, ellipse cover, #54cb11 0%,#9dd127 90%);
background:-moz-radial-gradient(center, ellipse cover, #54cb11 0%, #9dd127 90%);
background:radial-gradient(ellipse at center, #54cb11 0%,#9dd127 90%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 );
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }

/*MAIN主要區塊*/
#main_block { width:calc(100% - 260px); margin-left:auto; background:#FFF; border:solid 1px #ddd; overflow:hidden;
-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.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#main_tit { padding:15px 20px; border-bottom:solid 1px #eee; background:#f8f8f8; }
#main_tit h3 { margin:0; padding:0; font-size:1.8em; font-weight:bold; }
#main_info { padding:30px; }
/*print列印區塊*/
#printcontext {}
/*PATH麵包屑*/
#path { font-size:.95em; line-height:20px; color:#999; padding:18px 20px; border-bottom:solid 1px #eee; }
#path a { color:#666; }
#path a:hover,#path a.cur { color:#333; }
/*發布日期*/
#releasedate { padding:20px 30px; color:#666; }
/*內頁搜尋框_有下拉框*/
.box_search { position:relative; height:30px; margin-bottom:30px; padding:0 40px 0 0; }
.box_search .tit { display:none; }
.box_search .sel { float:left; margin:0 1% 0 0; padding:5px; width:24%; height:40px; border:none; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat right center; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search .text { margin:0; padding:5px 10px; width:100%; height:40px; border:none; background:#f5f5f5; font-size:.95em; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.box_search .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:40px; height:40px; background:#f5f5f5 url(../images/icon_search_o.png) no-repeat center; text-indent:9999px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-right:solid 1px #ededed; border-left:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
/*內頁搜尋框_無下拉框*/
.box_search2 { position:relative; height:30px; margin-bottom:20px; padding:0 30px 0 0; }
.box_search2 .tit { display:none; }
.box_search2 .text { margin:0; padding:5px; width:100%; height:30px; border:none; background:#f5f5f5; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.box_search2 .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:30px; height:30px; background:#f5f5f5 url(../images/icon_search.png) no-repeat center; text-indent:9999px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-right:solid 1px #ededed; border-left:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }

/* ----- FOOTER -----*/
#footer { width:100%; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*DON_MENU*/
#don_menu { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;
background: #ff5722;
background: linear-gradient(to right,  #ff5722 0%,#ffc107 100%);
background: -moz-linear-gradient(left,  #ff5722 0%, #ffc107 100%);
background: -webkit-linear-gradient(left,  #ff5722 0%,#ffc107 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#ffc107',GradientType=1 );
-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; }
#don_menu ul { display:flex; justify-content:space-around; width:1200px; max-width:100%; margin:0 auto; padding:0; }
#don_menu ul li { margin:0; padding:0; list-style:none; width:100%; text-align:center; }
#don_menu ul li i { display:block; font-size:220%; line-height:40px; margin:0 0 5px 0; }
#don_menu ul li h2 { margin:0; padding:0; font-size:110%; line-height:25px; pointer-events:none; }
#don_menu ul li a { position:relative; display:block; padding:20px 5px; text-align:center; color:#FFF;
-webkit-text-shadow:0px 0 5px #ff5722;
-moz-text-shadow:0px 0 5px #ff5722;
-ms-text-shadow:0px 0 5px #ff5722;
-o-text-shadow:0px 0 5px #ff5722;
text-shadow:0px 0 5px #ff5722;
background: linear-gradient(135deg,  rgba(255,193,7,0.3) 0%,rgba(255,87,34,0.3) 100%);
background: -moz-linear-gradient(-45deg,  rgba(255,193,7,0.3) 0%, rgba(255,87,34,0.3) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,193,7,0.3) 0%,rgba(255,87,34,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffc107', endColorstr='#4dff5722',GradientType=1 );
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out; }
#don_menu ul li a:hover,#top_menu ul li.cur a { background:#FFF; color:#ff5722;
-webkit-text-shadow:0px 0 5px #fff;
-moz-text-shadow:0px 0 5px #fff;
-ms-text-shadow:0px 0 5px #fff;
-o-text-shadow:0px 0 5px #fff;
text-shadow:0px 0 5px #fff; }

#copyright { padding:20px; font-size:.95em; line-height:20px; color:#FFF; text-align:center;
background: rgb(153,0,0);
background: linear-gradient(135deg,  rgba(153,0,0,1) 0%,rgba(254,132,67,1) 100%);
background: -moz-linear-gradient(-45deg,  rgba(153,0,0,1) 0%, rgba(254,132,67,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(153,0,0,1) 0%,rgba(254,132,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#fe8443',GradientType=1 ); }
#copyright i { margin:0 10px 0 30px; }


/* ======================= 主要內容區塊 ======================= */
/* ----- INDEX ----- */
#inx_top_box { width:100%; padding:120px 0 100px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_cen_box { width:100%; padding:100px 0; background:url(../images/bg02.jpg) repeat fixed; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_don_box { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.inx_top_info { width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*.inx_don_info { width:100%; max-width:1200px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; }*/

/*INX BANNER*/
#inx_banner_box { position:relative; width:50%; padding:0 50px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }

#inx_banner_box .box_tit { max-width:160px; margin:0 auto 45px auto; font-size:1.3em; font-weight:bold; line-height:35px; color:#FFF; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;
background:#8bc34a;
background:linear-gradient(135deg,#8bc34a 5%,#4caf50 100%);
background:-moz-linear-gradient(-45deg,#8bc34a 5%, #4caf50 100%);
background:-webkit-linear-gradient(-45deg,#8bc34a 5%,#4caf50 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#4caf50',GradientType=1 ); }
#inx_banner_box .box_tit:hover { background:#4caf50;
background:linear-gradient(135deg,#4caf50 5%,#8bc34a 100%);
background:-moz-linear-gradient(-45deg,#4caf50 5%, #8bc34a 100%);
background:-webkit-linear-gradient(-45deg,#4caf50 5%,#8bc34a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#8bc34a',GradientType=1 ); }
#inx_banner_box .box_tit a { display:block; padding:10px 35px; color:#FFF; }

#inx_banner_box .banner_arrow_l { display:block; position:absolute; top:50%; left:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_l.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
#inx_banner_box .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#inx_banner_box .banner_arrow_r { display:block; position:absolute; top:50%;; right:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_r.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
#inx_banner_box .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#inx_banner_box .pic a { display:block; position:relative; width:100%; }
#inx_banner_box .pic b { display:block; width:100%; height:auto; overflow:hidden; }
#inx_banner_box .pic b img { width:100%; }
#inx_banner_box .pic p { position:absolute; bottom:0px; left:0px; right:0px; width:100%; margin:0; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,0,0,0.7); 
 font-size:1.15em; font-weight:bold; letter-spacing:5px; color:#FFF; text-align:center; }
#inx_banner_box .pic:hover p { background:rgba(0,0,0,0.8); }
#inx_banner_box .cycle-slide { margin:0 auto; }
#inx_banner_box .cycle-pager { text-align:center; z-index:500; position:absolute; top:10px; left:0px; right:0px; overflow:hidden; }
#inx_banner_box .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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_banner_box .cycle-pager span.cycle-pager-active { color:#ff5722; }
#inx_banner_box .cycle-pager>* { cursor:pointer; }

/*INX POST 最新公告*/
#inx_post_box { width:50%; }
#inx_post_box .tabs { display:flex; justify-content:center; margin:0 0 45px 0; padding:0;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
-ms-border-radius:5px 5px 0px 0px;
-o-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px; }
#inx_post_box .tabs li { margin:0 5px; padding:0; list-style:none; }
#inx_post_box .tabs li a { display:block; padding:10px 35px; font-size:1.3em; font-weight:bold; line-height:35px; color:#FFF; text-align:center; }

/*----- 藍色 -----*/
/*初始樣式*/
#inx_post_box .tabs li:nth-child(3n+1) { background:#35c0ff;
background:linear-gradient(135deg,#35c0ff 1%,#2196f3 100%);
background:-moz-linear-gradient(-45deg,#35c0ff 1%, #2196f3 100%);
background:-webkit-linear-gradient(-45deg,#35c0ff 1%,#2196f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c0ff', endColorstr='#2196f3',GradientType=1 ); }
/*載入樣式*/
#inx_post_box .tabs li:nth-child(3n+1) a.news { background:#35c0ff;
background:linear-gradient(135deg,#35c0ff 1%,#2196f3 100%);
background:-moz-linear-gradient(-45deg,#35c0ff 1%, #2196f3 100%);
background:-webkit-linear-gradient(-45deg,#35c0ff 1%,#2196f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c0ff', endColorstr='#2196f3',GradientType=1 ); }
/*滑過樣式*/
#inx_post_box .tabs li:nth-child(3n+1) a.news_current { background:#2196f3;
background:linear-gradient(135deg,#2196f3 1%,#35c0ff 100%);
background:-moz-linear-gradient(-45deg,#2196f3 1%, #35c0ff 100%);
background:-webkit-linear-gradient(-45deg,#2196f3 1%,#35c0ff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#35c0ff',GradientType=1 ); }

/*----- 綠色 -----*/
/*初始樣式*/
#inx_post_box .tabs li:nth-child(3n+2) { background:#8bc34a;
background:linear-gradient(135deg,#8bc34a 5%,#4caf50 100%);
background:-moz-linear-gradient(-45deg,#8bc34a 5%, #4caf50 100%);
background:-webkit-linear-gradient(-45deg,#8bc34a 5%,#4caf50 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#4caf50',GradientType=1 ); }
/*載入樣式*/
#inx_post_box .tabs li:nth-child(3n+2) a.news { background:#8bc34a;
background:linear-gradient(135deg,#8bc34a 5%,#4caf50 100%);
background:-moz-linear-gradient(-45deg,#8bc34a 5%, #4caf50 100%);
background:-webkit-linear-gradient(-45deg,#8bc34a 5%,#4caf50 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#4caf50',GradientType=1 ); }
/*滑過樣式*/
#inx_post_box .tabs li:nth-child(3n+2) a.news_current { background:#4caf50;
background:linear-gradient(135deg,#4caf50 5%,#8bc34a 100%);
background:-moz-linear-gradient(-45deg,#4caf50 5%, #8bc34a 100%);
background:-webkit-linear-gradient(-45deg,#4caf50 5%,#8bc34a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#8bc34a',GradientType=1 ); }


/*----- 紫色 -----*/
/*初始樣式*/
#inx_post_box .tabs li:nth-child(3n+3) { background:#b832da;
background:linear-gradient(135deg,#b832da 1%,#7d47dd 100%);
background:-moz-linear-gradient(-45deg,#b832da 1%, #7d47dd 100%);
background:-webkit-linear-gradient(-45deg,#b832da 1%,#7d47dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b832da', endColorstr='#7d47dd',GradientType=1 ); }
/*載入樣式*/
#inx_post_box .tabs li:nth-child(3n+3) a.news { background:#b832da;
background:linear-gradient(135deg,#b832da 1%,#7d47dd 100%);
background:-moz-linear-gradient(-45deg,#b832da 1%, #7d47dd 100%);
background:-webkit-linear-gradient(-45deg,#b832da 1%,#7d47dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b832da', endColorstr='#7d47dd',GradientType=1 ); }
/*滑過樣式*/
#inx_post_box .tabs li:nth-child(3n+3) a.news_current { background:#7d47dd;
background:linear-gradient(135deg,#7d47dd 1%,#b832da 100%);
background:-moz-linear-gradient(-45deg,#7d47dd 1%, #b832da 100%);
background:-webkit-linear-gradient(-45deg,#7d47dd 1%,#b832da 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d47dd', endColorstr='#b832da',GradientType=1 ); }


/*切換POST列表*/
#inx_post_box .tab_info {}
#inx_post_box .tab_info ul { margin:0; padding:0; }
#inx_post_box .tab_info ul li { margin:0 0 15px 0; padding:0; list-style:none;  }
#inx_post_box .tab_info ul li h3 { width:calc(100% - 100px); margin:0; padding:10px; font-size:1.1em; font-weight:normal; line-height:30px; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inx_post_box .tab_info ul li span { width:100px; margin:0; padding:10px 0; font-size:.8em; line-height:30px; color:#FFF; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;
background:#fe9700;
/*background:linear-gradient(to right,#ff6633 0%,#fe9700 100%);
background:-moz-linear-gradient(left,#ff6633 0%, #fe9700 100%);
background:-webkit-linear-gradient(left,#ff6633 0%,#fe9700 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#fe9700',GradientType=1 );*/ }
#inx_post_box .tab_info ul li a { position:relative;  display:flex; background:#FFF; overflow:auto; color:#333; overflow:hidden;
-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_post_box .tab_info ul li a:hover { color:#000;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
box-shadow:rgba(0,0,0,0.4) 0px 0 5px; }
/*藍色三角形*/
#news_area0.tab_info ul li a:before { content:""; position:absolute; bottom:0px; right:0px; opacity:0.5;
border-color:transparent #35c0ff #35c0ff transparent;
border-style: solid solid solid solid;
border-width:10px; }
#news_area0.tab_info ul li a:hover:before { opacity:1; }
/*綠色三角形*/
#news_area1.tab_info ul li a:before { content:""; position:absolute; bottom:0px; right:0px; opacity:0.5;
border-color:transparent #8bc34a #8bc34a transparent;
border-style: solid solid solid solid;
border-width:10px; }
#news_area1.tab_info ul li a:hover:before { opacity:1; }
/*紫色三角形*/
#news_area2.tab_info ul li a:before { content:""; position:absolute; bottom:0px; right:0px; opacity:0.5;
border-color:transparent #b832da #b832da transparent;
border-style: solid solid solid solid;
border-width:10px; }
#news_area2.tab_info ul li a:hover:before { opacity:1; }

/*SCHOOL CLASS 國中高中高職*/
.schoolclass {}
.schoolclass ul { display:flex; margin:0; padding:0; list-style:none; }
.schoolclass ul li { margin:0; padding:0; list-style:none; width:100%; max-height:300px; overflow:hidden; }
.schoolclass ul li a { display:block; position:relative; background:#FFF; }
.school_pic { width:100%; }
.school_pic img { width:100%; margin:0 0 -4px 0; }
.school_text { position:absolute; top:0px; left:0px; display:flex; justify-content:center; align-items:center; width:30%; height:100%; max-height:300px;
-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; }
.school_text:before { content:""; position:absolute; top:0px; right:-100px; width:100px; height:300px; max-height:100%; }

.schoolclass ul li a:hover .school_text { width:100%; }
.schoolclass ul li a:hover .school_text:before { display:none; }
.school_text p { margin:0; padding:0; font-size:1.2em; font-weight:bold; line-height:30px; color:#FFF; }
/*國中*/
.text01 { background:rgba(76,175,80,0.8); }
.text01:before { background:url(../images/text01_bg.png) no-repeat top right; }
/*高中*/
.text02 { background:rgba(33,150,243,0.8); }
.text02:before { background:url(../images/text02_bg.png) no-repeat top right; }
/*高職*/
.text03 { background:rgba(125,71,221,0.8); }
.text03:before { background:url(../images/text03_bg.png) no-repeat top right; }

/*INX NEWS 最新消息 - 圖片RWD固定高度*/
#inx_news_box { width:100%; max-width:1200px; margin:0 auto; padding:0 0 50px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .box_tit { width:250px; margin:0 auto 120px auto; padding:15px; font-size:1.8em; font-weight:bold; line-height:30px; color:#FFF; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;
background:#b832da;
background:linear-gradient(135deg,#b832da 1%,#7d47dd 100%);
background:-moz-linear-gradient(-45deg,#b832da 1%, #7d47dd 100%);
background:-webkit-linear-gradient(-45deg,#b832da 1%,#7d47dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b832da', endColorstr='#7d47dd',GradientType=1 ); }

#inx_news_box .box_list { width:100%; }
#inx_news_box .box_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
#inx_news_box .box_list ul li { margin:0 1% 3% 1%; padding:0; list-style:none; width:48%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .box_list ul li a { display:block; color:#555; }
#inx_news_box .box_list ul li a:hover { color:#000; }
#inx_news_box .box_list ul li a:hover .box_text { background:#FFF; }

#inx_news_box .box_pic {}
#inx_news_box .box_pic b { display:block; margin:0; padding:0; width:100%; background:#FFF; overflow:hidden; }
#inx_news_box .box_pic b img { width:100%; margin:0 0 -5px 0; }

#inx_news_box .box_text { position:relative; padding:50px; background:#fafafa; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-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_text h3 { margin:0 0 15px 0; padding:0; font-size:1.5em; font-weight:bold; line-height:30px; max-height:60px; overflow:hidden; }
#inx_news_box .box_text p { margin:0 0 15px 0; padding:0; font-size:1em; line-height:25px; max-height:50px; overflow:hidden; }
#inx_news_box .box_text span { display:block; margin:0 0 15px 0; padding:0; font-size:.8em; line-height:16px; color:#666; }
#inx_news_box .box_text samp { display:block; margin:0; padding:0; font-size:.85em; line-height:30px; color:#333; }
#inx_news_box .box_text samp i { position:relative; top:3px; margin-right:5px; font-size:1.3em; color:#fe9700;  }
#inx_news_box .box_list ul li a:hover .box_text {
-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_tag { position:absolute; top:-20px; left:50px; padding:10px 15px; font-size:.95em; font-weight:bold; line-height:20px; color:#FFF; 
background:#ff6633;
background:linear-gradient(to right,#ff6633 0%,#fe9700 100%);
background:-moz-linear-gradient(left,#ff6633 0%, #fe9700 100%);
background:-webkit-linear-gradient(left,#ff6633 0%,#fe9700 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#fe9700',GradientType=1 ); }
/*
#inx_news_box .box_list ul li:first-child { width:98%; padding:0 0 120px 0; }
#inx_news_box .box_list ul li:first-child .box_text { padding:60px 75px; }
#inx_news_box .box_list ul li:first-child .box_text h3 { font-size:1.8em; font-weight:bold; line-height:40px; max-height:80px; }
#inx_news_box .box_list ul li:first-child .box_tag { left:75px; }*/

/*RECRUIT CLOTHING 服裝介紹 - 多圖片區塊 - 輪播*/
#inx_link_box { width:100%; padding:50px 13px; background:url(../images/bg03.jpg) no-repeat top center fixed; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_link_box .box_tit { width:250px; margin:0 auto 30px auto; padding:15px; font-size:1.8em; font-weight:bold; line-height:30px; color:#FFF; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;
background:#b832da;
background:linear-gradient(135deg,#b832da 1%,#7d47dd 100%);
background:-moz-linear-gradient(-45deg,#b832da 1%, #7d47dd 100%);
background:-webkit-linear-gradient(-45deg,#b832da 1%,#7d47dd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b832da', endColorstr='#7d47dd',GradientType=1 ); }

#inx_link_box .box_list ul { max-width:1400px; margin:0 auto; padding:0; }
#inx_link_box .box_list ul li { margin:0; padding:0; list-style:none;}
#inx_link_box .box_list ul li b { display:block; width:100%; }
#inx_link_box .box_list ul li b img { width:100%; }
#inx_link_box .box_list ul li p { position:absolute; bottom:0px; left:0px; right:0px; width:100%; margin:0; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,0,0,0.7); 
 font-size:1em; letter-spacing:5px; text-align:center; }
#inx_banner_box .cycle-slide { margin:0 auto; }
#inx_banner_box .cycle-pager { text-align:center; z-index:500; position:absolute; top:10px; left:0px; right:0px; overflow:hidden; }
#inx_banner_box .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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_link_box .box_list ul li a { position:relative; display:block; background:#FFF; color:#ddd; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;
-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_link_box .box_list ul li a:hover { background:#fe9700; color:#fff;
-webkit-text-shadow: rgba(0,0,0,0.4) 0 0 3px;
-moz-text-shadow: rgba(0,0,0,0.4) 0 0 3px;
-ms-text-shadow: rgba(0,0,0,0.4) 0 0 3px;
-o-text-shadow: rgba(0,0,0,0.4) 0 0 3px;
text-shadow: rgba(0,0,0,0.4) 0 0 3px; }
#inx_link_box .box_list ul li a:hover p { background:rgba(0,0,0,0.8); }
/*輪播特效區塊*/
#inx_link_box .box_list .owl-carousel { position:relative; }
/*輪播箭頭*/
#inx_link_box .box_list .owl-nav { position:absolute; top:50%; width:100%; }
#inx_link_box .box_list .owl-prev { position:absolute; left:-70px; margin:-68px 0 0 0; width:50px; height:50px; background:url(../images/link_arrow_l.png) no-repeat center; text-indent:-9999px; }
#inx_link_box .box_list .owl-next { position:absolute; right:-70px; margin:-68px 0 0 0; width:50px; height:50px; background:url(../images/link_arrow_r.png) no-repeat center; text-indent:-9999px; }
/*輪播點點*/
#inx_link_box .box_list .owl-dots { margin:15px 0 0 0; }
#inx_link_box .owl-theme .owl-dots .owl-dot span { background:#FFF; border:solid 2px #F4AF48; }
#inx_link_box .owl-theme .owl-dots .owl-dot.active span,#inx_link_box .owl-theme .owl-dots .owl-dot:hover span { background:#7d47dd; border:solid 2px #7d47dd; }

/*影音列表*/
#inx_video_box { width:100%; max-width:1400px; margin:0 auto; padding:80px 0 30px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
#inx_video_box .box_list {}
#inx_video_box .box_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
#inx_video_box .box_list ul li { margin:0 1% 2% 1%; padding:0; list-style:none; width:31.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-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_video_box .box_list ul li b { position:relative; display:block; margin:0; padding:0; width:100%; height:240px; background:#ccc; overflow:hidden; }
#inx_video_box .box_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }*/
#inx_video_box .box_list ul li b { position:relative; display:block; height:0; padding:0; overflow:hidden; padding-bottom:56.25%; }
#inx_video_box .box_list ul li b img { position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0; }
#inx_video_box .box_list ul li i { display:block; position:absolute; top:50%; left:50%; z-index:998; margin:-40px 0 0 -40px; width:80px; height:80px; height:80px; background:rgba(0,0,0,0.5); border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-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_video_box .box_list ul li i:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
#inx_video_box .box_list ul li p { margin:0; padding:15px; font-size:1.1em; font-weight:bold; line-height:1.4em; }
#inx_video_box .box_list ul li a { display:block; height:100%; -webkit-box-sizing:border-box; box-sizing:border-box; color:#555; }
#inx_video_box .box_list ul li:hover { color:#333;
-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_video_box .box_list ul li:hover span { opacity:0.6; }

/* ----- RECRUIT ----- */
#recruit_box {}
#recruit_box .box_tit h4 { margin:15px 0; padding:0; font-size:1.2em; font-weight:bold; }
#recruit_box .box_tit h4 i { margin:0 5px 0 0; }

/*RECRUIT INFO 圖文區塊*/
#recruit_box .box_info { margin:0 0 30px 0; }

/*RECRUIT BANNER 大圖輪播*/
.box_banner_top { position:relative; max-height:500px; margin:-30px -30px 30px -30px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_banner_top .banner_arrow_l { display:block; position:absolute; top:50%; left:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_l.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
.box_banner_top .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.box_banner_top .banner_arrow_r { display:block; position:absolute; top:50%;; right:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_r.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
.box_banner_top .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.box_banner_top .pic b { display:block; width:100%; height:auto; max-height:500px; overflow:hidden; }
.box_banner_top .pic b img { width:100%; }
.box_banner_top .cycle-slide { margin:0 auto; }
.box_banner_top .cycle-pager { text-align:center; z-index:500; position:absolute; bottom:10px; left:0px; right:0px; overflow:hidden; }
.box_banner_top .cycle-pager span { font-family:arial; font-size:200%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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; }
.box_banner_top .cycle-pager span.cycle-pager-active { color:#ff5722; }
.box_banner_top .cycle-pager>* { cursor:pointer; }
/*RECRUIT BANNER 社團活動*/
.box_banner { margin:0 0 30px 0; overflow:hidden; }
.box_banner .banner_info { position:relative; max-height:600px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_banner .banner_arrow_l { display:block; position:absolute; top:50%; left:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_l.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
.box_banner .banner_arrow_l:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.box_banner .banner_arrow_r { display:block; position:absolute; top:50%;; right:10px; z-index:101; margin:-22px 0 0 0; background:url(../images/banner_arrow_r.png) no-repeat; width:32px; height:50px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.6; }
.box_banner .banner_arrow_r:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.box_banner .pic a { display:block; position:relative; width:100%; height:100%; max-height:600px; }
.box_banner .pic b { display:block; width:100%; height:auto; max-height:600px; overflow:hidden; }
.box_banner .pic b img { width:100%; }
.box_banner .pic p { position:absolute; bottom:0px; left:0px; right:0px; width:100%; margin:0; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,0,0,0.7); font-size:1.15em; font-weight:bold; color:#FFF; }
.box_banner .cycle-slide { margin:0 auto; }
.box_banner .cycle-pager { text-align:center; z-index:500; position:absolute; top:10px; left:0px; right:0px; overflow:hidden; }
.box_banner .cycle-pager span { font-family:arial; font-size:250%; width:18px; height:18px; display:inline-block; color:#FFF; cursor:pointer;
-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; }
.box_banner .cycle-pager span.cycle-pager-active { color:#ff5722; }
.box_banner .cycle-pager>* { cursor:pointer; }

/*RECRUIT FAQ 入學管道*/
.box_faq { margin:0 0 30px 0; }
.box_faq .op_all { margin:0 0 10px 0; background:#FFF; }
.box_faq .op_top {}
.box_faq .op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_faq .op_top a i { position:absolute; top:12px; right:10px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
.box_faq .op_top a h3 { display:inline-block; margin:0; padding:0; color:#FFF; }
.box_faq .op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
.box_faq .op_top a:hover,.box_faq .op_top.cur a { color:#fff;
background:#ff5722;
background:linear-gradient(to right,#ff5722 0%,#ffc107 100%);
background:-moz-linear-gradient(left,#ff5722 0%, #ffc107 100%);
background:-webkit-linear-gradient(left,#ff5722 0%,#ffc107 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#ffc107',GradientType=1 ); }
.box_faq .op_top a:hover i,.box_faq .op_top.cur a i { top:13px; right:15px; background:url(../images/icon_arrow_.png) no-repeat; }
.box_faq .op_top a:hover span,.box_faq .op_top.cur a span { color:#fff; }
.box_faq .op_don { padding:10px 20px; color:#333; background:#f1f1f1; }

/*RECRUIT CLASS 班別部別介紹*/
.box_class { margin:0 -30px 30px -30px; padding:40px 50px 50px 50px; background:url(../images/bg03.jpg) no-repeat top center fixed; background-size:cover; }
.box_class .box_tit h4 { color:#FFF;
-webkit-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
text-shadow:rgba(0,0,0,0.4) 0 0 5px; }
.box_class ul { display:flex; flex-flow:row wrap; margin:0; padding:0; }
.box_class ul li { margin:10px 1%; padding:0; list-style:none; overflow:hidden; width:23%; font-size:1em; font-weight:bold; text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.box_class ul li a { display:block; color:#FFF; padding:15px 10px;
-webkit-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-moz-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-ms-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
-o-text-shadow:rgba(0,0,0,0.4) 0 0 5px;
text-shadow:rgba(0,0,0,0.4) 0 0 5px; }
.box_class ul li i { margin:0 5px 0 0; }
.sclass01 { background:#35c0ff; }
.sclass01:hover { background:#2196f3; }
.sclass02 { background:#8bc34a; }
.sclass02:hover { background:#4caf50; }
.sclass03 { background:#b832da; }
.sclass03:hover { background:#7d47dd; }

/*RECRUIT CLOTHING 服裝介紹 - 多圖片區塊 - 輪播*/
.clothing_slider { margin:0 0 30px 0; }
.clothing_slider ul { margin:0; padding:0; }
.clothing_slider ul li { margin:0; padding:0; list-style:none; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.clothing_slider ul li b { display:block; margin:0; padding:0; width:100%; background:#ccc; overflow:hidden; text-align:center; }
.clothing_slider ul li b img { position:relative; width:100%; }
.clothing_slider ul li p { margin:0; padding:10px; line-height:20px; text-align:center; }
.clothing_slider ul li a { display:block; background:#ddd; color:#333; }
.clothing_slider ul li a:hover { background:#fe9700; color:#FFF;
-webkit-text-shadow:rgba(0,0,0,0.4) 0 0 3px;
-moz-text-shadow:rgba(0,0,0,0.4) 0 0 3px;
-ms-text-shadow:rgba(0,0,0,0.4) 0 0 3px;
-o-text-shadow:rgba(0,0,0,0.4) 0 0 3px;
text-shadow:rgba(0,0,0,0.4) 0 0 3px; }
.clothing_slider .owl-nav { display:none; }
.clothing_slider .owl-dots { display:none; }



/*ABOUT 內文文案*/
#about_box { margin:-10px 0 0 0; }
#about_box .box_info { overflow:auto; }
#about_box .box_info h4 { color:#ff5722; }
#about_box .box_info p { color:#666; text-align:justify; }
#about_box .box_info img { max-width:100%; }
#about_box .box_info ul { margin:0; padding:0; overflow:auto; }
#about_box .box_info ul li { list-style:none; background:url(../images/404_03.png) no-repeat 0px 6px; margin:10px 0; padding:0 0 0 18px; line-height:1.6em; color:#666; }
#about_box .box_info ol { margin:0; padding:0 0 0 20px; }
#about_box .box_info ol li { margin:10px 0; padding:0; line-height:1.6em; color:#666; }
#about_box .box_info a { color:#757575; }
#about_box .box_info a:hover { color:#ff5722; }

/*NEWS 最新消息*/
/*有圖列表(卡片式) - 圖片RWD固定高度*/
#news_box .box_list {}
#news_box .box_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
#news_box .box_list ul li { position:relative; margin:0 1% 3% 1%; padding:0; list-style:none; width:48%; background:#fdfdfd; border:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 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; }
#news_box .box_list ul li:hover { background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }
#news_box .box_list ul li a { display:block; overflow:auto; color:#555; }
#news_box .box_list ul li:hover a { color:#000; }
#news_box .box_pic {}
#news_box .box_pic b { display:block; margin:0; padding:0; width:100%; height:240px; background:#FFF; overflow:hidden; }
#news_box .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#news_box .box_text { padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#news_box .box_text h3 { margin:0; padding:0; font-size:1.17em; line-height:26px; max-height:56px; overflow:hidden; }
#news_box .box_text span { display:block; margin-top:10px; padding:0; font-size:.8em; line-height:16px; color:#ff6633; }
#news_box .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#9dd127; font-family:Arial; font-size:.85em; line-height:50px; text-align:center; color:#FFF; }

/*無圖列表*/
#news_box2 .box_list {}
#news_box2 .box_list ul { margin:0; padding:0; }
#news_box2 .box_list ul li { position:relative; margin:0 0 2% 0; padding:0; list-style:none; width:100%; background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 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; }
#news_box2 .box_list ul li:hover { background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }
#news_box2 .box_list ul li a { display:block; overflow:auto; color:#555; }
#news_box2 .box_list ul li:hover a { color:#000; }
#news_box2 .box_text { padding:20px 70px 20px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#news_box2 .box_text h3 { margin:0; padding:0; font-size:1.17em; line-height:26px; height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#news_box2 .box_text p { display:block; margin:10px 0 0 0; padding:0; font-size:.95em; line-height:20px; color:#999; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#news_box2 .box_text span { display:block; margin-top:10px; padding:0; font-size:.8em; line-height:16px; color:#ff6633; }
#news_box2 .box_text samp { position:absolute; top:50%; right:0px; display:block; margin:-25px 0 0 0; padding:0; width:50px; height:50px; background:#fe9700; font-family:Arial; font-size:.85em; line-height:50px; text-align:center; color:#FFF; }

/*LINK 宣導網站 - 圖片RWD固定高度*/
#link_box .box_list {}
#link_box .box_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
#link_box .box_list ul li { position:relative; margin:0 1% 3% 1%; padding:0; list-style:none; width:31.3333%; background:#fdfdfd; border:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 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; }
#link_box .box_list ul li:hover { background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }
#link_box .box_list ul li a { display:block; overflow:auto; color:#555; }
#link_box .box_list ul li:hover a { color:#000; }
#link_box .box_pic {}
#link_box .box_pic b { display:block; margin:0; padding:0; width:100%; height:150px; background:#FFF; overflow:hidden; }
#link_box .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#link_box .box_text { padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#link_box .box_text h3 { margin:0; padding:0; font-size:1em; line-height:26px; max-height:56px; overflow:hidden; }

/*CONTACT 新生報名*/
#contact_box { display:flex; justify-content:space-between; }
#contact_box .box_form,#contact_box .box_form form { display:flex; flex-flow:row wrap;  width:100%; }

/*SITEMAP 網站導覽*/
#sitemap_box { padding:10px 0; }
#sitemap_box ul { display:flex; flex-wrap:wrap; margin:0 -1%; padding:0; }
#sitemap_box ul li { width:48%; margin:1%; padding:0; list-style:none; background:#f5f5f5; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#sitemap_box ul li h2 { margin:0; padding:0; font-size:16px; font-weight:bold; line-height:24px; }
#sitemap_box ul li a { display:block; padding:13px 20px; background:#fe9700; color:#FFF; }
#sitemap_box ul li a:hover { background:#ff5722; color:#FFF; }
#sitemap_box ul li ul { margin:0; padding:15px; display:flex; flex-flow:wrap; justify-content:space-between; }
#sitemap_box ul li ul li { margin:0; padding:0; list-style:none; border:none; width:50%;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#sitemap_box ul li ul li h3 { margin:0; padding:0; font-size:15px; font-weight:normal; line-height:20px; }
#sitemap_box ul li ul li a { padding:10px 20px; background:#f5f5f5; font-size:.95rem; color:#555; }
#sitemap_box ul li ul li a:hover { background:#ddd; color:#000; }

/*404 找不到該網頁*/
#error404 { margin:80px auto 120px auto; }
#error404 .tit { line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; max-width:400px; }
#error404 th { padding:5px; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; line-height:20px; }
#error404 a { display:inline-block; color:#913897; }
#error404 a:hover { color:#aa7915; }

/* ======================= 內頁 ======================= */
/*多圖片區塊*/
.pic_list { margin:30px 0 0 0; }
.pic_list h4 i { margin:0 5px 0 0; }
.pic_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
.pic_list ul li { margin:0 1% 2% 1%; padding:0; list-style:none; width:23%; -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:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-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 { display:block; margin:0; padding:0; width:100%; height:150px; background:#ccc; overflow:hidden; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.pic_list ul li p { margin:5px 0; padding:0; line-height:1.6em; text-align:center; }
.pic_list ul li a { display:block; height:100%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#555; }
.pic_list ul li:hover { background:#FFF; color:#333; }
.mfp-figure small { display:none !important; }

/*多圖片區塊 - 輪播*/
.pic_list_slider { margin:30px 0 0 0; }
.pic_list_slider h4 i { margin:0 5px 0 0; }
.pic_list_slider ul { margin:0; padding:0; overflow:auto; }
.pic_list_slider ul li { margin:0; padding:0; list-style:none; }
.pic_list_slider ul li b { display:block; margin:0; padding:0; width:100%; height:150px; background:#ccc; overflow:hidden; text-align:center; }
.pic_list_slider ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.pic_list_slider ul li p { margin:5px 0; padding:0; line-height:20px; text-align:center; height:40px; overflow:hidden; }
.pic_list_slider ul li a { display:block; padding:10px; color:#555; background:#f7f8fb; border-top:solid 1px #dbe2eb; border-right:solid 1px #dbe2eb; border-left:solid 1px #dbe2eb; border-bottom:solid 2px #dbe2eb;
-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_slider ul li a:hover { background:#FFF; color:#333; }
.pic_list_slider .owl-nav { display:none; }
.pic_list_slider .owl-dots { display:none; }

/*多影片區塊*/
.video_list { margin:15px 0 0 0; }
.video_list h4 i { margin:0 5px 0 0; }
.video_list ul { margin:0 -1%; padding:0; display:flex; flex-flow:row wrap; }
.video_list ul li { margin:0 1% 2% 1%; padding:0; list-style:none; width:23%; -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:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-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 b { position:relative; display:block; margin:0; padding:0; width:100%; height:210px; background:#ccc; overflow:hidden; }
.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%; z-index:998; margin:-40px 0 0 -40px; width:80px; height:80px; height:80px; background:rgba(0,0,0,0.5); border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-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 i:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
.video_list ul li p { margin:10px 0 0 0; padding:0 5px; line-height:1.6em; text-align:center; }
.video_list ul li a { display:block; height:100%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; color:#555; }
.video_list ul li:hover { background:#FFF; color:#333; }
.video_list ul li:hover span { opacity:0.6; }

/*多影片區塊 - 輪播*/
.video_list_slider { margin:15px 0 0 0; }
.video_list_slider h4 i { margin:0 5px 0 0; }
.video_list_slider ul { margin:0; padding:0; overflow:auto; }
.video_list_slider ul li { position:relative; margin:0; padding:0; list-style:none; }
.video_list_slider ul li b { position:relative; display:block; margin:0; padding:0; width:100%; height:150px; background:#ccc; overflow:hidden; }
.video_list_slider ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.video_list_slider ul li i { display:block; position:absolute; top:50%; left:50%; z-index:998; margin:-40px 0 0 -40px; width:80px; height:80px; background:rgba(0,0,0,0.5); border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-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_slider ul li i:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
.video_list_slider ul li p { margin:10px 0 0 0; padding:0 5px; line-height:20px; text-align:center; height:40px; overflow:hidden; }
.video_list_slider ul li a { display:block; padding:10px; color:#555; background:#f7f8fb; border-top:solid 1px #dbe2eb; border-right:solid 1px #dbe2eb; border-left:solid 1px #dbe2eb; border-bottom:solid 2px #dbe2eb;
-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_slider ul li a:hover { background:#FFF; color:#333; }
.video_list_slider ul li a:hover span { opacity:0.6; }
.video_list_slider .owl-nav { display:none; }
.video_list_slider .owl-dots { display:none; }

/*下載列表*/
.download_list { padding:10px 0; }
.download_list h4 i { margin:0 5px 0 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; font-size:1rem; line-height:1.6em; color:#000; }
.download_list ul li i { margin:0 5px 0 0; font-size:1rem; line-height:1.6em; color:#666; }
.download_list ul li p { margin:0; font-size:1rem; line-height:1.6em; color:#666; }
.download_list ul li a { display:flex; padding:8px 10px; border-bottom:dashed 1px #eaeaea; }
.download_list ul li a:hover i { color:#ff5722; }
.download_list ul li a:hover p { color:#333; }

/*連結列表*/
.link_list { padding:10px 0; }
.link_list h4 i { margin:0 5px 0 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:1rem; line-height:1.6em; color:#000; }
.link_list ul li i { margin:0 5px 0 0; font-size:1rem; line-height:1.6em; color:#666; }
.link_list ul li p { margin:0; font-size:1rem; line-height:1.6em; color:#666; }
.link_list ul li a { display:flex; padding:8px 10px; border-bottom:dashed 1px #eaeaea; }
.link_list ul li a:hover i { color:#ff5722; }
.link_list ul li a:hover p { color:#333; }

/*下載列表(文章內)*/
.download_info {}
.download_info span { margin:0; padding:0; font-size:1rem; line-height:1.6em; color:#000 !important; }
.download_info i { margin:0 5px 0 0; font-size:1rem; line-height:1.6em; color:#666 !important; }
.download_info p { margin:0; font-size:1rem; line-height:1.6em; color:#666 !important; }
.download_info a { display:flex; padding:8px 10px; border-bottom:dashed 1px #eaeaea; }
.download_info a:hover i { color:#ff5722 !important; }
.download_info a:hover p { color:#333 !important; }

/*連結列表(文章內)*/
.link_info {}
.link_info span { margin:0; padding:0; font-size:1rem; line-height:1.6em; color:#000 !important; }
.link_info i { margin:0 5px 0 0; font-size:1rem; line-height:1.6em; color:#666 !important; }
.link_info p { margin:0; font-size:1rem; line-height:1.6em; color:#666 !important; }
.link_info a { display:flex; padding:8px 10px; border-bottom:dashed 1px #eaeaea; }
.link_info a:hover i { color:#ff5722 !important; }
.link_info a:hover p { color:#333 !important; }

/* ======================= FORM 表單專用 ======================= */
.box_form {}
.box_form h4 { margin:0 10px 0 0; padding:0; font-weight:normal; line-height:30px; text-align:left; color:#333; height:30px; }
.box_form b { margin:0; padding:0 3px 0 0; font-weight:normal; color:#F00; }
.box_form span { margin:0; padding:0 5px; font-weight:normal; color:#F00; }
.box_form p { margin:0; padding:0; line-height:30px; color:#555; }
.box_form input[type=text],.box_form input[type=tel],.box_form input[type=email],.box_form input[type=date],.box_form textarea { height:36px; padding:2px 8px; background:#f5f5f5; border:solid 1px #d5d5d5; font-size:0.9em; line-height:25px; 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; }
.box_form select { height:36px; padding:2px 20px 2px 8px; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat center right; border:solid 1px #d5d5d5; font-size:0.9em; line-height:25px; 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; } /*地址下拉*/

/*-- placeholder文字顏色 --*/
.box_form input::-webkit-input-placeholder { color:#aaa; }/*webkit瀏覽器專用*/
.box_form input::-moz-placeholder { color:#aaa; }/*Firefox 19+瀏覽器專用*/
.box_form input:-moz-placeholder { color:#aaa; }/*Firefox 4-18瀏覽器專用*/
.box_form input:-ms-input-placeholder { color:#aaa; }/*IE10瀏覽器專用*/
.box_form select::-webkit-input-placeholder { color:#aaa; }/*webkit瀏覽器專用*/
.box_form select::-moz-placeholder { color:#aaa; }/*Firefox 19+瀏覽器專用*/
.box_form select:-moz-placeholder { color:#aaa; }/*Firefox 4-18瀏覽器專用*/
.box_form select:-ms-input-placeholder { color:#aaa; }/*IE10瀏覽器專用*/

.box_form .form_03 { position:relative; width:31.3333%; height:60px; padding:15px 1%; }
.box_form .form_02 { position:relative; width:48%; height:60px; padding:15px 1%; }
.box_form .form_01 { position:relative; width:98%; padding:15px 1%; }
.box_form .form_btn { width:98%; margin:10px 1%; text-align:center; }
.box_form .form_text { width:100%; }/*一般文字框*/
.box_form .form_textarea { width:100%; height:150px; margin:0 0 -10px 0; }/*文字區域*/

/*地址專用*/
.box_form .form_addall { display:flex; flex-flow:row wrap; justify-content:space-between; }/*地址外框*/
.box_form .form_region { width:9%; } /*郵遞區號*/
.box_form .form_address { width:70%; } /*地址*/

/*驗證碼*/
.box_form .form_code { display:flex; flex-flow:row wrap; justify-content:space-between; margin-bottom:10px; }
.box_form .code_text { width:calc(100% - 225px); height:30px; }
.box_form .code_pic { width:95px; margin:0 5px; overflow:hidden; }
.box_form .code_btn { width:120px; background:#aaa; border:none; 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;  }
.box_form .code_btn:hover { background:#888; }

/*一般按鈕*/
.box_form .btn { display:inline-block; margin:5px; min-width:100px; padding:10px 15px; border:none; font-size:1em; 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;  }
.box_form .btn01 { background:#fe9700; color:#FFF; }
.box_form .btn01:hover { background:#ff5722; }
.box_form .btn02 { background:#aaa; color:#FFF;  }
.box_form .btn02:hover { background:#888; }

/* ======================= SHARE 文章列印分享回上層 ======================= */
#share { clear:both; padding:20px 0; }
#share ul { display:flex; flex-flow:row-reverse wrap; margin:0; padding:0; }
#share ul li { margin:0 0 10px 10px; padding:0; list-style:none; font-size:0.9em; line-height:1.6em; }
#share ul li a { display:block; padding:3px 13px; background-color:#fff; border:solid 1px #ccc; color:#333;
-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-color:#666; color:#fff; }
/*社群分享區塊*/
#share .community { display:flex; padding:3px 8px; background:#fff; border:solid 1px #ccc; color:#333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share .community a { display:block; width:22px; height:22px; margin:0 0 0 5px; padding:0; border:none; border:none; text-indent:-9999px; -webkit-filter: grayscale(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; }
#share .community a:hover { -webkit-filter: grayscale(1); }

/*社群icon*/
#share .line-it-button { float:left; margin:2px 5px 3px 0px; }
#share .line-it-button:hover {}
#share .line { background:url(../images/community/icon_line_d.svg) no-repeat; }
#share .line:hover { background:url(../images/community/icon_line_d.svg) no-repeat; }
#share .gp { background:url(../images/community/icon_googleplus_d.svg) no-repeat; }
#share .gp:hover { background:url(../images/community/icon_googleplus_d.svg) no-repeat; }
#share .fb { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
#share .fb:hover { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
#share .wb { background:url(../images/community/icon_weibo_d.svg) no-repeat; }
#share .wb:hover { background:url(../images/community/icon_weibo_d.svg) no-repeat; }
#share .wc { background:url(../images/community/icon_wechat_d.svg) no-repeat; }
#share .wc:hover { background:url(../images/community/icon_wechat_d.svg) no-repeat; }
#share .tt { background:url(../images/community/icon_twitter_d.svg) no-repeat; }
#share .tt:hover { background:url(../images/community/icon_twitter_d.svg) no-repeat; }
#share .pl { background:url(../images/community/icon_plurk_d.svg) no-repeat; }
#share .pl:hover { background:url(../images/community/icon_plurk_d.svg) no-repeat; }

/* ======================= PAGE 頁碼 ======================= */
#page { clear:both; }
#page ul { display:flex; flex-flow:row wrap; justify-content:center; margin:0; padding:0; }
#page ul li { margin:0 2px 10px 2px; padding:0; list-style:none; font-size:0.9em; line-height:1.6em; text-align:center; }
#page ul li a { display:block; padding:3px 11px; background:#fff; border:solid 1px #ccc; color:#333;
-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:#ccc; }
#page ul li a.cur { background:#666; color:#fff; }

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

@media only screen and (max-width:1399px) {
/*影音*/
#inx_video_box .box_list ul { margin:0; }
}

@media only screen and (max-width:1240px) {
#inx_news_box .box_list ul { margin:0; }
}

@media only screen and (max-width:1199px) {
/*浮動廣告*/
#inx_floatbox { display:flex; justify-content:center; padding:30px 0 0 0; position:relative; top:0px; right:auto; margin:0; width:100%; height:auto; }
#floatbox  { display:flex; justify-content:center; padding:30px 0 0 0; position:relative; top:0px; right:auto; margin:0; width:100%; height:auto; }
.floatbox { position:relative; z-index:998; width:98%; margin:0 1%; }
.floatbox a { display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:auto; padding:10px; }
.floatbox p { width:auto; padding:0 15px; }
.floatbox i { display:block; font-size:2.1em; }
.floatbox i.fas.fa-arrow-circle-right { font-size:1.2em; }
.float01,.float02,.float03,.float04,.float05 { top:0px; right:auto; left:auto; }
/* ----- HEADER ----- */
#header { width:100%; }
/*----- HEADER 收縮 -----*/
.logo a h2 { margin:0; padding:0; height:70px; background:url(../images/logos.svg) no-repeat center; background-size:150px; text-indent:-9999px; }
.shrinks { position:fixed !important; top:0px !important; left:0px; width:100%; max-height:70px !important; }
.shrinks #top_menu .logo { display:block; width:70%; }
.shrinks #top_menu .logo h1 { margin:0; padding:0; text-indent:-9999px; }
.shrinks #top_menu .logo a { padding:0px !important; height:70px; background-image:url(../images/logos.png); background-repeat:no-repeat; background-position:center; }
.shrinks #top_menu .logo a:hover { background-image:url(../images/logos_.png); }
.shrinks #top_menu ul li i { display:none; font-size:150%; line-height:25px; margin:0 10px 0 0; }
.shrinks #top_menu ul li h2 { display:inline-block; }
.shrinks #top_menu ul li a { padding:22px 5px; }
/* ----- BANNER ----- */
#banner { width:100%; height:100vh; }
#banner .banner_arrow_l { left:0; }
#banner .banner_arrow_r { right:0; }
#banner .pic b { width:100%; height:auto; margin:0 0 -5px 0; }
#banner .pic b img { width:100%; }
/* ----- CONTENT ----- */
#content { width:100%; }
/* ----- FOOTER -----*/
#footer { width:100%; }

/*INDEX*/
#inx_post_box .tabs { margin:0 0 40px 0; }
#inx_post_box .tab_info ul li { margin:0 0 15px 0; }
.inx_top_info { padding:0 1%; }

/*NEWS*/
#news_box .box_list ul li { width:48%; }
#news_box .box_pic b { height:200px; }
/*LINK 宣導網站*/
#link_box .box_list ul li { width:48%; }

/*多圖片區塊*/
.pic_list ul li { width:31.3333%; }
/*多影片區塊*/
.video_list ul li { width:31.3333%; }
}

/*平板*/
@media only screen and (max-width:1080px) {
/*INDEX*/
/*最新公告*/
#inx_post_box .tabs { margin:0 0 20px 0; }
#inx_post_box .tab_info ul li { margin:0 0 10px 0; }

/*RECRUIT 招生專區*/
.box_class ul li { width:31.3333%; }

/*NEWS*/
#news_box .box_pic b { height:150px; }
}

/*平板*/
@media only screen and (max-width:960px) {
/*----- HEADER 收縮 -----*/
#inx_header { height:auto; }
#header { display:none; }
#inx_header #nav { display:none; }
#nav { display:none; }
#logo { display:none; }
#logo_m { display:block; background:none !important; }
.m_open { display:block; }
#inx_menu_all { display:none; }
#menu_all { display:none; }
.js #menu { display:none; }
.js .slicknav_menu { display:block !important; position:fixed; top:0px; right:0px; left:0px; z-index:9999; }
.slicknav_menu { display:block !important; }
.shrink_m { position:fixed !important; top:0px; left:0px; background:rgba(255, 255, 255, 0.6) !important; }

#banner { display:none; }
#banner_m { display:block; }

#floatbox { padding:70px 0 0 0; }
#content_all { padding:15px 0 30px 0; }
#left_block { display:none; }
#main_block { width:100%; }

/*INDEX*/
#inx_top_box { padding:30px 0; }
.inx_top_info { flex-flow:row wrap; }
/*招生小廣告輪播*/
#inx_banner_box { width:100%; margin:0 0 50px 0; padding:0; }
#inx_banner_box .box_tit { margin:0; }
/*最新公告*/
#inx_post_box { width:100%; }
#inx_post_box .tabs { margin:0 0 30px 0; }
#inx_post_box .tab_info ul li { margin:0 0 15px 0; }
/*國中高中高職*/
.school_text:before { right:-50px; width:50px; }
/*校園新鮮事*/
#inx_news_box { padding:0 1% 20px 1%; }
#inx_news_box .box_tit { margin:0 auto 30px auto; }
#inx_news_box .box_list ul li { padding:0; }
#inx_news_box .box_list ul li:first-child { padding:0; }
#inx_news_box .box_text { position:relative; width:100%; }
/*宣導網站*/
#inx_link_box { padding:50px 1% 30px 1%; }

/*NEWS*/
#news_box .box_list ul li { width:31.3333%; }
#news_box .box_pic b { height:180px; }
/*LINK 宣導網站*/
#link_box .box_list ul li { width:31.3333%; }

/* ----- FOOTER -----*/
#don_menu { display:none; }
#copyright { padding:20px 5px; }
#copyright i { margin:0 5px 0 15px; }

/*多圖片區塊*/
.pic_list ul li { width:48%; }
/*多影片區塊*/
.video_list ul li { width:48%; }
}

/*平板*/
@media only screen and (max-width:768px) {
/*浮動廣告*/
.floatbox i { font-size:1.5em; }
.floatbox p { font-size:1.2em; padding:0 5px; }
.floatbox i.fas.fa-arrow-circle-right { font-size:1em; }

/*INDEX*/
/*國中高中高職*/
.schoolclass ul { flex-flow:row wrap; }
.school_text:before { right:-100px; width:100px; }
/*校園新鮮事*/
#inx_news_box .box_list ul li { width:98%; padding:0; }
#inx_news_box .box_list ul li:first-child { padding:0; }
#inx_news_box .box_text,#inx_news_box .box_list ul li:first-child .box_text { padding:40px 30px 30px 30px; }
#inx_news_box .box_tag,#inx_news_box .box_list ul li:first-child .box_tag { left:30px; }
#inx_news_box .box_list ul li:first-child .box_text h3 { font-size:1.5em; line-height:30px; max-height:60px; }
/*影音*/
#inx_video_box .box_list ul li { width:98%; }


/*NEWS*/
#news_box .box_list ul li { width:48%; }
/*LINK 宣導網站*/
#link_box .box_list ul li { width:48%; }

/*RECRUIT 招生專區*/
.box_class ul li { margin:10px 1.5%; width:47%; }

/*SITEMAP*/
#sitemap_box ul li ul li { width:100%; }
}

/*手機板*/
@media only screen and (max-width:570px) {
/*浮動廣告*/
.floatbox i { display:none; }
.floatbox p { font-size:1em; }

/*NEWS*/
#news_box .box_list ul li { width:98%; }
#news_box .box_pic b { height:250px; }
/*LINK 宣導網站*/
#link_box .box_list ul li { width:98%; }

/*SITEMAP*/
#sitemap_box ul li { width:98%; }

/*多圖片區塊*/
.pic_list ul li { width:98%; }
/*多影片區塊*/
.video_list ul li { width:98%; }
/*FORM 表單專用*/
.box_form .form_01,.box_form .form_02,.box_form .form_03 { width:98%; }
.box_form .form_region { width:32.3333%; margin-bottom:5px; }
.box_form .form_address { width:100%; }
.box_form .form_code { justify-content:flex-start; }
.box_form .code_text { width:100%; margin-bottom:5px; }
.box_form .code_pic { margin:0 5px 0 0; }
}