@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
	border: 0;
	padding: 0;
	margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
}
abbr, acronym {
	border: 0;
}
* {
	/* [disabled]margin:0;
*/
	padding: 0;
}
/*input {
    -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}*/
/*開頭設定*/
html {
/* height: 100%;*/
}
body {
	margin: 0;
	font-family: "微軟正黑體";
	color:#3b2b1e;
}
a {
	text-decoration: none;
}
a:hover { 
}
img { max-width:100%;}
.img_web { display:block !important;}
.img_pho { display:none !important;}

/*預載畫面*/
.at_loading {
  　width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:2000; background:url(../images/Loading_icon.gif) center center no-repeat #f1f2f3;
   }
   
/*TOP----------------------------------------------------*/
header { height:100px; width:100%; max-width:1280px; margin:0 auto; background-color:#FFF; font-size:1vw;}
header a {line-height:100px; display:block; width:100%; height:100%;}
.logo { width:22%; float:left; background:url(../images/logo.png) center no-repeat; position:relative; background-size: auto 100%; }
.logo a { text-indent:-999999px; position:relative; left:0; right:0; top:0; bottom:0;}
center{ border-top:1px solid #CCC;}
/*MENU*/
.menu_box{ text-align:center; font-weight:bold;}
.menu_box ul {}
.menu_box ul li { display:inline-block; padding:0 10px;float:right;}
.menu_box ul li a { color:#392d25;}
.menu_box ul li a:hover, .menu_box ul li.on a { border-bottom:3px solid #9f2832; line-height:94px;}
.menu_box ul li ul.se{ position:absolute; display: none; left:0; right:0; top:97px; background-color:rgba(255,255,255,0.8); z-index:500;}
.menu_box ul li ul.se li{ width:100%;}
.menu_box ul li ul.se li a, .menu_box ul li ul.se li a:hover, .menu_box ul li.se_in.on ul li a { line-height:1.5; padding:20px 0;border-bottom: none; height: inherit;}
.menu_box ul li ul.se li a:hover { color:#FFF; background-color:#9f2832;}
.menu_box ul li ul.menu_in { position:absolute; left:13%; right:13%; top:100px; background-color:rgba(255,255,255,0.8); display:none; z-index:1000;}
.menu_box ul li:hover ul { display:block;}
.menu_box ul li ul.menu_in li { width:12%; margin:0 2.3%; float:left; font-size:0.85vw;line-height:96px; display:block; padding-bottom:20px;}
.menu_box ul li ul.menu_in li:nth-child(6n+1){ clear:both;}
.menu_box ul li ul.menu_in li a, .menu_box ul li.on ul li a {color:#9f2832;border-bottom:1px solid #9f2832; height:90px;overflow:hidden;}
.menu_box ul li ul.menu_in li a:hover { border-bottom:1px solid #9f2832; line-height:inherit;}
.menu_box ul li ul.menu_in li ul { padding-top:20px;}
.menu_box ul li ul.menu_in li ul li { width:100%; font-size:0.85vw; padding-bottom:0;}
.menu_box ul li ul.menu_in li ul li a, .menu_box ul li.on ul li ul li a { border-bottom:none; color:#392c22;line-height:30px; height:auto;}
.menu_box ul li ul.menu_in li ul li a:hover {border-bottom: none; line-height:30px; color:#9f2832;}

.menu_box ul li.btn_contact { width:13%; float:right; background-color:#a32e37; text-align:center; overflow:hidden; position:absolute; right:0; top:0;}
.menu_box ul li.btn_contact a { color:#FFF;}
.menu_box ul li.btn_contact a:hover, .menu_box ul li.btn_contact.on a { border-bottom: none; line-height:100px; color:#FFFFCC;}
/*首頁-------------------------------------------*/
/*共用*/
.w_100 { max-width:1120px; padding:0 10px; margin:0 auto;}
.tit { padding:60px 0; text-align:center;}


/*內頁----------------------------------------------------------*/
.top_img { width:100%; overflow:hidden;}
.top_img  img{ width:100%; text-align:center;}
.map { text-align:left; font-size:18px; color:#9f7c66; padding:10px 0; border-bottom:1px solid #dcdcdc; }
.map span { color:#3b2b1e;}


/*分析*/
.ana_tit { background:url(../images/tab_tit.png) center bottom no-repeat; padding:40px 0; overflow:hidden;}
.ana_tit h2 { font-size:30px;}
.ana_tit h3 { font-size:24px; color:#a32e38;}
.ana_txt { font-size:18px; padding:20px 0; /*text-align:left;*/}
ol.ol-style {
   /* list-style-type: decimal;*/
}
.ol-style li{ text-align:left; line-height:30px; width:50%; float: left; font-size:20px; margin-bottom:30px; }
.qa { display:inline-block; width:90%;}
.ana_text { padding:40px 0; clear:both;}
.ana_img { float:left; width:60%; }
.ana_tt { float:right; width:38%; text-align:left;}
.ana_tt p { color:#61483d; font-size:20px; font-weight:bold; padding-bottom:10px;}
.ana_tt p span { color:#3b2b1e; font-size:58px; }
.ana_tt2 { background-color:#f6e5d4; line-height:2; padding:20px;}

p.tit6 { background:url(../images/03_tit2.png) left center no-repeat; padding-left:65px; color:#a32e38; font-weight:bold; font-size:24px; line-height:35px; background-size:58px auto; margin-bottom:20px;}

.pop_box2 { width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); position: fixed; z-index:1000; left:0; right:0; top:0; bottom:0;}
.pop_box { height:90vh; background-color:#FFF; max-width:1000px; position:fixed; left:25%; right:0; top:5vh; overflow:auto;}
.pop_box2.off { display:none;}
/*頁籤*/
	.abgne_tab {
		clear: both;
		padding:60px 0;
	}
	ul.tabs {
		width: 100%;
		height: 32px;
		font-size:20px;
	}
	ul.tabs li {
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		position: relative;		
		border-left: none;
		background: #ebc7a7;
		border-radius:10px 10px 0 0;
		width:24%; display:inline-block;
	}
	ul.tabs2 { height:auto;}
	ul.tabs2 li {border-radius:0; width:auto;}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		background: #f6e5d4;
	}
	ul.tabs li.active  {
		background: #f6e5d4;
		
	}
	
	div.tab_container {
		clear: left;
		width: 100%;
		border-top: none;
		background: #fff;
	}
	div.tab_container .tab_content {
		padding: 20px;
		text-align:left; font-size:18px;
	}
	div.tab_container .tab_content2 { background:url(../images/03_bg.jpg) center 20px no-repeat; padding:80px 0;}
	.tab_content2 p { padding-bottom:20px;}
	.tab_content h5 { padding:20px 0;}
	.tab_content h5 span{ background-color:#796960; color:#FFF; font-size:20px; padding:5px 20px;}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}
	
/*聯絡我們------------------------------*/
.tab_con { text-align:center;}
.tab_con li { width:30%; display:inline-block;}	
.tab_con h4 { padding-bottom:20px;}
.tab_con h4 span { padding:2px 15px; font-size:20px; background-color:#f7e6d5;}
.tab_con h3 { font-size:20px; font-weight:bold;font-family: 'Noto Sans TC', serif; padding-bottom:5px;}
.tab_con p { padding-bottom:20px;font-size:18px;}
.tab_con a { color:#3b2b1e;}
.tab_con a:hover { color:#900; }

.btn_line { text-align:center;}
.btn_line p { display:inline-block; padding:10px 5px;}
.add_box { padding:20px 0; overflow:hidden;}
.g_map { widows:60%; float: left; overflow:hidden;}
.g_map iframe { width:600px;}
.add_mis { width:39%; float:right; padding-top:120px;}
.add_mis li{ padding-bottom:15px;}
.add_mis i  {position:absolute;}
.add_mis i img{ width:25px; height: auto;}
.add_mis span { padding-left:35px;}
/*版權-------------------------------*/
footer { clear:both; background-color:#ccc; padding:60px 0; overflow:hidden; color:#3b2b1e;}
footer img { max-height:150px;}

/*共用--------------------------------------------*/
/*數字頁*/
.no_box { clear:both; text-align:center; padding-bottom:40px;}
.no_box li { display:inline-block; padding:0 10px;}
.no_box li a {  width:30px; height:30px; line-height:30px; display:block; border:1px solid #FFF; border-radius:5px; color:#5c4639; font-weight:bold;}
.no_box li.on a, .no_box li a:hover { border:1px solid #5c4639; }
.no_box li.btn_V, .no_box li.btn_N {width:245px; height:30px; line-height:30px; color:#5c4639; border:1px solid #5c4639;display:inline-block;}
.no_box li.btn_V a, .no_box li.btn_N a { border:none; width:100%; }
.no_box li.btn_V:hover a, .no_box li.btn_N:hover a { color:#FFF;} 
/*返回*/
.home_back { text-align:center; padding:60px 0;font-family: 'Noto Serif TC', serif;}
.home_back li {width:245px; height:40px; line-height:40px; color:#5c4639; border:1px solid #5c4639;display:inline-block;}
li.btn_N { float:left; background:url(../images/icon_nn.png) left center no-repeat;}
li.btn_V { float:right;background:url(../images/icon_vv.png) right center no-repeat;}
.home_back li:hover { background-color:#5c4639; color:#FFF;}
li.btn_N:hover { background:url(../images/icon_nn2.png) left center no-repeat #5c4639;}
li.btn_V:hover { background:url(../images/icon_vv2.png) right center no-repeat #5c4639;}
.home_back li a { width:100%; height:100%; color:#5c4639; display:block;}
.home_back li:hover a { color:#FFF;}
/*表格*/
.tab_box { text-align:center; padding:30px 0; max-width:1200px; margin:0 auto; font-size:18px;font-family: "微軟正黑體"; color:#3b2b1e;}
.tab_box span { color:#F00;}
.tab_tit { text-align:center; padding:20px 0 20px 0; background:url(../images/tab_tit.png) center bottom no-repeat; margin-bottom:20px;}
.tit_5 { font-size:22px; color:#3b2b1e; font-weight:bold; text-align:center;}
.btn_01 {text-align:center; padding:5px 20px;font-family: 'Noto Serif TC', serif; display:inline-block; color:#5c4639; border:1px solid #5c4639; background-color:#FFF;}
.btn_02 { width:320px; margin:40px 0; padding:15px;}
.btn_01:hover {background-color:#5c4639; color:#FFF;}
.tab_box th, .tab_box td { padding-bottom:20px;}
.tab_box th { text-align:right; padding-right:10px;}
.tab_box td { text-align:left;}
.inp_01 { width:90%; height:40px; line-height:40px; border:1px solid #CCC; text-indent:10px; font-size:15px;}
.inp_02 { width:90%; height:150px;border:1px solid #CCC; padding:10px;}
.inp_03 { width:40%;border:1px solid #CCC;}
.fl_rr { line-height:40px; display:inline-block;}
input.inp_04 { width:20px; height:20px; border-radius:20px; border:1px solid #999 ;
	}
.inp_05 label{ display:inline-block; padding:0 10px 10px 0;}
.inp_06 { width:150px;}

@media screen and (min-width:768px) and (max-width:1024px) {
	.logo {background-size:100%;}
	.menu_box ul li ul.menu_in { position:absolute; left:3%; right:3%; top:105px; }
	.box_03_in .tit { padding:20px 0;}
	.photo2 .flex-control-paging li a { width:60px;}
	.icon_more2 { margin:20px 0;}
	.box_03_in .txt p { height:70px; font-size:18px;}
	/*師資*/
	.teach_menu { display:none;}
	.teach_list { width:90%; margin-right:5%;}
	
	.pp_03 .txt {top:15%;}
	.pp_03 {  height:450px;}
	.box_03 .txt_in p { font-size:20px; height:110px;}
	
	.photo.photo3_2 .flex-control-paging li a { width:60px;}
	.photo3 .flex-control-paging li a { height:70px; }
	
}
/*平板尺寸and (orientation:portrait)*/
@media screen and (min-width:768px) and (max-width:1000px) {
	/*內頁*/
	

}