@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	background: url(../images/bg.gif);
	font-family:Arial, Helvetica, sans-serif,"微軟正黑體";
}
a {
	color: #0f186a;
}
a:hover {
	color: #d12138;
	text-decoration: underline;
}
#header {
	background: url(../images/header/bg.gif) repeat-x;
}
#header table {
	width: 1000px;
	margin: 0 auto;
}
#header  .content{
	width: 1000px;
	margin: 0 auto;
	background:url(../images/header/header_img.png) center no-repeat;
	height:155px;
	position:relative;
}

#topMenu {
	/*background: url(../images/header/tM_bg.gif) repeat-x;*/
	background:url(../images/header/navi_wood_bg.png)repeat-x;
	height: 43px;
}
#topMenu div {
	margin: 0 auto;
}
#topMenu .outer{ margin:0 auto; text-align:center;}
#topMenu .outer ul{ margin:0; padding:0; list-style:none; z-index: 999;    display: inline-flex;}
#topMenu .outer ul:after{ display:block; content:''; clear:both;}
#topMenu .outer ul li{ display:inline-block;}
#topMenu .outer ul li a{ display:block; width:100%; margin: 0 5px; height:43px; color:#FFF; text-decoration:none; line-height:43px; font-size:15px;}
#topMenu .outer ul ul{ display:none; position: absolute;}
#topMenu .outer ul ul li{ display:block;}
#topMenu .outer ul ul li a{ color:#05637c; border:1px solid #dfdfdf; border-top:none; padding:3px 5px; display:block; width:100%; background:#fff; text-decoration:none; text-align:left; line-height:20px; font-size:13px; height:auto;}
#topMenu .outer ul ul li a:hover {color: #d12138;}
#middle table {
	background: #FFF;
}
#left {
	width: 264px;
	background: #fdfae9;
	padding-bottom: 15px;
}
.l_links {
	background: url(../images/left/links_bg01.gif) repeat-y;
	text-align: center;
}
.l_links a {
	padding-bottom: 5px;
	display:block;
}
.l_links a img{ max-width:180px;}
#right {
}
#right a{
	 overflow-wrap: break-word;
	  word-wrap: break-word;
	
	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;
}
#middle .page_outer{ width:1003px; margin:0 auto; background:#fff;}
#middle .page_outer:after{ content:''; display:block; clear:both;}
#middle .page_outer #left{ float:left; text-align:left;}
#middle .page_outer #right{ float:right; margin-right:15px;}
.popup_info_list{ background:#fff; max-width:500px; margin:0 auto;     position: relative;}
.popup_info_list .popup_div { padding:30px;}
.popup_info_list .popup_div h3{ font-size:20px; color:#fff; background: #ff1a6a;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; padding: 3px 0; margin: 5px 0;}
.popup_info_list .popup_div p{ font-size:20px; margin-top:20px;}
.popup_info_list .popup_div ul{ margin:0; padding:0; list-style:none;}
.popup_info_list .popup_div ul li{ font-size:17px; padding:5px 0;}
.popup_info_list .popup_div ul li.line{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.line:before{ background:url(../images/front/header/icon_line.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.skype{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.skype:before{ background:url(../images/front/header/icon_skype.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.facebook{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.facebook:before{ background:url(../images/front/header/icon_facebook.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.instagram{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.instagram:before{ background:url(../images/front/header/icon_instagram.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.home{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.home:before{ background:url(../images/front/header/icon_home.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.telephone{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.telephone:before{ background:url(../images/front/header/icon_telephone.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.mobile{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.mobile:before{ background:url(../images/front/header/icon_mobile.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popup_info_list .popup_div ul li.email{ padding-left:30px; position:relative;}
.popup_info_list .popup_div ul li.email:before{ background:url(../images/front/header/icon_email.png) left center no-repeat; background-size:24px 24px; width:24px; height:24px; content:''; position:absolute; left:0 ;top:3px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

.img_slider:after{ content:''; display:block; clear:both;}
.img_slider a{ display:none; margin:5px; width:calc(25% - 10px); float:left; overflow:hidden; position:relative;}
.img_slider a:after{ position:absolute; content:url(../images/icons/icon_black_zoom.png); left:calc(50% - 12px); top:calc(50% - 12px);}
.img_slider a img{ width:100%;}
.img_slider a:nth-child(1){  display:inline-block;}
.img_slider a:nth-child(2){  display:inline-block;}
.img_slider a:nth-child(3){  display:inline-block;}
.img_slider a:nth-child(4){  display:inline-block;}

.link_home{ width:100%; height:125px; text-align:left;}
.link_home a{ display:inline-block; width:120px; height:100%;}
.line_div{ position:absolute; right:0 ; top:20px; width:90px; height:90px;}
.line_div a{ display:inline-block;width:90px; height:90px;}
.company_info_div{ width:1000px; margin:0 auto;}
.company_info_div ul{ margin:0; padding:0; list-style:none;}
.company_info_div ul li{/*float:left; */display:inline-block; font-size:14px; margin-right:10px;}
.company_info_div ul li a{ text-decoration:none;}
.company_info_div ul li:nth-child(1){ background:url(../images/header/icon_tel.png) left center no-repeat; padding-left:22px;}
.company_info_div ul li:nth-child(2){ background:url(../images/header/icon_phone.png) 2px center no-repeat; padding-left:25px;}
.company_info_div ul li:nth-child(3){ background:url(../images/header/icon_email.png) 2px  center no-repeat; padding-left:25px;}
.company_info_div ul li:nth-child(4){ background:url(../images/header/icon_line.png) 2px center no-repeat; padding-left:25px;}
.company_info_div ul li:nth-child(5){ background:url(../images/header/icon_map.png) 2px center no-repeat; padding-left:25px;}
.big_title{ background:url(../images/titles/title_big_bg01.png) left top no-repeat; padding-top:10px; line-height:30px; padding-left:10px; font-size:19px; color:#003373; font-weight:800; text-align:left; border-bottom:3px solid #d7a8b4; margin-bottom:10px; }
.big_title:before{ display:block; content:''; clear:both;}
.clear:after{display:block; content:''; clear:both;}
.sub_title{ background:url(../images/titles/title_blue_bg.png) left center no-repeat; line-height:25px; font-size:16px; color:#0091f6;}
.sub_title.blue{ color:#0091f6;}
.sub_title.red{ background:url(../images/titles/title_red_bg.png)left center no-repeat; color:#f00;}
.sub_title.purple{ background:url(../images/titles/title_purple_bg.png)left center no-repeat; color:#8b00a0;}
.sub_title.green{ background:url(../images/titles/title_green_bg.png)left center no-repeat; color:#108800;}
.detail_title{ background:url(../images/titles/title_page.png) center no-repeat; height:85px; text-align:center; font-size:28px; line-height:80px; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;     font-weight: 800;}
.owl-carousel, .owl-stage-outer {
    width: 705px;
    height: 212px;
}
.owl-carousel .item a{ display:block;}
#homeContent {
	text-align: left;
	width: 705px;
	margin-top: 15px;
}
.hot_movie{ margin-bottom:15px;}
.hot_movie .title{ margin-bottom:15px;}
.hot_movie ul{ margin:0; padding:0; list-style:none;}
.hot_movie ul:after{ display:block; content:''; clear:both;}
.hot_movie ul li{ float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:10px;}
.hot_movie ul li:nth-child(3n+3){ margin-right:0;}
.hot_article{ margin-bottom:15px;}
.hot_article .title{ margin-bottom:15px;}
.hot_article .list_item:after{ display:block; content:''; clear:both;}
.hot_article .list_item .item{ width:32%; float:left; margin-right:2%;}
.hot_article .list_item .item:nth-child(3n+3){ margin-right:0;}
.hot_article .list_item .item .outer{ border:1px solid #CCC; padding:5px; text-align:center; }
.hot_article .list_item .item .outer a{  text-decoration:none; font-size:16px; display: inline-block; min-height:60px; position:relative; padding:5px 5px 5px 5px; width:90%;}
.hot_article .list_item .item:nth-child(1) .outer a{ background:url(../images/home/hot_article_img001.jpg) center top no-repeat ; background-size:auto 180px; padding-top:190px;}
.hot_article .list_item .item:nth-child(2) .outer a{ background:url(../images/home/hot_article_img002.jpg) center top no-repeat ; background-size:auto 180px; padding-top:190px;}
.hot_article .list_item .item:nth-child(3) .outer a{ background:url(../images/home/hot_article_img003.jpg) center top no-repeat ; background-size:auto 180px; padding-top:190px;}
.hot_article .list_item .item .outer a:after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #555 transparent transparent transparent;

}
.hot_article .list_item .item .outer a:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 00px;
	border-color: transparent transparent #fff transparent;
}
.hot_package{ margin-top:10px; margin-bottom:15px;}
.hot_package .title{ display:block;margin-bottom:15px;}
.hot_package ul{ margin:0; padding:0; list-style:none;}
.hot_package ul:before{ display:block; content:''; clear:both;}
.hot_package ul:after{ display:block; content:''; clear:both;}
.hot_package ul li{ float:left; width:32%; margin-right:2%;}
.hot_package ul li:nth-child(3n+3){ margin-right:0;}
.hot_package ul li img{ /*width:100%;*/}
.hot_package ul li img:hover{ opacity:0.6;}

.study_tour{ margin-top:10px; margin-bottom:15px;}
.study_tour .title{ display:block;margin-bottom:15px;}
.study_tour ul{ margin:0; padding:0; list-style:none;}
.study_tour ul:before{ display:block; content:''; clear:both;}
.study_tour ul:after{ display:block; content:''; clear:both;}
.study_tour ul li{ float:left; width:32%; margin-right:2%;}
.study_tour ul li:nth-child(3n+3){ margin-right:0;}
.study_tour ul li img{ /*width:100%;*/}
.study_tour ul li img:hover{ opacity:0.6;}

.home_recommend_title{ margin-bottom:15px;}
.sub_school_title{ background:url(../images/icon_school.png) 5px center no-repeat; background-size: 25px auto; padding-left:30px; font-size:17px; font-weight:800; margin-bottom:10px; color: #173f72; }
.sub_school_title.dormitory{ background:url(../images/home/title_recommend_dormitory.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.sub_school_title.service{ background:url(../images/home/title_recommend_service.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.sub_school_title.more{ background:url(../images/home/title_recommend_more.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.sub_school_title.hot{ background:url(../images/home/title_recommend_hot.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.sub_school_title.taiwan{ background:url(../images/home/title_recommend_taiwan.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.sub_school_title.outside{ background:url(../images/home/title_recommend_outside.png) left center no-repeat; height:35px; text-indent:-9999px; margin-bottom:0;}
.shool_list{ margin-bottom:15px;}
.shool_list ul{ margin:0; padding:0; list-style:none;}
.shool_list ul:after{ content:''; clear:both; display:block;}
.shool_list ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.shool_list ul li:nth-child(3n+3){ margin-right:0;}
.shool_list ul li div {
	border: #b7b7b7 1px solid;
	min-height: 235px;
	text-align:center;
	padding-top:5px;
	background:#fff;
}
.shool_list ul li div a{ display:inline-block; height:160px;} 
.shool_list ul li div img{  max-width:215px;}
.shool_list ul li div img:hover{ opacity:0.6;}
.shool_list ul li div a{ display:inline-block; height:150px; overflow:hidden;}
.shool_list ul li b {
	color: #d12138;
	font-size: 16px;
	line-height: 24px;
	display: block;
	padding-left: 5px;
	text-align:left;
	margin-top:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
}
.shool_list ul li span {
	display: block;
	padding: 0px 5px;
	text-align:left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
}
#homeContent .shool_list ul li span ol{ margin:0; padding:0 0 0 20px; list-style:disc;}
#homeContent .shool_list ul li span ol li{ float:none; display:block; width:100%;margin-bottom: 0; position:relative;}
#homeContent .shool_list ul li span ol li:after{ content:''; position:absolute; left:-12px; top:6px; width:5px; height:5px; border-radius:10px; background:#333;}
.shool_list.dormitory{ padding:5px; background:#f6f8ee;}
.shool_list.service{ padding:5px; background:#eef8f8;}
.shool_list.more{ padding:5px; background:#f8eef3;}
.shool_list.hot{ padding:5px; background:#f8f5ed;}
.shool_list.outside{ padding:5px; background:#f1eef8;}



#home_shool_list {
	margin-bottom: 10px;
}
#home_shool_list table {
	text-align: left;
}
#home_shool_list div {
	border: #b7b7b7 1px solid;
	min-height: 235px;
}
#home_shool_list b {
	color: #d12138;
	font-size: 16px;
	line-height: 24px;
	display: block;
	padding-left: 5px;
}
#home_shool_list span {
	display: block;
	padding: 0px 5px;
}
#home_banner01 {
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}
#home_banner01 td {
	width: 50%;
	text-align: center;
}
#home_banner02 {
	margin-bottom: 10px;
	width: 100%;
}
#homeAd01 {
	background: url(../images/home/ad01.jpg) no-repeat;
	height: 245px;
	color: #173f72;
	font-family: "標楷體";
	font-size: 16px;
	line-height: 26px;
	position:relative;
}
#homeAd01 div.desc {
	padding: 45px 300px 0px 0px;
}
#homeAd01 div.owl-carousel-small{ position:absolute; right:0; top:45px; width:300px; height:200px; overflow:hidden;}
#homeAd02 {
	background: url(../images/home/ad02.webp) no-repeat;
	height: 250px;
	color: #173f72;
	font-family: "標楷體";
	font-size: 16px;
	line-height: 25px;
	margin-top:20px;
	position:relative;
}
#homeAd02 ul{
	/*margin: 0px;
	padding: 0;
	margin-left: 27px;
	padding-top: 51px;
	list-style: none;*/
}
#homeAd02 ol{
	margin: 0px 230px 0 5px;
	padding: 0 0 0 25px;	
	padding-top: 51px;	
}
#homeAd02 a{ display:inline-block; position:absolute; right:0; top: 20px; width: 250px; height: 200px;}
#path {
	margin-bottom: 10px;
	border-bottom: 1px #666 dotted;
	text-align: left;
	margin-top: 15px;
}
#path a {
	color: #333;
	text-decoration: none;
}
#path a:hover {
	color: #d12138;
	text-decoration: underline;
}
#content {
	text-align: left;
	width: 645px;
	margin-top: 5px;
	border: 1px #CCC solid;
	padding:10px 30px;
	margin-bottom: 20px;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
#content:after{ content:''; display:block; clear:both;}
.clear:after{ content:''; display:block; clear:both;}

#content img{ max-width:100%; margin-bottom:5px;}
.ul_one_room_fancy{ margin:0; padding:0; list-style:none;}
.ul_one_room_fancy:after{ content:''; display:block; clear:both;}
.ul_one_room_fancy li{ width:25%; float:left; text-align:center; margin:10px 0;}
.ul_one_room_fancy li a{ display:inline-block; width:95%; height:150px;}
.ul_one_room_fancy.three li{ width:33.33333%; margin:0;}
.one_room_title{ font-size:24px; color:#628e4c; text-align:center;}
.one_room_sub_title{ background: url(../images/icons/icon_cloud01.png) #006081 5px center no-repeat; background-size:15px 15px; padding:2px 10px 2px 30px; margin:5px 0; border-bottom:1px solid #d02e41; font-size:15px; color:#FFF; border-radius:3px; }
.one_room_div{ margin-bottom:20px;}
.one_room_div:last-child{ margin-bottom:0;}
.one_room_div.search_fix_table .table01 tr td:nth-child(1){ width:80px;}
.one_room_div.search_fix_table .table01 tr td:nth-child(2){}
.one_room_div.search_fix_table .table01 tr td:nth-child(3){ width:110px;}
.one_room_div.search_fix_table .table01 tr td:nth-child(4){ width:120px;}
.oversea_service_div select.oversea_select{ width:100%; font-size:16px;}
.oversea_sub_title{ background: url(../images/icons/icon_cloud01.png) #006081 5px center no-repeat; background-size:15px 15px; padding:2px 10px 2px 30px; margin:5px 0; border-bottom:1px solid #d02e41; font-size:15px; color:#FFF; border-radius:3px; }
.oversea_detail_title{ margin-top:15px; padding-left:15px; color:#006081; font-size:15px; border-bottom:1px solid #006081; position:relative; margin-bottom:15px; line-height:30px;  }
.oversea_detail_title img{ 
	max-height: 25px;
    width: auto;
    margin-left: 15px;
    margin-bottom: -5px;
}
.oversea_detail_title:before{ content:''; position:absolute; left:0; top:35%; background:#006081; width:10px; height:10px; border-radius:50%; }
#subMenu {
	margin-top:20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
}

#subMenu a {
	color: #5d1f00;
	font-size:15px;
	text-decoration: none;
	padding-left: 20px;
	margin-right:5px;
	background: url(../images/icons/icon_submenu01.gif) no-repeat;
	display:inline-block;
}
#subMenu a:hover {
	color: #d12138;
	text-decoration: underline;
	background: url(../images/icons/icon_submenu02.gif) no-repeat;	
}

.switch_div ul{ margin:0 5px;border-bottom: 1px dashed #CCC; padding:0; list-style:none; text-align:center;}
.switch_div ul:after{ display:block; clear:both; content:'';}
.switch_div ul li{ display:inline-block; margin:0 5px;}
.switch_div ul li a {
	color: #5d1f00;
	text-decoration: none;
	padding-left: 20px;
	background: url(../images/icons/icon_submenu01.gif) no-repeat;
	font-size:15px;
}
.switch_div ul li a:hover {
	color: #d12138;
	text-decoration: underline;
	background: url(../images/icons/icon_submenu02.gif) no-repeat;	
}
.switch_div ul li.active a{color: #d12138;}
.switch_div ul.ul01{ text-align:left;}
.switch_div ul.ul01 li{ display:block; width:100%;}
form#contactUs input[type=text] {
	width: 300px;
}
form#contactUs textarea {
	width: 600px;
	height: 150px;
}
form#contactUs02 input[type=text] {
	width: 150px;
}
form#contactUs02 textarea {
	width: 450px;
	height: 100px;
}
.input01 {
	width: 50px;
}
.sub_content img{ max-width:100%;}
.ul_img_3item{ list-style:none; margin:0; padding:0;}
.ul_img_3item:after{ display:block; content:''; clear:both;}
.ul_img_3item li{ margin-bottom:5px; float:left; width:33.33333%; text-align:center; max-height:140px; overflow:hidden;}
.ul_img_3item li img{ width:98%; }
.ul_img_2item{ list-style:none; margin:0; padding:0;}
.ul_img_2item:after{ display:block; content:''; clear:both;}
.ul_img_2item li{ margin-bottom:5px; float:left; width:50%; text-align:center; max-height:230px; overflow:hidden;}
.ul_img_2item li img{ width:98%; }


#footer {
	background: url(../images/footer/bg.gif) repeat-x;
	vertical-align: top;
}
#footer div.container {
	background: url(../images/footer/footer.gif) no-repeat;	
	margin: 0 auto;
	width: 1100px;
	padding-top: 5px;
	padding-bottom:5px;
}
#footer div.info_02{ background:none; margin-top:15px;}
#footer .info_div {
	display: block;
	margin:30px 0 0 400px;
	text-align: left;
	
}
.oneroom_type{ padding-left:18px; font-size:14px; color:#C00 ; padding-right:18px;}
.oneroom_type a{ color:#333; text-decoration:underline; margin-left:15px; }
#left a img:hover{ opacity:0.6;}
.leftSchool {
	/*list-style-image: url(../images/icons/icon_arrow01.gif);*/
	margin-bottom: 2px;
	margin-top: 2px;
	padding-left: 0;
	list-style:none;
}
.leftSchool li {
	padding-left: 0px;
}
.leftSchool a {
	text-decoration: none;
	color: #173f72;
	font-size:14px;
	background:url(../images/icons/icon_arrow01.gif) 10px center no-repeat;
	padding-left:20px;
	display: block;
}
.leftSchool a:hover {
	text-decoration: underline;
	color: #d12138;
}
.leftSchool li.is_hot{ background:url(../images/left/tab_hot.png) left center no-repeat; ; list-style:none; margin-left:10px; height:38px; margin-bottom:5px;}
.leftSchool li.is_hot a{ display:block;text-shadow: 0px 0px 6px rgba(255, 0, 0, 1); color:#fff; line-height:38px; height:38px;padding-left:8px; font-size:15px; width: 220px; text-align:center; background:none;}
.leftSchool a.is_hot.red{ color:#F00;}
.leftSchool li.change_color{ border:1px solid #CCC; background:#fff; margin:5px; padding:3px;}
.leftSchool li.change_color a{
	animation: change_color 3s infinite;
	background:#efefef;
	padding-left:0;
	text-align:center;
	padding:3px 0;
}
@keyframes change_color { 
  0%   {text-shadow:none; color: #f00;}  
  50%  {text-shadow: 0px 0px 6px rgba(255, 255, 255, 1); color: #173f72;}
  100% {text-shadow:none; color: #f00;}
}


.scholl_outer .more a{ margin:5px 0; padding-left:20px; display:block; text-decoration:none;}
.gotop {
	text-align: right;
	margin: 10px 0;
}
.color01 {
	color: #173f72;
}
.color02 {
	color: #d12138;
}
.red{ color:#f00;}
.green{ color: #108800;}
.blue{ color: #0091f6;}
.white{ color:#fff;}
.floatL {
	float: left;
	margin-right: 15px;
}
.floatR {
	float: right;
	margin-left: 15px;
}
.font12 {
	font-size: 12px;
}
.font15 {
	font-size: 15px;
	line-height: 22px;
}
.ul01 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 5px;
	list-style-image: url(../images/icons/icon_circle_ul01.gif);
	margin-bottom: 5px;
}
.ul01 li {
	height: auto;
}
.ul02 a{
	text-decoration: none;
}
.ul02 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 5px;
	list-style-image: url(../images/icons/icon_ul02.gif);
	margin-bottom: 5px;
}
.ul02 li {
	color: #d12138;
	font-family: "標楷體";
	font-size: 16px;
	line-height: 25px;
}
.ul02 li b{ margin-right:10px;}
.ul02 li small{ margin-left:10px;}
.center_title{ text-align:center; margin:20px 0; font-size:18px; font-weight:800; color: #d12138; position:relative;}
.center_title b{ display:inline-block; background:#fff; position:relative; padding:0 10px;}
.center_title:before{ position:absolute; left:0; right:0; height:1px; top:50%; content:''; background:#e7aab2;}
.title01 {
	color: #173f72;
	font-size: 14px;
	font-weight: 800;
	/*border: 1px #d12138 solid;	
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 5px;
	display: inline-block;*/
	margin: 10px 0;
	padding:0 !important;
	font-size:16px !important;
	border:none !important;
	border-bottom:2px solid #5995a5 !important;
	background:url(../images/icons/icon_handed_fan.png) left center no-repeat ; 
	background-size: auto 20px;
	height:25px !important;
	line-height:25px;
	padding-left:25px !important;
	display:block !important;
	border-radius:0 !important;
}
.title02 {
	font-weight: bold;
	font-size: 20px;
	font-family: Arial, 標楷體;
	letter-spacing: -1px;
	color: #d12138;
	/*-moz-text-shadow: 3px 3px 3px rgba(20%,20%,40%,0.3);
	-webkit-text-shadow: 3px 3px 3px rgba(20%,20%,40%,0.3);
	text-shadow: 3px 3px 3px rgba(20%,20%,40%,0.3);*/
	margin-top:20px;
}
.title02_sub{
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
	font-size: 15px;
	background-color:#d12138;
	color: #fff;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	padding: 3px;
}
.title03{
	font-weight: bold;
	font-size: 16px;
	color: #d12138;
}
.schoolList01 {
	background: url(../images/icons/icon_circle_ul01.gif) no-repeat;
	border-bottom: 1px dashed #b82e6c;
	padding-left: 15px;
	color: #173f72;
	font-size: 15px;
	font-weight: 800;
	width: 475px;
	margin-bottom: 10px;
}
.schoolList01 a {
	text-decoration: none;
	color: #173f72;
}
.schoolList02 {
	background: url(../images/icons/icon_circle_ul01.gif) no-repeat;
	border-bottom: 1px dashed #b82e6c;
	padding-left: 15px;
	color: #173f72;
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 10px;
}
.schoolList02 a {
	text-decoration: none;
	color: #173f72;
}
#content table{
	border-collapse: collapse;
	border-left: solid 1px #d3cdc3;
	border-top: solid 1px #d3cdc3;
	margin-top: 5px;
	font-size: 12px;
	max-width:645px;
}
#content p{ margin:5px 0;}
#content table p{ margin:0;}
#content table tr td {
	border-bottom: solid 1px #d3cdc3;
	border-right: solid 1px #d3cdc3;
	padding: 3px;
	/*background: #f1eadd;*/
	text-align: left;
	padding: 0 3px;
	position:relative;
}
#content table tr td label.error{ right:auto;  top:0;}
#content table tr td label.error:before {
    content: '';
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent #ff0000 transparent transparent;
    position: absolute;
    left: -5px;
    bottom: 5px;
}
table.text_center td{ text-align:center !important;}
.table01 {
	border-collapse: collapse;
	border-left: solid 1px #d3cdc3;
	border-top: solid 1px #d3cdc3;
	margin-top: 5px;
	font-size: 12px;
}

.table01 tr th {
	border-bottom: solid 1px #d3cdc3;
	border-right: solid 1px #d3cdc3;
	padding: 3px;
	background: #a68f68;
	text-align: center;
	padding: 0 3px;
	color: #FFF;
	font-weight: 400;
}
.table01 tr td {
	border-bottom: solid 1px #d3cdc3;
	border-right: solid 1px #d3cdc3;
	padding: 3px;
	background: #f1eadd;
	text-align: left;
	padding: 0 3px;
}
.table01 tr td a {
	color: #173f72;
	text-decoration: none;
}
.table01 tr td a:hover {
	color: #d12138;
	text-decoration: underline;
}
.table02 {
	border-collapse: collapse;
	border:none;	
	margin-top: 5px;
	font-size: 12px;
}
.table02 tr th {
	border:none;
	padding: 3px;	
	text-align: center;
	padding: 0 3px;	
	font-weight: 400;
}
.table02 tr td {
	border:none;
	padding: 3px;		
	padding: 0 3px;
}
.table02.three_item td{ width:33.33333%}

.table03{ border:none !important;}
.table03 td{ border:none!important;}


.clearAll {
	clear: both;
}
.marginB01 {
	margin-bottom: 10px;
}
.bannerFloatLeft {
	position: fixed;
	margin-left: -140px;
	margin-top: 10px;
}
ol{ margin-top:15px;}
.hide{ display:none;}
.blog_select{ margin:20px 0; text-align:right;}

#homeContent .owl-carousel .owl-controls .owl-nav .owl-prev{ background:url(../flash/green_arrow_left.png) center no-repeat; width:45px; height:45px; position:absolute; left:10px; top:40%; text-indent:-9999px; opacity:0.5;}
#homeContent .owl-carousel .owl-controls .owl-nav .owl-next{ background:url(../flash/green_arrow_right.png) center no-repeat; width:45px; height:45px; position:absolute; right:10px; top:40%;text-indent:-9999px; opacity:0.5;}
#homeContent .owl-carousel .owl-controls .owl-nav div:hover{ opacity:0.9;}
.big_title_size17 .big_title{ font-size:17px;}
.big_title_size17.faq b{ font-size:17px; color:#C00;}
.big_title_size17 img{ max-width:100%;}

.winter_summer_camp .big_title{ font-size:19px;}
.winter_summer_camp .anchor_ul{ margin:0; padding:0; list-style:none; margin-bottom: 20px;    border-bottom: 1px dashed #CCC;    padding-bottom: 5px;}
.winter_summer_camp .anchor_ul li{ width:20%; float:left; }
.winter_summer_camp .anchor_ul:after{ content:''; display:block; clear:both;}
.winter_summer_camp .anchor_ul li a{background: url(../images/icons/icon_submenu01.gif) no-repeat; padding-left:20px; text-decoration:none;}
.winter_summer_camp .anchor_ul li a:hover{background: url(../images/icons/icon_submenu02.gif) no-repeat; text-decoration:none;}

.oneroom .big_title{ font-size:20px;}
.oneroom .anchor_ul{ margin:0; padding:0; list-style:none; margin-bottom: 20px;    border-bottom: 1px dashed #CCC;    padding-bottom: 5px;}
.oneroom .anchor_ul li{ width:50%; float:left; }
.oneroom .anchor_ul:after{ content:''; display:block; clear:both;}
.oneroom .anchor_ul li a{background: url(../images/icons/icon_submenu01.gif) no-repeat; padding-left:20px; text-decoration:none;}
.oneroom .anchor_ul li a:hover{background: url(../images/icons/icon_submenu02.gif) no-repeat; text-decoration:none;}

.application_div{background: #f1eadd;}
.application_div .item{  display:table;border-bottom:solid 1px #d3cdc3; padding:7px 0;  width:100% }
.application_div .item div{ position:relative;}
.application_div .item .table{margin-left:10px;}
.application_div .item .table:after{ content:''; display:block; clear:both; }
.application_div .item .table>div{ display:table-cell; vertical-align:middle; padding:3px;}
.application_div .item.birthday_sex input{ width:40px;}
.application_div .item.address input{ width:500px;}
.application_div .item.graduation{}
.application_div .item.school_hight_school  input{ width:80px;}
.application_div .item.school_university  input{ width:80px;}
.application_div .item.passport input{ width:40px;}
.application_div .item.passport>div>div:nth-child(2) input{ width:100px;}
.application_div .item.urgent div{ position:inherit;}
.application_div .item.urgent>div>div>div>div{ float:left; position:relative;}
.application_div .item.urgent>div>div>div>div:first-child{ margin-right:10px;}
.application_div .item.urgent>div>div>div:last-child input{ width:352px;}
.application_div .item.study_date input{ width:40px;}
.application_div .item.pick_up>div>div>div{ float:left;}
.application_div .item.ticket>div>div>div{ float:left;min-width: 40px;}
.application_div .item.other input{ width:500px;}
.application_div .item.arrival input{ width:40px;}
.application_div .item.leave input{ width:40px;}
.application_div .item.korean_level .float div{ float:left;}
.application_div .item.korean_level .float:after{ content:''; display:block; clear:both;}
.application_div .item.korean_level>div>div>div:last-child input{ width:100px;}
.application_div .item.airline input{ width:60px;}

.company_policy h2 span{ float:right; font-size:13px;}
.company_policy .add_border{border:solid 1px #d3cdc3; padding:15px;}
label.error{ /*color:#f00;display:none !important;*/ position:absolute;top:-10px; right:-10px; background:#f00; color:#fff; padding:0 5px; z-index:99; }
label.error:before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #f00 transparent  transparent transparent;
	position:absolute;
	left:10%;
	bottom:-5px;
}
.input_required.error{ border:1px solid #f00; }
#fancybox_popup_success .popup_msg_div{ min-width:350px; background:url(../images/icons/icon_success.png)  center 10px no-repeat; padding-top:150px;}
#fancybox_popup_fail .popup_msg_div{   min-width:350px; background:url(../images/icons/icon_fail.png)  center 10px no-repeat;  padding-top:150px;}
#fancybox_popup_success .popup_msg_div h2{ text-align:center;}
#fancybox_popup_fail .popup_msg_div h2{ text-align:center;}
.float_R{ float:right; margin-left:20px;}
.float_L{ float:left; margin-right:20px;}
.float_div{ position:fixed; top:30%; right:0; z-index:9999; }
.float_div a{ display:block;margin:5px 0;}
.float_div a:hover{ opacity:0.6;}
.clear:after{ content:''; clear:both; display:block;}
.one_room_search_outer:after{ content:''; clear:both; display:block;}
.one_room_list_ul{ margin:0; padding:0; list-style:none;}
.one_room_list_ul li{ margin:0 0 20px 0;}
.one_room_search_outer .search_div{ border:1px solid #ecd3ba; padding:15px; background:#fff3e7; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin:10px 0; float:left; width:130px;}
.one_room_search_outer .search_div .title01{ margin-top:0;}
.one_room_search_outer .list_div{ float:right; width:470px; padding-top:10px;}
.one_room_search_outer .list_div .outer{}
.one_room_search_outer .list_div .room_name{ font-size:13px; font-weight:800; background:#fafaf2; padding:3px; color:#C00; margin-bottom:5px;}
.one_room_search_outer .list_div .info:after{ content:''; clear:both; display:block;}
.one_room_search_outer .list_div .info .left{ float:left; width:120px;}
.one_room_search_outer .list_div .info .left a{ display:block; height:88px; width:100%;}
.one_room_search_outer .list_div .info .left a:hover{ opacity:0.6;}
.one_room_search_outer .list_div .info .right{ float:right; width:340px;}
.one_room_search_outer .list_div .info .right table{ margin-top:0 !important; }
.one_room_search_outer .list_div .info .right table td{ padding-top:4px !important; padding-bottom:4px !important;}
.search_div .mrt_ul{ margin:0; padding:0; list-style:none;}
.search_div .mrt_ul li{ display:block; cursor:pointer;}
.search_div .mrt_ul li input{ display:none;}
.search_div .school_ul{ margin:0; padding:0; list-style:none;}
.search_div .school_ul li{ display:block;  cursor:pointer;}
.search_div .school_ul li input{ display:none;}

.method_step_div{ position:relative; margin-bottom:30px;}
.method_step{ margin-bottom:10px;}
.method_step:after{ content:''; clear:both; display:block;}
.method_step_div .method_step:nth-child(10){ z-index:1}
.method_step_div .method_step:nth-child(9){ z-index:2}
.method_step_div .method_step:nth-child(8){ z-index:3}
.method_step_div .method_step:nth-child(7){ z-index:4}
.method_step_div .method_step:nth-child(6){ z-index:5}
.method_step_div .method_step:nth-child(5){ z-index:6}
.method_step_div .method_step:nth-child(4){ z-index:7}
.method_step_div .method_step:nth-child(3){ z-index:8}
.method_step_div .method_step:nth-child(2){ z-index:9}
.method_step_div .method_step:nth-child(1){ z-index:10}


.method_step .left_div{ float:left;  width:60px; padding-top:30px; font-size:16px; color:#fff; background:#5b9bd5; position:relative; text-align:center;}
.method_step .left_div:before{
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #fff transparent transparent transparent;
}
.method_step .left_div:after{
	display:block;
	content:'';
	position:absolute;
	left:0;
	bottom:-20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #5b9ad5 transparent transparent transparent;
	z-index:9;

}
.method_step .right_div{ float:right;  width:583px;  position:relative; border:1px solid #5b9ad5;}
.method_step .right_div ul{ margin-top:5px; margin-bottom:5px; }
.method_step .right_div ul li{padding-top:0px; padding-bottom:0px;}

.hide_password{ display:none;}
.blockUI.blockOverlay{ background:url(../images/icons/icon_black_lock.png) #393434; opacity:1;}
.wid_50{ width:50px;}
#login-form { position:relative;}
#login-form  div{ width:220px; margin:0 auto; position:relative;}

.banner_list{ border:1px solid #e1c6a9; padding:5px; margin:15px 0;}
.banner_list:after{ content:''; display:block; clear:both;}
.banner_list .item{ float:left; width:25%;}
.banner_list .item a{ display:block; margin:5px; text-decoration:none; border:1px solid #896f52;}
.banner_list .item a img{ width:100%;}
.banner_list .item a h3{ border-top:1px solid #896f52; font-size:16px; text-align:center; margin:0; padding:5px; background: url(../images/home/wood_bg.png) center no-repeat #896f52; text-shadow: 0 2px 6px #fff; color: #2d1800; font-weight:800;text-indent:-9999px;
}
.banner_list .item:nth-child(1) a h3{background: url(../images/home/wood_bg001.png) center no-repeat #896f52;  }
.banner_list .item:nth-child(2) a h3{background: url(../images/home/wood_bg002.png) center no-repeat #896f52;  }
.banner_list .item:nth-child(3) a h3{background: url(../images/home/wood_bg003.png) center no-repeat #896f52;  }
.banner_list .item:nth-child(4) a h3{background: url(../images/home/wood_bg004.png) center no-repeat #896f52;  }
.no_school{ display:none;}


.week_year_tab{ text-align:center; border-bottom:2px solid #CCC; padding:15px 0;}
.week_year_tab a{ display:inline-block; text-decoration:none; margin:3px; padding:2px 10px; border:1px dashed #d3c2b8; font-size:16px; border-radius:20px;}

.week_teaching .week_year{ font-size:20px; text-align:center; padding:5px; margin:20px 0; background:#f1f1f1; border-radius:20px;}
.week_teaching .week_header{ display:flex; font-size:16px;}
.week_teaching .week_header div:first-child{ width:12%;}
.week_teaching .week_header div:last-child{ width:88%;}
.week_teaching .week_header b{ display:inline-block; width: calc(25% - 2px); text-align:center; border: 1px solid #fff; background:#d3c2b8; color:#fff; padding:5px 0;}
.week_teaching .weel_content .month{display:flex; border-bottom:1px solid #dfdfdf; padding:5px;}
.week_teaching .weel_content .month .week{ width:88%;display:flex;}
.week_teaching .weel_content .month .week .box{width:25%; padding:5px;}
.week_teaching .weel_content .month .week .box a{ color: #784928; font-size:13px; text-decoration:none;}
.week_teaching .weel_content .month .title{width:15%;}
.week_teaching .weel_content .month .sub_title{
	background:none;
	color: #784928;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:50px;
}

.week_teaching_detail .title_korea{ font-size:20px; color:#0000CD; margin-bottom:10px; font-weight:800;}
.week_teaching_detail .title_chinese{ font-size:20px; color:#0000CD; margin-bottom:10px;  font-weight:800;}
.week_teaching_detail .img{ margin:10px 0;}
.week_teaching_detail .img img{ max-width:100%;}
.week_teaching_detail .detail_info{ margin-bottom:30px;}

.three_banner_list{ display:flex; flex-wrap:wrap; justify-content: space-between; margin:15px 0;}
.three_banner_list .item{ width:32%; margin:6px 0;}
.three_banner_list .item:hover{ opacity:0.5;}

.left_qrcode{ display:block; margin-top:10px; text-align:center;}

.news_list .item{ margin-bottom:15px; display:flex; flex-wrap:wrap; border-bottom: 2px solid #5995a5 !important; padding:8px 0;}
.news_list .item .col01{ width:calc(100% - 100px); }
.news_list .item .col01 .title01{ border-bottom:none !important; height:auto !important; margin:0;}
.news_list .item .col01 a{ text-decoration:none;}
.news_list .item .col02{ width:100px;    text-align: right; font-size:16px; padding-top:5px;}

.link_position{ 
	display:block;
	width: 90%;
    padding: 2px;
    margin: 0 auto;
    border: 1px dashed brown;
    border-radius: 5px;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	margin-bottom:10px;
}

.gallery_list{ display:flex; flex-wrap:wrap;}
.gallery_list a{ display:inline-block; margin:5px; width:calc(25% - 10px); height:120px; position:relative;}
.gallery_list a span{ position:absolute; left:0; width:100%; height:100%; opacity:0;display:flex; flex-wrap:wrap;transition: 0.5s ease;     justify-content: center;    align-items: center;}
.gallery_list a:hover span{ opacity:1; background:url(../images/icons/icon_white_zoom.png) center no-repeat rgba(0,0,0,0.5);  background-size:24px auto;color:#fff; text-decoration:none; text-indent:-9999px;}

.room_dm{ margin:10px 18px;font-size: 14px; color: #C00;}
.room_dm a{color: #C00; text-decoration:none;}

#content table.table_yuan {
    border-collapse: collapse;
	border-left:none;
	border-top:none;
}
#content table.table_yuan td {
    width: 33.33333%;
    text-align: center;
    position: relative;
    padding: 5px;
	border-right:none;
	border-bottom:none;	

}
#content table.table_yuan td a{ display:block;}
#content table.table_yuan td img {
    width: 100%;
	margin-bottom:0;
}
#content table.table_yuan td div {
    position: absolute;
    left: 5px;
    bottom: 5px;
    right: 5px;
    padding: 5px;
    background: rgba(156,131,102,0.8);
    color: #fff;
    text-align: center;
    font-size: 15px;
		transition: all .5s;
    -ms-transform: all .5s;
    -webkit-transform: all .5s;
}
#content table.table_yuan td:hover div{ opacity:0;}