@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */

body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	background:url(../images/all/bg.jpg) repeat-x #f5ebd5;
	overflow: hidden;
	}
a { color:#000; text-decoration: none; }
a:hover { color:#a43b34; text-decoration: none;
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}
.txt01 a .red:hover,.txt02 a .red:hover  { color: #FFF; background: #A83C30;
	-o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
	padding: 0;
	font: inherit;
	border:0;
	vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { clear: both;zoom: 1;}  /*清左右浮動*/

/* 回頂端 */
#goTop {
	/*border:1px solid #CCC;*/
	color:#fff;
	background:#a43c34;
	text-align:center;
	position:fixed;
	bottom:180px;
	right:10px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:none;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px; 
	border-radius: 25px;
	padding-top:12px;
	z-index:999;
}
#goTop:hover { background:#e9a425; color:#FFF; }

/*通用排版用*/
b,strong { font-weight: bold; }
h2 i,.cal_month i,b i,.p3_box i {   margin: 0 .3em;}
.w48 { width:48%; float:left; padding: 1%;  margin: 1%;}
.w50 { width:50%; float:left;}
.w33 { width:33.3%; float:left;}
.w25 { width:25%; float:left;}
.center { text-align:center; }
.right {  text-align:right; }
.fll { float:left; }
.flr { float:right; }
.row { margin: 0 -10px;}
.row2 { margin: 20px 1em;}
.pt20 { padding-top:20px;}
.contact_box,.link,.tra_box{ margin: 2em 0 .3em;}
.share_img a{ display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; color:#FFF; vertical-align:top;}
.share_img a.share_1{ float:right; background:#3f231f;  padding:4px 0 0 0; margin-left:4px; border:2px solid #f72803; }
.share_img a.share_2{ background:#3c5897; padding:7px 0 0 0;}
.share_img a.share_3{ background:#dc4e42; padding:7px 0 0 0;}
.share_img a.share_4{ background:#00c400; padding:4px 0 0 0;}
.share_img a.share_5{ background:#ff6600; padding:7px 0 0 0;}
.share_img a:hover{ background:#818282;}
h2.no_margin{ margin:0 0 .3em;}

/*元件(共用)*/
.input1,.textarea,.select { background: #FFF; border: 1px solid #CCC; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }
/*引導*/
.breadcrumb { margin-top:30px;}
/*線(共用)*/
hr { clear: both; border-top: none; border-bottom: 1px dashed #8A8A89;  padding-top: 16px; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.porange{color: #FF5F03; }
.yellow{ color: #E6AC41; }
.txred { color: #ff0000; }
/*.red,.red a { color: #8c1406; }*/
.red,.red a { color: #A83C30; }
.orange{ color: #cc3703; }
.brown { color: #bc7404; }
.pink  { color: #b10b46; }
.green { color: #356d07; }
.blue  { color: #0785a0; }

.bgred   { background: #8c1406; border-color: #8c1406; color:#fff; }
.bgorange,.a1,.a6,.a7,.a8,.a9,.a10{ background: #cc3703; border-color: #cc3703;  color:#fff; }
.bgbrown,.a2     { background: #bc7404; border-color: #bc7404;  color:#fff; }
.bgpink,.a3      { background: #b10b46; border-color: #b10b46;  color:#fff; }
.bggreen,.a4     { background: #356d07; border-color: #356d07;  color:#fff; }
.bgblue,.a5      { background: #0785a0; border-color: #0785a0;  color:#fff; }
.bgyellow{ background: #E6AC41;color:#fff; }

.fs16{ font-size:1.6em; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.radius5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
.radius10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} 
.radius20 {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} 
.css-shadow {
 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);	box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);}
.r-shadow,.qa_content{background: #fff;  border-radius: 6px;
box-shadow: 0px 0px 5px 1px #ccc;-webkit-box-shadow: 0px 0px 5px 1px #ccc;	-moz-box-shadow: 0px 0px 5px 1px #ccc;}


/*圖片(共用)*/
.center img { margin:10px 0; }
.container img { max-width: 100%;}
.qrcode img,.fimg img{ 
 width:100%; max-width: 100%;  max-height: 100%;  vertical-align: middle; }
.img_left {  float: left;  padding: 0em 1em 1em 0;  width: 45%; text-align: center;}
.img_center img{  float: left;  padding: 1em; width: 50%; text-align: center;}
.img_right{  float: right; padding: 0em 0 1em 1em;  width: 50%; text-align: center;}
.edupic{overflow: hidden;width: 100%; text-align:center;}
.edupic img{    
   -webkit-transition: all .3s ease;  
   -moz-transition: all .3s ease; 
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
}
.r-shadow a:hover .edupic img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}


/*標題(共用)*/
.ftitle {font-size: 16px;}
.mtitle {display: inline-block; padding: 5px 10px;  margin: 15px 0; }
h2 { font-size: 24px; font-weight: bold; margin: 2em 0 .3em; padding-left: 50px; }
h3 { font-size: 2em;  font-weight: bold; color: #fff; }
h4 { font-size: 22px; font-weight: bold; margin: .5em 0 0.3em;}
h4 i {  margin-right: 6px; display: block; border-radius: 99px; font-size: 18px!important; width: 28px; height: 28px; line-height: 30px!important; text-align: center;}

.line { border-top: 4px solid;    margin-bottom: 20px; }
.dline {  border-bottom: 1px solid;  padding-top: 3px;}
.icon1_1 { background: url(../images/title/p1_1.png) left bottom no-repeat;}
.icon1_2 { background: url(../images/title/p1_2.png) left bottom no-repeat;}
.icon1_3 { background: url(../images/title/p1_3.png) left bottom no-repeat;}
.icon1_4 { background: url(../images/title/p1_4.png) left bottom no-repeat;}
.icon1_5 { background: url(../images/title/p1_5.png) left bottom no-repeat;}
.icon1_6,.icon1_7,.icon1_8,.icon1_9,.icon1_10 { background: url(../images/title/p1_1.png) left bottom no-repeat;}

.more { background:#bc7c77; font-size:13px; padding:5px 10px; color:#fff; letter-spacing:2px;}  
.more:hover,.tabs nav a.more:hover{ background: #A43B35; color: #fff;}


@media (max-height: 400px) { 
.header .nav ul{ overflow-y:auto; max-height:140px;}
}
@media (max-height: 320px) { 
.header .nav ul{ overflow-y:auto; max-height:120px;}
}
/*文字區塊(共用)*/
.txt01, .txt02{  /*width: 100%; overflow-x: auto; overflow-y: hidden;*/ }
.txt01{ clear:both; margin-bottom: 20px;}
.txt02{ clear:both; margin: 10px 0;}

/*表格*/
table.record tr td { vertical-align:middle;}
table.record span { float: left; margin-right: .5em;}
table.record p { margin: 0 0 6px 1.4em;}
table.record .danger{ color: #B10B46; text-align: right; padding-right: 12px;}
/*.txt01 table td,.txt02 table td { border: 2px solid #fff; padding: 5px 2px;}*/


/*表單*/
input{ padding: 0 5px; color: #9E9E9E;  font-size: 15px;transition: all 0.6s ease-in;}
input.submit { background: #E6AC41; border: none; color: #fff; padding: 4px 20px; font-size: 1.1em;}
input.submit:hover { background: #A83538;}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { max-width:1100px;margin: 0 auto;padding:115px 0 0 0;  }
.container { max-width:1100px; margin:1em auto; }
.abgne_tab { max-width:1100px; margin:0 auto; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.left_none div#sidebar,.left_nones div#sidebar{  display: none;}
.left_none .col-xs-12,.left_nones .col-xs-12 {  width: 100%; min-height: 600px;}
.movie_pos{ position: relative; height:480px; }

/*選單*/
.header nav {  display: block; float: left; width: 84%;  font-weight: bold;  margin: 86px 0 0 17%;}
.header .nav ul{ margin: 0;padding: 0;}
.header .nav li{ position: relative;float: left;color: #FFF;list-style: none;}
.header .nav li a { display: block; padding: 14px 21px;color: #FFF; text-decoration: none; font-size:20px; }
.header .nav li:hover {background: #C15E58; }
.header .nav li ul {background-color: rgba(231, 124, 64, 1); display: none; position: absolute; top: 100%; }
.header .nav li:hover ul {display: block; right: 0; left: 0; top: 100%; }
.toggle {  display: none; }
.arrow-bottom {  position: absolute; top: 25px; right: 13px; margin-left: 5px; border-top: 4px solid #FFF;  border-right: 4px solid transparent;    
                border-left: 4px solid transparent;    width: 1px; height: 1px;  }
                       

/*頁首*/
header { width: 100%; height:145px; background: url(../images/all/hbg.jpg) repeat-x; position: fixed; z-index: 999;  }
.headerbox{max-width: 1100px;  margin: 0px auto; position: relative;  height:145px;}
.submenu { list-style:none; padding:0; margin:0 0 30px 0; }
.logo { max-width: 40%; position: absolute; left: 0; top: 5px;z-index: 99;}
.logo img{ max-width: 170px; margin:10px 0 0 0;}
.slogan {  position:absolute; left:190px; top:39px;}
.slogan img { max-width:265px; width: 100%; }
.slogan .cwhite{ display:none;}
#google_translate_element{ position:absolute; top:10px; right:0;}
header .rightbox { position:absolute; top:42px; right:0px;}
header .rightbox a.fa-search{ margin-right:0;}
header .rightbox a {background: #818282;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 1.1em;margin-right: 7px;}
header .rightbox a.jp {width:auto;padding:0 10px;}
header .rightbox a:hover{background: #A43B34;}
form#form_search input { height: 30px;  float: left;}
form#form_search { float: right; margin-left: 12px;}
.search_btn1{ display:none;}
.search_btn1 a{background: #818282; width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 1.1em;margin-right: 7px;}
.search_btn1 a:hover{background: #A43B34;}
.search_btn2{ float:right; }
.nav_btnall{ display:none;} 
.search_bar a {background: #818282; width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 1.1em;margin-right: 7px;}
.search_bar a:hover{background: #A43B34;}
.container img.mv_img{ max-width:40px;}

/*頁尾*/
footer { background:#2b2b2b;    clear: both; }
.footerbox { max-width: 1100px;  margin: 0px auto;  padding: 25px 0; color:#fff;}
.footerbox .row{ text-align: right; border-bottom: 1px solid #444; }
ul.fnav { margin: 0; padding: 0 1em;}
ul.fnav li {list-style: none;  float: left;  margin:6px 2em 20px 0;background: url(../images/all/farrow.png) no-repeat 0px center;}
ul.fnav li a{ color: #fff;  padding-left: 20px;}
a.gotop { margin: 0 1em; }
a.ft_link{ float:left; display:block; background:#3b5998; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; margin:0 5px}
.ftitle a.ft_link:hover{ background:#3b5998; color:#fff;}
a.ft_link2{ float:left; display:block; background:#e62117; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; margin:0 5px}
.ftitle a.ft_link2:hover{ background:#e62117; color:#fff;}

.ft_yellow{ float:left; color:#E6AC41;}
.link_box { clear:both; padding: .5% 0; }
.fimg{width:212px;height:78px;display: block;border:1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:0 auto;} 
.epaper_box { /*border-left: 1px solid #444;*/ padding: .5% 0 1% 0;}
.epaper_box p{ font-size: .8em;padding: 1em 0;}
.epaper_pos{ float:right;}
.qrcode { max-width: 100%;  width: 138px;  float: right;}

.footerbox input#textfield{padding: 5px 30px 5px 10px; margin-right: .5%; width: 50%;}
.footerbox input#EMail{padding: 5px 30px 5px 10px; margin-right: .5%; width: 50%;}

.copyright { background: #4f4f4f; color: #cfcfcf; text-align: center; /*padding: 20px 0;*/  font-size: 14px; clear:both; overflow:hidden;}
.copyright a { color: #E2E2E2; }
.footer a:hover{color: #E6AC41;}

/*次選單*/
.submenu { }
.submenu li { }
.submenu li ul>li>a .creat:before{ content:"\f0da"; font-family:'FontAwesome'; float:right;}
.submenu li ul>li.panel{ margin-bottom:0; border:inherit; border-radius:0; -webkit-box-shadow:inherit; box-shadow:inherit;}
.submenu li ul>li.on>a{ color:#cc3703; background:#f5f5f5; font-weight:bold;}
.submenu li ul li.panel ul li a{ border-bottom:inherit; padding-left:25px;}
.submenu li ul li.panel ul li.on a{ color:#cc3703; background:#f5f5f5; font-weight:inherit;}


/*頁面框架*/
.main { float:right; width:760px;  }

/*側邊*/
.sidebar { float:left; width:200px; }
.sidebar .sidemenu { list-style:none; padding:0; margin:0; }
.sidebar .sidemenu li { }

/*表單*/
.formWrap { }
.formWrap li { }

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/*首頁*/
.index_banner{ margin-top:145px;}
.index {text-align: center; margin: 0 0 1em!important;}
.index .col-md-v{ float: left;  width: 20%;  margin-bottom: 2em; }
.index .col-md-v .img { width: 95%;  margin: 0 auto;  background: #000;  position: relative;}
.index .col-md-v .img span { display: none;  font-size: 3rem;  color: #FFF; }
.index .col-md-v .img img{ width:100%;filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;   -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;     transition: opacity .5s ease-in-out;
}
.index .col-md-v a:hover .img img{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.index .col-md-v a:hover .img span {display:block;position:absolute;left:47%;top:47%;margin-top:-13px;margin-left:-13px;}
.index_title h2 { margin: -9px 0; padding: 0; float: left;}
.visitor_box{ float:right;}

/*首頁-跑馬燈*/
#news_all { margin: 15px 0;}
#news_all ul{ list-style: none; margin: 0; padding: 0 8px;}
#news_all ul li{ border-bottom: 1px dashed #a2a2a2; padding: 5px 0;}
#news_all ul li a:hover{ color:#36C;}
.course .col-sm-6 { width: 48%; border-bottom: 1px dashed #a2a2a2; padding: 5px; margin: 5px;}
.imgbox { width: 37%; margin: 5px;}
.atitle { max-height: 50px; overflow: hidden;}
.course .row a:hover img { border:3px solid #FBFAF6;
 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);	box-shadow: 1px 1px 4px rgba(0, 0, 0, .7);}

.hot_box { background: #fff;  min-height: 280px; padding: 20px 15px 0;}
.hot_box .txt { height: 30px; line-height: 22px; margin: 10px 0px; text-align: center; }

/*首頁-行事曆*/
.calendar{width:100%;height:100%;margin:0 auto;background: url(../images/index/calbg.jpg) no-repeat #A14948;padding-bottom: 1em;}
.ctitle {   text-align: center;   padding-top: 5em;}
.cal_month { color: #E6AC41; font-size: 1.2em;  margin-bottom: 1em; position: relative; text-align: center;}
a.prevmon { left: 0;  }
a.nextmon { right: 0; }
.cal_month a{  position: absolute;top: 0; font-size: .9em;  color: #F4E8D3; padding: 3px 5px;}
.cal_month a:hover{ color: #FFFFFF; background: #222; border-radius: 14px;}
.tab_container {clear: left;wi;width: 96%;margin: 0 auto 2em;}
.tab_container th{  border: 1px solid #e6a61d; background: #e6ac41; color: #fff;  font-weight: bold; }
.calendar .tab_container td { width:14%;height: 120px;  border: 1px solid #e6a61d;}
.calendar .tab_container td .text{font-size: 12px;}
#DFtabs ul.tabs {  margin: 1em 0; text-align: center;}
#DFtabs ul.tabs li {display: inline-block;overflow: hidden;position: relative;margin: 20px 10px; padding: 10px 20px;background: #daa4a0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
#DFtabs ul.tabs li a {	display: block;	color: #8E0F07;font-weight: bold;}
#DFtabs ul.tabs li.active,#DFtabs ul.tabs li:hover,#DFtabs ul.tabs li:hover a {	background: #e6ac41; color: #fff;}
#DFtabs ul.tabs li.active a {  color: #fff;}
.date-no {  font-size: 20px;  font-weight: bold;}
.date-num {font-family: "標楷體";margin-left:5px;font-size: 16x;color:#974001;}
.text { font-size: 10px; font-weight: bold;}

/*左側選單*/
.submenu a, .submenu a:hover, .submenu a:focus { text-transform:none;  }
.submenu .list-group-item { padding:0; }
.submenu .list-group-item > a { display:block; padding:10px 15px; }
.submenu ul { background:#FFF; padding:0; list-style:none; }
.submenu ul a { display:block; padding:8px 15px; line-height:1.2; border-bottom:1px solid #eee; }
.submenu ul li:hover,.submenu3 ul li:hover{ background:#f5f5f5; font-weight:bold; }
.submenu ul.submenu3 li a{ font-weight:normal; color: #000;  background: #fff; }
ul.submenu3 li a { font-size: 13.5px;  margin-left: 15px; line-height: .7; border: none;}
.submenu3 li.active a {  color: #CC3703; }
ul.submenu3 li.active a { background: #F5F5F5; color: #CC3703;}
.submenu li.active { background: #f5f5f5;}
.submenu li.open a{ background: #f5f5f5; color: #CC3703;}

li.dropdown.open a{ background:#FFF;}
li.dropdown.active a{ background:#f5f5f5;}

.s1 .list-group-item.active > a,.s6 .list-group-item.active > a{ background:#cc3703;color:#FFF;  }
.s2 .list-group-item.active > a { background:#bc7404;color:#FFF;  }
.s3 .list-group-item.active > a { background:#b10b46;color:#FFF;  }
.s4 .list-group-item.active > a { background:#356d07;color:#FFF;  }
.s5 .list-group-item.active > a { background:#0785a0;color:#FFF;  }
.s7 .list-group-item.active > a,.s8 .list-group-item.active > a,.s9 .list-group-item.active > a ,.s10 .list-group-item.active > a    
{ background:#cc3703;color:#FFF;  }
.s1 ul a:hover, .s1 .active ul a:hover, .s1 ul .active a { background:#f5f5f5; color:#cc3703; }
.s2 ul a:hover, .s2 .active ul a:hover, .s2 ul .active a { background:#f5f5f5; color:#bc7404; }
.s3 ul a:hover, .s3 .active ul a:hover, .s3 ul .active a { background:#f5f5f5; color:#b10b46; }
.s4 ul a:hover, .s4 .active ul a:hover, .s4 ul .active a { background:#f5f5f5; color:#356d07; }
.s5 ul a:hover, .s5 .active ul a:hover, .s5 ul .active a { background:#f5f5f5; color:#0785a0; }

.s6 ul a:hover, .s6 .active ul a:hover, .s6 ul .active a,
.s7 ul a:hover, .s7 .active ul a:hover, .s7 ul .active a,.s8 ul a:hover, .s8 .active ul a:hover, .s8 ul .active a,
.s9 ul a:hover, .s9 .active ul a:hover, .s9 ul .active a,.s10 ul a:hover, .s10 .active ul a:hover, .s10 ul .active a
{ background:#f5f5f5; color:#cc3703; }

/*.s6 ul a:hover, .s6 .active ul a:hover, .s6 li.active,.s6 li.active a,.s7 ul a:hover, .s7 .active ul a:hover, .s7 li.active,.s7 li.active a,
.s8 ul a:hover, .s8 .active ul a:hover, .s8 li.active,.s8 li.active a,.s9 ul a:hover, .s9 .active ul a:hover, .s9 li.active,.s9 li.active a,
.s10 ul a:hover, .s10 .active ul a:hover, .s10 li.active,.s10 li.active a
{ background:#f5f5f5; color:#cc3703; }*/

.left_video { margin:0 0 30px 0; padding: 10px 6px;   background: #fff;}
.vname{ padding: 10px 0; }
.left_ad img{ width:100%; max-width: 100%;  max-height: 100%;  vertical-align: middle;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
.ad1,.ad2 { text-align: center; margin: 0px auto 30px; }

/*p1五大志業_慈善_平安手記*/
ul.notes_item { list-style: none; padding: 0 10px; }
ul.notes_item li { border-bottom: 1px dashed #ccc; }
ul.notes_item li a { display: block; padding: 15px 10px 10px 10px;}
ul.notes_item li a:hover {  display: block; background: rgba(255,255,255,.7); padding: 15px 10px 10px 10px;}
ul.notes_item li a:hover i{    -webkit-transform: scale(1.15);  -moz-transform: scale(1.15);     -ms-transform: scale(1.15);
         -o-transform: scale(1.15);   transform: scale(1.15); color: #fff; background: #A43B35; padding: 6px; border-radius: 99px; }

p.list_title {color: #A43B35;   font-size: 18px;   font-weight: bold;}
.con_tx{font-size: 15px; color: #444;    margin-left: 22px;}

/*p3精神導師*/
.p3_box{ width: 65%; list-style: none; padding: 0;  margin-top: 10px;}
.p3_box li:nth-child(odd) {background: rgba(185, 135, 70, 0.8);padding: .2em .5em;-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;color: #fff;}
.p3_box li:nth-child(3) { background: rgb(96, 160, 169);}
.p3_box li:nth-child(5) { background: rgba(100, 130, 75, 0.8);}
.p3_box li:nth-child(even) { list-style: none; margin-bottom: 1em; background: rgba(255,255,255,.6); padding: .5em 1em; 
	-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;  border-radius: 0 0 10px 10px;}
.mtitle2{font-family:"標楷體", "新細明體"; font-size:1.8rem; font-weight:bold; margin:30px 0 6px 0; color:#a43b35;}
.founder_tx{ list-style-type:none; margin:0; padding:0; }
.founder_tx li{ display:block; width:100%; font-family:"標楷體", "新細明體"; overflow:hidden; line-height:25px; margin-bottom:10px; font-size:1.2rem; letter-spacing:-1px;}
.founder_tx li .title_f{  font-size:1.3rem; font-weight:bold; }


/*交通訊息*/
.conbox span.tit{ color: #E6AC41; margin-right: 5px;}
.conbox p { padding-right: 30px;}
.address a {  display: inline-block; }
.tra_box .mtitle { margin:0;text-align: center;  display: block;}

/*聯絡我們*/
.contact_box .col-sm-5 { text-align: center;  }
.contact_box .mtitle { display: block; margin: 5px 0 0;}
.contact_box ul,.conbox ul{ padding-left: 10px;  list-style: none;}
.contact_box i,.conbox i{ font-size: 1.1em;  margin-right: 10px; text-align: center; width: 22px; float:left;}
.contact_box p { padding-left: 30px; }
.contact_box span.map,.address span.map{ background: #E6AC41; padding: 0px 5px 2px; color: #fff; margin-left: 5px;}
.contact_box span.map:hover,.address span.map:hover{ background: #A43B35; }


/*相關連結*/
.link .col-md-v{float: left;width: 24%;margin: .5% .5% 2em .5%;border: 1px solid #DCDBDB;border-bottom: 2px solid #E9A425;padding: 4px;background: #fff;box-shadow: 0 0 1px #ccc;}
.link .col-md-v .img { width: 100%; overflow: hidden; margin: 0 auto;  background: #000;  position: relative;}
.link .col-md-v .img span { display: none;  font-size: 2.5rem;  color: #FFF; }
.link .col-md-v .img img{ width:100%; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
	-webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;   -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;     transition: all .5s ease-in-out;
}
.link .col-md-v a:hover .img img{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;   
 -webkit-transform: scale(1.05);  -moz-transform: scale(1.05);   -ms-transform: scale(1.05); -o-transform: scale(1.05);  transform: scale(1.05);}
.link .col-md-v a:hover .img span {display:block;position:absolute;left:47%;top:47%;margin-top:-13px;margin-left:-13px;}

/*網站導覽*/
.site_box { padding: 1em 0;}
.p12 hr {padding: 0; margin: 0;}
/*.site_box:nth-child(5),.site_box:nth-child(9),.site_box:nth-child(13)  { background: rgba(255,255,255,.3);}*/
.site_box .col-sm-7 { padding: 10px 0;}
.site_box .col-sm-7 a,.site_box .col-sm-9 a{ float: left; padding: 0 10px; border-right: 1px dashed #B9B9B9; margin-top: 8px;}
.site_box a:hover{ font-weight:bold; text-decoration:underline;color:#fff;}
.site_box .sublist a:hover,.site_box .col-sm-7 a:hover,.site_box .col-sm-9 a:hover{ color: #A43B35;}
.site_box .sublist {display: block; float: left;  margin: 0px 0 0 10px; }
.site_box .sublist p { float: left;  margin: 10px 0 0;}
.site_box .col-sm-7 a:last-child,.sublist a:last-child,.site_box .col-sm-9 a:last-child{ border-right: none;}
.site_box .col-sm-2,.site_box .col-sm-3 { text-align: center;}
.site_box .col-sm-2 a {color:#fff;}
.site_box .col-sm-2 i { margin-left: 6px;}
.site_box .col-sm-7 br{ line-height: 32px; }
.site_box .col-sm-3 i:first-child{background: #E6AC41; color: #fff;}
.site_box .col-sm-9 {  margin-top: 6px; }

/*課程版型*/
.detail_img{ text-align:center;  }
.detail_img .small_img, .detail_img .small_img3{ display:inline-block; width:32.333%;  margin:0; }
.detail_img .small_img2 { display:inline-block; margin:0 1%; width:32.333%; }

@media (max-width: 1200px) { 
.address span.tel { display: block; margin-bottom: 10px;}
}
@media (max-width: 1045px and max-width: 1041px) { 
.header nav{margin:12px 0 0 17%;}
}
@media (max-width: 1024px) { 
.header .nav li a{ padding: 14px 18px; }

}

@media (max-width: 1000px) { 
.header .nav li a{ padding:14px 12px;}
#google_translate_element{ margin-right:10px;}
.rightbox{ margin-right:10px;}
}
@media (max-width: 996px) { 
/*footer*/
.qrcode { width: 20%; }
.visitor_box { width: 100%; clear: both;}

.course .col-sm-6 { width: 46%;}
.site_box .col-sm-3 i:last-child{display:none;}

/*課程版型*/
.detail_img .small_img, .detail_img .small_img2, .detail_img .small_img3{ display:block; width:100%;  margin:2em 0; }

.search_btn1{ display:inline-block;}
.search_btn2{ display:none;}
form#form_search{ float:none; width:100%;}
form#form_search input{ width:90%;}


}
@media (max-width: 900px) { 
.header .nav li a{ padding:14px 8px;}
}

@media (max-width: 768px) { 
.index .col-md-v { float:none; width: 32.5%;  margin: 5px auto;  display: inline-block;}
.course .col-sm-6 { float:left;}

.tra_box .mtitle {margin-bottom: 10px;}
.tra_box .mtitle br {display: none;}

/*網站導覽*/
.site_box .col-sm-7 {padding: 0;}
.site_box .mtitle { margin: 20px 0 0;}

/*選單*/
.header nav {  width: 100%; margin: 144px 0 0 0; background: rgba(129,130,130,0.9);}
.header .nav { display: none; }
.toggle { display: inline-block; background:#C7635D; /*padding: 10px 15px;*/ padding: 10px 15px;color: #FFF;position: absolute;  right: 5px; bottom: 12px; /*right: 10px; bottom: 10px;*/ z-index: 99;  cursor: pointer; }
.header .nav li{float: none;}
.header .nav li a{ padding: 5px 15px; }
.header .nav li:hover ul { position: relative;display: block; background: transparent; }
.header .nav li:hover ul li{ background: transparent;}
.header .nav li:hover ul li a{ padding-left: 30px;}
.arrow-bottom { top: 20px;}

.rightbox a.fa-map-marker{ display:none;}
h2.no_margin{ margin:.3em 0 .3em;}

.movie_pos{ position: relative;  padding-bottom:56.25%; width:100%; height:0; }

/*首頁*/
.table-rwd > .table > thead > tr > th, .table-rwd > .table > tbody > tr > th, .table-rwd > .table > tfoot > tr > th, .table-rwd > .table > thead > tr > td, .table-rwd > .table > tbody > tr > td, .table-rwd > .table > tfoot > tr > td{ white-space:inherit; width:140px;}
.table-rwd table{ width:1000px;}
/*表尾*/
.epaper_pos{ float:left; padding:0 0 25px 0;}
.link_box{ padding:0;}
.fs16{ width:100px; display:block; font-size:1.2em; font-weight:bold;}


}


@media (max-width: 767px) { 
/*展開左側選單*/
.row-offcanvas {  position: relative;-webkit-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;  }
.row-offcanvas-right {right: 0;}
.row-offcanvas-left {left: 0;}
.row-offcanvas-right .sidebar-offcanvas {right: -250px; /* 6 columns */}
.row-offcanvas-left .sidebar-offcanvas {left: -250px; /* 6 columns */}
.row-offcanvas-right.active {right: 250px; /* 6 columns */}
.row-offcanvas-left.active { left: 250px; /* 6 columns */}
.sidebar-offcanvas {position: absolute; top: 0;width: 250px; z-index: 199; /* 6 columns */}
.left_nones .visible-xs {  display: none!important;}

.h_page{ margin-bottom:120px;}
}

@media (max-width: 640px) { 
.index { display:none;}
.w50,.w33{ width: 100%;  float: none;}
.w48 { width: 100%; margin: 1% 0;}
.img_left,.img_right  { width: 100%;  float: none; padding: 10px 0;}
.left_ad{ display:none;}
/*.txt01 table, .txt02 table{ min-width:640px; }*/

/*引導*/
.breadcrumb { margin-top:inherit;}
/*網站導覽*/
.site_box .sublist p { float: none;  margin: 10px 0 0;}

/*header*/
header{ height:115px; background:url(../images/all/hbg_2.jpg) repeat-x;}
header .slogan img { max-width:inherit; width:100%; }
#google_translate_element{ right:124px;}
header .rightbox{ display:none; top:6px; right:5px; z-index:99; }
header .slogan{ position:absolute; left:inherit; top:14px; left:140px; width:220px; }
#google_translate_element{ display:none;}
.logo img{ max-width:120px; margin:0;}
.headerbox{ height:115px;}
.index_banner{ margin-top:115px;}
.header nav{ margin:115px 0 0 0;}
.nav_btnall{ display:block;}
.nav_btnall a{ display:block; float:left; width:25%; height:40px; line-height:40px; background: rgba(51,51,51,0.8); text-align:center; color:#FFF; font-size:1.4rem; border-right:1px solid #FFF; box-sizing:border-box;}
.nav_btnall a.no_line{width: 100%;border-right:0px solid #FFF;border-top:1px solid #FFF;}

/*footer*/
.epaper_box {  border-left: none; }
.epaper_box p { padding: 1em 1em 1em 0;  float: left;}
/*.epaper_box form#form_order { padding-top: 1em;}*/
.footerbox input#textfield {  width: 35%}
.qrcode {display:none;}
ul.fnav li { margin-right: .5em;}

.link .col-md-v {  width: 48%; margin: .5% .5% 1em 1.5%;}
.p3_box { width: 100%;}
.w33.wow{text-align: center;}

}
@media (max-width: 515px) { 
.flr { float: none;}

/*footer
.footerbox input#textfield {  width: 65%;} */

}

@media (max-width: 480px) { 
.course .col-sm-6 { width: 100%; }
.index .col-md-v .img span { font-size: 2rem;}
/*首頁-行事曆*/
#DFtabs ul.tabs {  margin:0;   padding: 0;}
#DFtabs ul.tabs li {margin: 20px 1px; padding: 10px 6px;}

.link .col-md-v {  width: 96%;}

.share_img a.share_4 img{ width:20px;}
form#form_search input{ width:80%;}
/*header .slogan{  top:45px; left:inherit; right:0;  }*/
.epaper_pos{ clear:both; float:none; width:90%; margin:0 auto;}
.epaper_pos .ftitle{ display:block; width:100%; text-align:left; padding-bottom:12px;}
.footerbox .epaper_pos  input#EMail{ float:left; width:65%;}
.footerbox .epaper_pos .submit{ float:left;}

}
@media (max-width: 380px) { 
header .slogan{ left:inherit; right:8px; width:200px; }
.logo img{ max-width:140px; }
form#form_search{ margin-left:0;}

}
@media (max-width: 320px) { 
.share_img a.share_1{ width:100%; margin-left:0;}
.share_img a{ margin-bottom:4px;}

/*header*/
header .slogan{ right:8px; width:165px; }
.logo img{ max-width:120px;}
.rightbox{ margin-right:4px;}
}