@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: top;*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
	font-family: "sourcehansans-tc","微軟正黑體",Helvetica,"Helvetica Neue",Arial,sans-serif;
	background-color: #e4e4e4;
	font-weight: 400;
	letter-spacing: 1px;
}

section{
	margin: 0 auto;
	width: 100%;
	position: relative;
	width: 1240px;
	overflow: hidden;
}
.st_title, .st_title_sm, .words_title, .news_title, .cls_recommend_title, .cls_re_content_title, .sns_title, .firm_title, .bg-primary, .mag_title, .from_title, .brand_title, .address_title, .address_tabs a, .info_rd_title, .f_link a, .f_copyright, .brd_title, .address_tabs_more a, .focus_t, .cata_t, .choice_t, .choice_cls_name span:first-child {
    font-weight: 600;
}
/*big banner*/
/*.big_banner{
	width: 1240px;
}*/
/**owl-dots big banner**/
.list_bnsider .owl-theme .owl-dots .owl-dot span {
    background: #bebebe !important;
    width: 20px;
    height: 5px;
}
.list_bnsider .owl-theme .owl-dots .owl-dot.active span, .list_bnsider .owl-theme .owl-dots .owl-dot:hover span {
    background: #2973bd !important;
}
.list_bnsider .owl-theme .owl-dots{
	position: relative;
	margin-bottom: 20px;
	margin-top: -30px !important;
}
.main_structure{
	position: relative;
	float: left;
	width: 100%;
}
.structure_1, .structure_2, .structure_3, .structure_4, .structure_5{
	position: relative;
	float: left;
	width: 246px;
	height: 113px;
	background-color: #eeeded;
	margin: 0px 1px 0px 1px;
}
.structure_2:hover, .structure_3:hover, .structure_5:hover{
	background-color: #ffffff;
}
.structure_1 img, .structure_2 img, .structure_3 img, .structure_4 img, .structure_5 img{
	position: relative;
	float: left;
	margin: 16px 0px 0px 12px;
	height: 76px;
	width: 76px;
}
.structure_1 a, .structure_2 a, .structure_3 a{
	display: block;
    width: 100%;
    height: 100%;
}
.st_div{
	position: relative;
	float: left;
	margin-top: 30px;
    margin-left: 7px;
}
.st_title{
	font-size: 28px;
	color:#000000;
	height: 40px;
}
.st_title_sm{
	font-size: 20px;
    color: #000000;
    height: 55px;
    margin-top: -10px;
}
.st_link{
	font-size: 14px;
	color:#000000;
	text-align: right;
	height: 20px;
}
.structure_4 .st_link{
	margin: 0 auto;
    display: table;
    text-align: center;
}	
.toefl_link, .gre_link, .st_link_btn{
	display: block;
    width: auto !important;
    text-decoration: none;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    border: 1px solid #ebaf1b;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
	cursor: pointer;
	margin: 0px 5px 0px 7px;
	padding: 0px 6px;
}
.toefl_link:hover, .gre_link:hover, .st_link_btn:hover{
    color: #ffffff;
	background-color: #ebaf1b;
}
/*cata*/
.cata_section{
	width: 100%;
    display: table;
}
.cata_div {
    display: table;
    width: 100%;
    background-color: #ffffff;
    min-height: 230px;
}
.cata_t{
    display: block;
    position: relative;
    font-size: 24px;
    color: #2480d4;
    padding: 15px 0px 0px 0px;
    text-align: left;
    width: 1240px;
    margin: 0 auto;
}
.cata_all{
	width: 1240px;
    margin: 0 auto;
	margin-bottom: 10px;
	display: table;
}
.cata_item{
	display: block;
    width: 206px;
    float: left;
    display: table;
    border-top: 1px solid #cccccc;
    margin-bottom: 5px;
    padding-top: 10px;
}
.cata_item:nth-child(-n+6) {
    border-top: 1px solid #ffffff;
}
.cata_item a{
	display: inherit;
    text-align: center;
    margin: 0 auto;
	text-align: center;
	color: #4d4d4d;
}
.cata_item a:hover{
	color: #2480d1;
}
.cata_item:last-child a{
    color: #c1272d;
}
.cata_item:last-child a:hover{
    color: #ef2734;
}
.cata_item img{
	width: 40px;
	float: left;
}
.cata_item .cata_name{
	float: left;
    line-height: 42px;
    font-size: 16px;
    margin-left: 5px;
}

/*ad*/
.ad_words_section{
	background-color: #00a8ca;
	height: 54px;
	width: 100%;
	overflow: visible;
	margin-top: 30px;
	display: table;
}
.ad_words{
	width: 1240px;
	margin: 0 auto;
	vertical-align: middle;
}
.ad_words_img{
	position: relative;
	float: left;
	margin-top: -36px;
	margin-left: 20px;
	height: 90px;
	width: 90px;
}
.wcontent_div{
	width: 91%;
}
.words_title{
	display: table;
	position: relative;
	float: left;
	font-size: 30px;
	color: #ffffff;
    height: 54px;
    margin: 0px 15px 0px 15px;
    line-height: 54px;
}
.words_content{
	display: block;
	position: relative;
	/*float: left;*/
	font-size: 21px;
	line-height: 54px;
	color: #ffffff;
	height: 54px;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all;
	overflow: hidden;
	/*padding-top: 12px;*/
}
.ad_words_link{
	text-decoration: none;
}
.words_more{
	position: relative;
	display: table;
    width: 40px;
    text-decoration: none;
    float: right;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	cursor: pointer;
	margin: -40px 30px 0px 10px;
    padding: 1px 10px;
}
.words_more:hover{
    color: #00a8ca;
	background-color: #ffffff;
}

/*hot word*/
.hot_words_section {
    background-color: #315a8b;
    height: auto;
    width: 100%;
    overflow: visible;
    display: table;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 40px;
}
.hot_words {
    max-width: 1240px;
    margin: 0 auto;
    vertical-align: middle;
}
.hot_words_img {
    position: relative;
    float: left;
    margin-top: -28px;
    margin-left: 0px;
    height: 90px;
    width: 90px;
    z-index: 99;
}
.hot_wcontent_div {
    /*width: 91%;*/
}
.hot_words_title {
    display: table;
    position: relative;
    float: left;
    font-size: 30px;
    color: #ffffff;
    height: auto;
    margin: 0px 15px 0px 0px;
    line-height: 60px;
    float: left;
    text-indent: 15px;
    width: 260px;
}
.hot_words_content {
    display: block;
    position: relative;
    float: left;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    height: auto;
    text-align: justify;
    word-wrap: break-word;
    word-break: break-all;
    padding-top: 12px;
    word-wrap: break-word;
    width: calc(100% - 14em);
    overflow: hidden;
}
.hot_words_more {
    position: relative;
    display: block;
    /* width: 40px; */
    text-decoration: none;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    margin: 14px 0px 10px 15px;
    padding: 1px 10px;
}
.hot_words_more:hover {
    color: #00a8ca;
    background-color: #ffffff;
}
.hot_words .marquee::before, .hot_words .marquee::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hot_words .marquee {
    float: left;
    height: 40px;
    display: inline-block;
    /*width: 100%;
	overflow: hidden;*/
    overflow: hidden;
    text-align: initial;
    white-space: nowrap;
}
.hot_words .marquee a {
    color: #fff;
    border: 1px solid #ffffff;
    padding: 2px 5px;
    border-radius: 5px;
    text-decoration: none;
}
.hot_words .marquee .ticker-left {
    display: inline-block;
}
.hot_words .ticker-left li {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
}

/*choice*/
.choice_section{
	width: 100%;
	display: table;
	margin-top: 30px;
}
.choice_div{
    width: 1240px;
    margin: 0 auto;
	padding: 20px 0px;
	display: table;
	background-color: #ffffff;
}
.choice_t{
    position: relative;
    font-size: 24px;
    color: #2480d4;
    padding: 0px 0px 10px 0px;
    text-align: left;
    width: 1240px;
	margin: 0 auto;
	text-indent: 20px;
}
.choice_c{
	display: inline-block;
	padding: 0px 20px;
	/*width: 1200px;*/
}
.choice_item{
	/*width: 394px;*/
	width: 375px;
    float: left;
    display: table;
    border: 1px solid #cccccc;
	/*margin: 5px 2px 5px 2px;*/
	margin: 10px 10px 10px 10px;
	overflow: hidden;
}
.choice_item .c_img_div{
	background-color: #cccccc;
	width: 100%;
	display: block;
}
.choice_item a{
	text-decoration: none;
    display: block;
}
.choice_item img{
	width: auto;
	/*max-width: 394px;
	height: 128px;*/
	max-width: 375px;
    height: 122px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.choice_cls_name{
	font-size: 20px;
    color: #29303b;
    padding: 10px 10px 0px 15px;
    /*margin-bottom: 10px;*/
    word-break: break-all;
    height: 90px;
    width: auto;
	overflow: hidden;
	line-height: 26px;
    vertical-align: middle;
}
.choice_cls_name span:first-child {
    margin-right: 10px;
	font-size: 20px;
    color: #29303b;
}
.choice_cls_name span:last-child{
	color: #9a9a9a;
	font-size: 16px;
}
.choice_cls_price{
	float: right;
}
.choice_cls_price span{
	float: left;
}
.choice_cls_price span:first-child{
	color: #999999;
	font-size: 14px;
	text-decoration: line-through;
	padding-top: 12px;
}
.choice_cls_price span:first-child::before{
	content: "原價";
}
.choice_cls_price span:first-child::after{
	content: "元";
}
.choice_cls_price span:last-child{
	color: #c1272d;
	font-size: 25px;
	margin: 0px 10px 10px 10px;
}
.choice_cls_price span:last-child::before{
	content: "NT$";
	font-size: 18px;
}
.choice_cls_price span:last-child::after{
	content: "元";
	font-size: 18px;
}

/*news*/
.news_section{
	width: 100%;
	display: table;
}
.all_news_div{
	display: table;
	width: 1240px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.news_div {
    position: relative;
    float: left;
    /*width: 477px;*/
    width: 377px;
    /*height: 485px;*/
    height: 560px;
    background-color: #ffffff;
    overflow: hidden;
}
/*class recommend*/
.cls_recommend_div {
    position: relative;
    float: left;
    /*width: 546px;*/
    width: 855px;
    height: 560px;
    background-color: #ffffff;
    margin: 0px 0px 0px 8px;
}
.cls_recommend_title {
    font-size: 30px;
    color: #2480d4;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}
.cls_recommend_list {
    position: relative;
    float: left;
    padding: 0px 20px;
}
.cls_recommend_list_div {
    width: 50%;
    min-width: 407px;
    margin: 10px 0px 5px 0px;
    float: left;
    height: 230px;
    overflow: hidden;
}
.cls_recommend_pic {
    width: 134px;
    height: 134px;
    -webkit-border-radius: 87px;
    -moz-border-radius: 87px;
    border-radius: 87px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    float: left;
}
.cls_recommend_pic img {
    display: block;
    width: 120px !important;
    height: 120px !important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin-top: 6px;
    margin-left: 6px;
}
.cls_re_content_title {
    word-wrap: break-word;
    color: #333333;
    font-size: 18px;
    padding: 0px 10px 0px 10px;
    line-height: 22px;
    height: 45px;
    overflow: hidden;
}
.cls_re_content_detail {
    /*display: inline;*/
    line-height: 18px;
    font-size: 14px;
    padding: 10px 10px 0px 0px;
    color: #7a7f87;
    height: 133px;
    overflow: hidden;
}
.cls_recommend_more {
    display: block;
    width: 80px;
    text-decoration: none;
    float: right;
    margin-right: 12px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #2973bd;
    border: 1px solid #2873BD;
    margin-top: 5px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    cursor: pointer;
}
.cls_recommend_more:hover {
    color: #ffffff;
    background-color: #2873BD;
}

/**owl-dots**/
/*all*/
.owl-theme .owl-dots .owl-dot span {
    background: #87bade !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff !important;
}
/*focus*/
.focus_sider .owl-theme .owl-dots .owl-dot span {
    background: #e6e6e6 !important;
}

.focus_sider .owl-theme .owl-dots .owl-dot.active span, .focus_sider .owl-theme .owl-dots .owl-dot:hover span {
    background: #2973bd !important;
}

/*learn*/
.learn_section .owl-theme .owl-nav [class*=owl-] {
    background: transparent !important;
    padding: 0px 0px !important;
}
.learn_section .owl-next {
    position: relative;
    float: right;
}
.learn_section .owl-next i {
    font-size: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 4px;
}
.learn_section .owl-next i:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
.learn_section .owl-prev {
    position: relative;
    float: left;
}
.learn_section .owl-prev i {
    font-size: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 4px;
}
.learn_section .owl-prev i:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
.learn_section .owl-theme .owl-dots {
    position: relative;
    margin-bottom: 20px;
}
.learn_section {
    /*display: table;*/
    width: 100% !important;
    /*background-color: #2973bd;*/
    margin: 0px 0px 0px 0px;
}
.learn_div {
    width: 1200px;
    /*display: table;*/
    /*background-color: #2973bd;*/
    margin-top: 40px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.learn_left {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 50px;
}
.learn_right {
    width: 50%;
    position: relative;
    float: left;
}
.learn_title {
    font-size: 23px;
    color: #ffffff;
    padding: 40px 0px 0px 0px;
}
.learn_left_sider {
    max-width: 500px;
    position: relative;
    margin-top: 40px;
    /*margin-left: 50px;*/
}
.learn_left_sider .item a {
    text-decoration: none;
}
.learn_left_sider .item a div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    color: #ffffff;
    font-size: 16px;
}
.learn_left_sider .item a img {
    width: 90px;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}
.learn_left_sider .owl-dots {
    display: none;
}
.learn_left_sider .owl-nav {
    margin-top: -80px !important;
    width: 100% !important;
    margin-bottom: 100px;
}
.learn_left_sider .owl-next i, .learn_left_sider .owl-prev i {
    background-color: rgba(255, 255, 255, 0);
}

.ex_img {
    margin-top: 40px;
    width: 180px;
    position: relative;
    float: left;
    /*margin-left: 30px;*/
}
.ex_slider {
    width: 400px;
    position: relative;
    float: right;
    margin-top: 40px;
    right: 0px;
}
.ex_slider a {
    text-decoration: none;
}
.ex_title {
    color: #ffffff;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 10px;
}
.ex_content {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    min-height: 80px;
}
.ex_slider .owl-theme .owl-dots {
    text-align: right;
}

/*sns*/
.sns_div {
    position: relative;
    float: left;
    width: 546px;
    height: 485px;
    background-color: #ffffff;
    margin: 0px 8px 0px 8px;
}
.firm_div{
	position: relative;
	float: left;
	width: 200px;
	height: 485px;
	background-color: #ffffff;
}
.news_title, .sns_title{
	font-size: 30px;
    color: #2480d4;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 85%;
    margin: 0 auto;
}
#div_list{
	padding-left: 30px;
}
.news_more{
	position: absolute;
    right: 25px;
    top: 35px;
    display: block;
    font-size: 14px;
    color: #2973af;
	text-decoration: none;
	cursor: pointer;
}
/*timeline*/
.timeline {
	list-style: none;
	position: relative;
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
	overflow: hidden;
}
.timeline:after {
    content: "";
    position: absolute;
	z-index:-1;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 2px;
    border-radius: 2px;
	display: block; 
}
.timeline .timeline-row {
	padding-left: 50%;
	position: relative;
	z-index: 10;
}
.timeline .timeline-row .timeline-time {
	letter-spacing:1px;
	cursor: pointer;
	color: #6F6F6E;
	/*background-image:url(../image/new_bg.png);*/
	background-color: #ffffff;
	border: #cccccc 1px solid;
	background-position:center center;
	background-repeat:no-repeat;
	padding: 3px;
	position: absolute;
	right: 47.5%;
	top: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600; 
	margin-top: 5px;
}
.timeline .timeline-row .timeline-time small {
	display: block;
	color: white;
	text-transform: uppercase;
	opacity: 0.75;
	font-size: 11px;
	font-weight: 400; 
}
.timeline .timeline-row .timeline-icon {
	margin-left: -20px;
	color: white;
	font-size: 14px;
}
.timeline .timeline-row .timeline-icon i{
	width: 50px;
	height: 50px;
	background-repeat:no-repeat; background-position:center center; background-color:#FFF;
	border-radius: 50%;
	text-align: center;
	border-style:solid;
	border-width:1px;
	overflow: hidden;
	display:block;
	padding:4px;
}
.bg-primary {
	width: 44px;
	height: 44px;
	/*border-radius: 22px;*/
}
.timeline .timeline-row .timeline-icon > div {
	border-radius: 50%;
	line-height: 34px;
	font-size: 16px; 
}
.timeline .timeline-row .timeline-content {
	margin-left: 60px;
	position: relative;
	background-color: white;
	color: #333333; 
}
.timeline .panel {
	border: none;
	margin-bottom: 0;
	border-radius: 4px;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.timeline .timeline-row .timeline-content:after {
	content: "";
	position: absolute;
	top: 20px;
	left: -65px;
	height: 2px;
	width: 40px;
	background-color: #DADAD9;
	z-index: -1; 
}
.timeline .timeline-row .timeline-content:before {
	content: "";
	position: absolute;
	top: 17px;
	left: -65px;
	height: 8px;
	width: 8px;
	border-radius:50%;
	background-color: #DADAD9;
	z-index: -1; 
}
.timeline .timeline-row .timeline-content .panel-body {
	padding: 10px 25px 2px 5px;
	position: relative;
	z-index: 10; 
}
.panel-body a {
    display: block;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
    /*width: 340px;*/
    width: 240px;
    height: 45px;
    overflow: hidden;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
}
.panel-body a:hover{
	text-decoration: underline;
}
.timeline .timeline-row .timeline-content h2 {
	font-size: 22px;
	margin-bottom: 12px;
	margin-top: 0;
	line-height: 1.2; 
}
.timeline .timeline-row .timeline-content p {
	margin-bottom: 15px; 
}
.timeline .timeline-row .timeline-content img {
	margin-bottom: 15px; 
}
.timeline .timeline-row .timeline-content blockquote {
	border-color: #eeeeee; 
}
.timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
	color: #999999; 
}
.timeline .timeline-row .timeline-content .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	margin-bottom: 15px;
	overflow: hidden; 
}
.timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
}
.timeline .timeline-row:nth-child(odd) {
	padding-left: 0;
	padding-right: 50%; 
}
.timeline .timeline-row:nth-child(odd) .timeline-content {
	margin-right: 60px;
	margin-left: 0; text-align: right;
}
.timeline .timeline-row:nth-child(odd) .timeline-content:after {
	left: auto;
	right: -55px; 
}
.timeline .timeline-row:nth-child(odd) .timeline-content:before {
	left: auto;
	right: -63px; 
}
.timeline.animated .timeline-row .timeline-content {
	opacity: 0;
	left: 20px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s; 
}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
	left: -20px; 
}
.timeline.animated .timeline-row.active .timeline-content {
	opacity: 1;
	text-align: left;
	left: 0; 
}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
	left: 0;
	text-align: right;
}
#a_first,#a_next{
	cursor: pointer;
    color: #6F6F6E;
    border: #B2B2B1 1px solid;
    padding: 3px 10px;
    background-color: #ffffff;
    display: table;
    margin: 2px;
	opacity: 1;
	background-origin:border-box; 
	z-index:8;
	position: relative;
	margin-left: -10px;
}
/*timeline small*/
.timeline .timeline-row .timeline-content:before { 
	display:none;
}
.timeline.animated .timeline-row.active .timeline-content {
	text-align: left;
	position: absolute;
	top: -10px;
}

.timeline {
	padding: 15px 10px 25px 10px;
}
.timeline:after {
	left: 28px; 
}
.timeline .timeline-row {
	padding-left: 0;
	margin-bottom: 25px; 
	margin-top: 18px;
	margin-left: -5px;
}
.timeline .timeline-row .timeline-time {
	position: absolute;
	right: auto;
	top: 0;
	left: 5px;
	text-align: left;
	margin: 0; 
}
.timeline .timeline-row .timeline-time strong {
	display: inline-block;
	margin-right: 10px; 
}
.timeline .timeline-row .timeline-icon {
	position: relative;
	margin-left: 0; 
}
.timeline .timeline-row .timeline-content {
	margin-left: 60px;
	position: relative; 
}

.timeline .timeline-row .timeline-content:after {
	right: auto !important;
	left: -30px !important;
	top: 32px; 
	display: none;
}
.timeline .timeline-row:nth-child(odd) {
	padding-right: 0; 
}
.panel {
	margin-bottom: 0;
}
.timeline .timeline-row:nth-child(odd) .timeline-time {
	position: absolute;
	right: auto;
	left: 0;
	text-align: left;
	margin:0; 
}
.timeline .timeline-row:nth-child(odd) .timeline-content {
	margin-right: 0;
	margin-left: 60px; 
}

.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
	left: 0;
	text-align: left;     
	position: absolute;
	top: -10px;
}  
.timeline:after {
	content: "";
	position: absolute;
	z-index: 5;
	top: 0;
	/*left: 50%;*/
	margin-left: -2px;
	background-color: rgba(0, 0, 0, 0.2);
	height: 110%;
	width: 2px;
	border-radius: 2px;
	display: block;
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bg-primary div:nth-child(1){
	color: #ffffff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	vertical-align: baseline;
	padding-top: 3px;
}
.bg-primary div:nth-child(2){
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
    text-align: center;
}
.timeline-row:nth-child(2) .bg-primary{
	background-color: #25c090; 
}
.timeline-row:nth-child(3) .bg-primary{
	background-color: #2480d4; 
}
.timeline-row:nth-child(4) .bg-primary{
	background-color: #ecb14d; 
}
.timeline-row:nth-child(5) .bg-primary{
	background-color: #ff7b9e; 
}
.timeline-row:nth-child(6) .bg-primary{
	background-color: #a5a5a5;  
}
/*sns*/
.sns_fb{
	background-image: url('../image/fb02.jpg');
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.sns_fb_click{
	background-image: url('../image/fb01.jpg') !important;
}
.sns_yt{
	background-image: url('../image/yt02.jpg');
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.sns_yt_click{
	background-image: url('../image/yt01.jpg') !important;
}
.sns_ig{
	background-image: url('../image/ig02.jpg');
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.sns_ig_click{
	background-image: url('../image/ig01.jpg') !important;
}
/* Tabs */
.sns_div #tabs {
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
}

.sns_div #tabs-nav {
	list-style: none;
	margin: 13px 20px 0px 0px;
	padding: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top:0;
}
.sns_div #tabs-nav li {
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	border-bottom:none;
	cursor:pointer;
}
.sns_div #tabs-nav li:hover,
.sns_div li.active {
	/*background-color: #d5d5de;*/
}
.sns_div .sns_content {
	padding: 15px 30px;
	height: 380px;
	/*overflow-y: scroll;*/
	overflow: auto;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
.sns_content img{
	width: 100%;
	margin-top: 5px;
}
.sns_content iframe {
	position: relative;
	top:0;
	left: 0;
	width: 490px;
	height: 275px;
	margin-top: 5px;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}
.firm_title{
	font-size: 30px;
    color: #2480d4;
    padding: 15px 0px 10px 10px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 78%;
    margin: 0 auto;
}
.slider_container {
	width: 95%;
	margin: 45px auto;
}
.slider-vertical .slick-prev:before, .slider-vertical .slick-next:before {
	display: none;
}
.slider-vertical .slick-prev, .slider-vertical .slick-next {
    width: 0;
    height: 0;
    border-style: solid;
    margin: 10px;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}
.slider-vertical .slick-prev {
    border-width: 0 8px 8px 8px;
    border-color: #2480d1 transparent;
    top: -24px;
}
.slider-vertical .slick-next {
    border-width: 8px 8px 0px 8px;
    border-color: #2480d1 transparent;
    bottom: -30px;
    top: auto;
}	
.slider-vertical .slick-prev.slick-disabled, .slider-vertical .slick-next.slick-disabled {
	opacity: 0.1;
	cursor: default;
}
.slider-vertical div {
	height: 250px;
	/*background: #333333;*/
	text-align: center;
	/*font-size: 50px;
	color: #ffffff;*/
	/*padding: 5px 0px 5px 0px;*/
	margin: 5px 0px 10px 0px;
}
.slider-vertical img{
	width: 168px;
	height: 88px;
	text-align: center;
    margin: 0 auto;
}

.firm_new_div{
	background-color: #ffffff;
    height: 485px;
    overflow: hidden;
}
.firm_new_div .firm_item{
    background-color: #ffffff;
    text-align: center;
    border-top: 1px solid #cccccc;
    height: 119px;
}
.firm_new_div .firm_item:first-child{
	border-top: none;
}
.firm_new_div .firm_icon{
	width: 55px;
    text-align: center;
	display: inline-block;
	margin-top: 3px;
}
.firm_new_div .firm_t{
    font-size: 16px;
    color: #000000;
	margin: 0px 0px 5px 0px;
}
.firm_new_div .firm_link{
	font-size: 14px;
    color: #000000;
	display: inline-block;
	margin-bottom: 4px;
}
.firm_new_div .firm_link_btn{
	display: block;
    width: auto !important;
    text-decoration: none;
    float: left;
    text-align: center;
	font-size: 14px;
    line-height: 20px;
    color: #000000;
    border: 1px solid #ebaf1b;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
    margin: 0px 5px 0px 7px;
    padding: 0px 6px;
}
.firm_new_div .firm_link_btn:hover{
    color: #ffffff;
    background-color: #ebaf1b;
}

/*slider-leaderboard*/
.slider-leaderboard{
	margin-top: 20px;
}
.slider-leaderboard .slick-prev:before, .slider-leaderboard .slick-next:before {
	display: none;
}
.slider-leaderboard .slick-prev, .slider-leaderboard .slick-next {
    width: 0;
    height: 0;
    border-style: solid;
    margin: 10px;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}
.slider-leaderboard .slick-prev {
    border-width: 0 8px 8px 8px;
    border-color: #2480d1 transparent;
    top: -15px;
}
.slider-leaderboard .slick-next {
    border-width: 8px 8px 0px 8px;
    border-color: #2480d1 transparent;
    bottom: -20px;
    top: auto;
}	
.slider-leaderboard .slick-prev.slick-disabled, .slider-leaderboard .slick-next.slick-disabled {
	opacity: 0.1;
	cursor: default;
}
.slider-leaderboard div {
	/*height: 250px;
	text-align: center;
	margin: 3px 0px 3px 0px;*/
	height: 250px;
	/* background: #333333; */
	text-align: center;
	/* padding: 5px 0px 5px 0px; */
	margin: 2px 0px 2px 0px;
}
.slider-leaderboard .slick-slide{
	text-align: left;
	height: 40px !important;
	overflow: hidden;
}
.slider-leaderboard .slick-slide a{
	/*float: left;
	margin-left: 10px;
	display: block;
	text-align: left;
	font-size: 18px;
	color: #808080;
	line-height: 40px;
	vertical-align: top;
	text-decoration: none;
    width: 260px;
    height: 40px;
    overflow: hidden;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-align-items: center;
	align-items: center;*/
	float: left;
	margin-left: 10px;
	display: inline-flex;
	text-align: left;
	font-size:15px;
	color: #808080;
	line-height: 18px;
	vertical-align: top;
	text-decoration: none;
	width: 390px;
	height: 40px;
	overflow: hidden;
	text-align: justify;
	word-break: normal;
	word-wrap: break-word;
	-webkit-align-items: center;
	align-items: center;
}
.slider-leaderboard .slick-slide a:hover{
	text-decoration: underline;
}
.slider-leaderboard .slick-slide::before{
	/*display: block;
    width: 45px;
    top: 0px;
	position: relative;
	float: left;
	left: 0px;*/
	font-family: FontAwesome;
	content: '\f02e' !important;
	display: block;
	width: 25px;
	top: 0px;
	position: relative;
	float: left;
	left: 0px;
	text-align: right;
	padding-right: 0px;
	margin-top: 10px;
	color: hsla(49, 100%, 50%, 0.824);
}
.slider-leaderboard .slick-slide:nth-child(1)::before{
	content: url(../image/r01.svg);
}
.slider-leaderboard .slick-slide:nth-child(2)::before{
	content: url(../image/r02.svg);
}
.slider-leaderboard .slick-slide:nth-child(3)::before{
	content: url(../image/r03.svg);
}
.slider-leaderboard .slick-slide:nth-child(4)::before{
	content: url(../image/r04.svg);
}
.slider-leaderboard .slick-slide:nth-child(5)::before{
	content: url(../image/r05.svg);
}
.slider-leaderboard .slick-slide:nth-child(6)::before{
	content: url(../image/r06.svg);
}
.slider-leaderboard .slick-slide:nth-child(7)::before{
	content: url(../image/r07.svg);
}
.slider-leaderboard .slick-slide:nth-child(8)::before{
	content: url(../image/r08.svg);
}
.slider-leaderboard .slick-slide:nth-child(9)::before{
	content: url(../image/r09.svg);
}
.slider-leaderboard .slick-slide:nth-child(10)::before{
	content: url(../image/r10.svg);
}

/*.slider-leaderboard img{
	width: 168px;
	height: 88px;
	text-align: center;
    margin: 0 auto;
}*/



/*.home_div{
	width: 100%;
	margin-top: 80px;
}
.home_recommend{
	position: relative;
	float: left;
	width: 60%;
	margin-bottom: 50px;
}*/
.focus_bn_section{
	width: 100%;
	display: table;
}
.focus_bn_div{
	display: table;
	width: 100%;
	background-color: #ffffff;
}
.topside_border, .downside_border {
	width: 100%;
	/*background-color: #ffffff;*/
}
.topside_border img{
	/*width: 1240px;
	display: table;
	margin: 0 auto;*/
	position: relative;
    width: 1240px;
    display: table;
    margin: 0 auto;
    bottom: -4px;
}
.downside_border img{
	position: relative;
    width: 1240px;
    display: table;
    margin: 0 auto;
    bottom: 4px;
}
.home_focus{
	/*position: relative;
	margin: 0 auto;
	width: 96%;
	margin-bottom: 20px;*/
	width: 1240px;
	margin: 0 auto;
	margin-bottom: 38px;
}
.focus_t{
	display: block;
    position: relative;
    font-size: 24px;
    color: #2480d4;
    padding: 15px 0px 10px 0px;
    text-align: left;
    width: 1240px;
    margin: 0 auto;
}
.focus_sider{
	position: relative;
	/*float: left;*/
	margin: 0 auto;
	width: 96%;
	margin-bottom: 20px;
	/*padding: 0px 10px 0px 10px;*/
	/*margin-top: 40px;*/
	/*padding-right: 50px;*/
}
.owl-theme .owl-nav [class*=owl-] {
	background: transparent !important;
	padding: 0px 0px !important;
}
.focus_sider .owl-next {
    position: relative;
	float: right;
	margin-right: -25px !important;
    margin-top: -90px !important; 
}
.focus_sider .owl-next i{
	font-size: 30px;
	/*background-color: rgba(255, 255, 255, 0.3);*/
	color: #666666;
	padding: 4px;
}
.focus_sider .owl-next i:hover{
	/*background-color: rgba(255, 255, 255, 0.5);*/
	color: #000000;
}
.focus_sider .owl-prev {
    position: relative;
	float: left;
	margin-left: -25px !important;
    margin-top: -90px !important;
}
.focus_sider .owl-prev i{
	font-size: 30px;
	/*background-color: rgba(255, 255, 255, 0.3);*/
	color: #666666;
	padding: 4px;
}
.focus_sider .owl-prev i:hover{
	/*background-color: rgba(255, 255, 255, 0.5);*/
	color: #000000;
}
.focus_sider .owl-dots{
	display: none;
}
/*.list_bnsider .owl-nav {
    margin-top: -215px !important;
	width: 100% !important;
	margin-bottom: 185px;
}
.owl-theme .owl-dots{
	position: relative;
	margin-bottom: 20px;
}*/
.mag_form_div{
	/*background-color: #ffffff;
	width: 1240px;
	height: 400px;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;*/
	background-color: #ffffff;
	width: 1240px;
	height: 345px;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
}
.mag_div{
	/*position: relative;
	float: left;
	height: 400px;
	width: 870px;*/
	position: relative;
	float: left;
	height: auto;
	width: 750px;
}
.mag_div a img {
	width: 100%;
}
.mag_form_line{
	/*display: table;
    height: 340px;
    position: relative;
    float: left;
    border-left: 1px solid #cccccc;
	margin: 30px 10px;*/
	display: table;
	height: 325px;
	position: relative;
	float: left;
	border-left: 1px solid #cccccc;
	margin: 10px 10px;
}
.from_title {
	font-size: 30px;
	color: #2480d4;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	width: 95%;
	margin: 0 auto;
	height: 55px;
	overflow: hidden;
	line-height: 55px;
}
.from_title a {
	float: right;
	font-size: 16px;
	text-decoration: none;
	color: #2973af;
}
.form_div{
	/*position: relative;
	float: left;
	height: 400px;
	width: 340px;*/
	position: relative;
	float: left;
	height: 270px;
	width: 460px;
}
.mag_left{
	position: relative;
	float: left;
	height: 400px;
	width: 300px;
	overflow: hidden;
}
.mag_title{
	font-size: 30px;
    color: #2480d4;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 280px;
	margin-left: 20px;
	height: 65px;
	overflow: hidden;
	line-height: 68px;
}
.mag_picture{
	display: table;
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
}
.mag_right{
	position: relative;
	float: left;
	height: 400px;
	width: 560px;
	overflow: hidden;
}
/* mag tabs */
.mag_tabs {
	margin: 25px 0px 0px 0px;
	display: inline-block;
}
  
/* Thumbs */
.mag_tabs-thumbs {
	margin: 0;
	padding-left: 0;
	border-bottom: 1px solid #cccccc;
	height: 40px;
}

.mag_tabs-thumb {
	display: inline-block;
	position: relative;
	visibility: hidden;
}
.mag_tabs-thumb a {
	display: block;
	color: #8b8b8b;
	text-decoration: none;
	cursor: pointer;
    height: 40px;
	padding: 0px 12px 0px 12px;
	font-size: 24px;
	overflow: hidden;
}
.mag_tabs-thumb a:hover {
	color: #2480d4;
}

/* Panels */
.mag_tabs-panels {
	margin: 0;
	padding: 20px 0px;
	list-style: none;
}

.mag_tabs-panel {
	display: none;
	padding: 0px 10px 0px 0px;
}

/* Active */
.mag_tabs-thumb.is-active a {
	color: #2480d4;
}
.mag_tabs-thumb.is-active a:hover {
	cursor: default;
	color: #2480d4;
}
.mag_tabs-thumb.is-active a::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 4px;
	width: 100%;
	background: #2480d4;
}
.mag_cont_title{
	max-height: 75px;
	font-size: 30px;
	color: #000000;
	text-align: left;
    overflow: hidden;
    line-height: 36px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
	margin: 5px 0px 10px 0px;
}
.mag_cont_content{
	max-height: 120px;
	margin-top: 10px;
	font-size: 18px;
	color: #666666;
	text-align: left;
    overflow: hidden;
    line-height: 30px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}
.mag_cont_link{
	display: block;
    width: 80px;
    text-decoration: none;
    float: right;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #2973bd;
    border: 1px solid #2873BD;
    margin-top: 10px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    cursor: pointer;
}
.mag_cont_link:hover {
    color: #ffffff;
    background-color: #23598f;
}
/*frome*/
.from_title{
    font-size: 30px;
    color: #2480d4;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 95%;
	margin: 0 auto;
	height: 65px;
    overflow: hidden;
    line-height: 68px;
}
.from_div{
	padding: 5px 5px;
	display: block;
	overflow: auto;
	height: 310px;
}
/* brand */
.brand_div{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 50px;
}
.brand_title{
	display: block;
	position: relative;
	font-size: 30px;
    color: #2480d4;
    padding: 15px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}
.brand_all{
	position: absolute;
	top: 30px;
	right: 35px;
	font-size: 14px;
	color: #2973af;
	cursor: pointer;
}
.brand_all:hover{
	color: #23598f;
}
.brand_sider {
	position: relative;
	display: block;
    margin: 0 auto;
    width: 96%;
    margin-top: 20px;
    padding-bottom: 1px;
}
.brand_sider .owl-carousel .item {
    height: 75px;
    background: #ffffff;
}
.brand_sider .owl-dots{
	display: none;
}
.brand_sider .owl-next {
    position: relative;
	float: right;
	margin-right: -21px !important;
    margin-top: -90px !important; 
}
.brand_sider .owl-next i{
	font-size: 30px;
	color: #666666;
	padding: 4px;
}
.brand_sider .owl-next i:hover{
	color: #000000;
}
.brand_sider .owl-prev {
    position: relative;
	float: left;
	margin-left: -20px !important;
    margin-top: -90px !important;
}
.brand_sider .owl-prev i{
	font-size: 30px;	
	color: #666666;
	padding: 4px;
}
.brand_sider .owl-prev i:hover{
	color: #000000;
}
.brand_sider .owl-theme .owl-nav {
    margin-top: 30px;
}

#fc_brand_sider{
	display: none;
	max-width: 1180px;
}
#fc_brand_sider .fancybox-close-small:after {
	width: 50px;
    height: 50px;
	font: 40px/50px Arial,Helvetica Neue,Helvetica,sans-serif;
	color: #4d4d4d;
}
.brd_title{
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 48px;
	line-height: 50px;
	color: #4d4d4d;
	margin-bottom: 20px;
}
.fc_item{
	position: relative;
	float: left;
	height: 256px;
	width: 256px;
	border: 1px solid #d5d5d5;
	padding: 3px;
	margin: 0 auto;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
}
.fc_item img{
	position: relative;
	display: table;
	max-width: 250px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}
.fc_item:hover {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}
.fancybox-close-small:focus:after {
    outline: none !important;
}

/* business */
.business_div{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 50px;
}
.business_title{
	display: block;
	position: relative;
	font-size: 30px;
    color: #2480d4;
    padding: 15px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}
.business_all{
	position: absolute;
	top: 30px;
	right: 35px;
	font-size: 14px;
	color: #2973af;
	cursor: pointer;
}
.business_all:hover{
	color: #23598f;
}
.business_sider {
	position: relative;
	display: block;
    margin: 0 auto;
    width: 1190px;
    margin-top: 20px;
    padding-bottom: 35px;
}
.business_sider .owl-carousel .item {
    height: 75px;
    background: #ffffff;
}
.business_sider .owl-dots{
	display: none;
}
.business_sider .owl-next {
    position: relative;
	float: right;
	margin-right: -21px !important;
    margin-top: -90px !important; 
}
.business_sider .owl-next i{
	font-size: 30px;
	color: #666666;
	padding: 4px;
}
.business_sider .owl-next i:hover{
	color: #000000;
}
.business_sider .owl-prev {
    position: relative;
	float: left;
	margin-left: -20px !important;
    margin-top: -90px !important;
}
.business_sider .owl-prev i{
	font-size: 30px;	
	color: #666666;
	padding: 4px;
}
.business_sider .owl-prev i:hover{
	color: #000000;
}
.business_sider .owl-theme .owl-nav {
    margin-top: 30px;
}
.business_sider .owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}
.business_sider .owl-stage{
	min-width: 100% !important;
}
/* class_photo */
.class_photo_section{
    width:1290px;
}
.class_photo_div {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*background-color: #ffffff;*/
    margin-top: 0px;
    margin-bottom: 40px;
}

.class_photo_title {
    display: block;
    position: relative;
    font-size: 30px;
    color: #2480d4;
    padding: 15px 0px 10px 0px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}

.class_photo_all {
    position: absolute;
    top: 30px;
    right: 35px;
    font-size: 14px;
    color: #2973af;
    cursor: pointer;
}

.class_photo_all:hover {
    color: #23598f;
}

.class_photo_sider {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1240px;
    margin-top: 20px;
    /*padding-bottom: 35px;*/
}

.class_photo_sider .owl-carousel .item {
    /*height: 75px;*/
    background: #ffffff;
}

.class_photo_sider .owl-dots {
    display: none;
}

.class_photo_sider .owl-next {
    position: relative;
    float: right;
    margin-right: -21px !important;
    margin-top: -120px !important;
}

.class_photo_sider .owl-next i {
    font-size: 30px;
    color: #666666;
    padding: 4px;
}

.class_photo_sider .owl-next i:hover {
    color: #000000;
}

.class_photo_sider .owl-prev {
    position: relative;
    float: left;
    margin-left: -20px !important;
    margin-top: -120px !important;
}

.class_photo_sider .owl-prev i {
    font-size: 30px;
    color: #666666;
    padding: 4px;
}

.class_photo_sider .owl-prev i:hover {
    color: #000000;
}

.class_photo_sider .owl-theme .owl-nav {
    /*margin-top: 30px;*/
}

.class_photo_sider .owl-carousel .owl-stage-outer {
    /*padding-bottom: 20px;*/
}

.class_photo_sider .owl-stage {
    min-width: 100% !important;
}
/*.recommend_title, .focus_title{
	color: #2973bd;
	font-size: 34px;
}
.recommend_div{
	display: block;
	width: 100%;
	margin-top: 15px;
}
.recommend_pic {
    width: 134px;
    height: 134px;
    -webkit-border-radius: 87px;
    -moz-border-radius: 87px;
    border-radius: 87px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 40px;
	margin-left: 20px;
    overflow: hidden;
    position: relative;
    float: left;
}
.likemore_pic img:before {
    content: " ";
    background-image: url(../image/class_pic.png);
    display: block;
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 0;
    background-size: 100% 100%;
    margin-top: -16px;
    margin-left: -16px;
}
.recommend_pic img {
	display: block;
    width: 120px !important;
    height: 120px !important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin-top: 6px;
    margin-left: 6px;
}
.re_content_title{
	word-wrap: break-word;
	color: #333333;
	font-size: 18px;
	padding: 30px 50px 0px 0px;
	text-align: justify;
	line-height: 30px;
}
.re_content_detail{
	line-height: 28px;
	font-size: 16px;
	padding: 10px 50px 0px 0px;
	text-align: justify;
	color: #7a7f87;
}
.recommend_more{
	display: block;
	width: 80px;
	text-decoration: none;
	float: right;
	margin-right: 50px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #2973bd;
    border: 1px solid #2873BD;
    margin-top: 10px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    cursor: pointer;
}
.recommend_more:hover {
    color: #ffffff;
    background-color: #2873BD;
}
*/
.info_section{
	width:100% !important;
	background-color: #2973bd;
	margin-top: 50px;
	display: table;
}
.info_div{
	width: 1240px;
	display: table;
	background-color: #2973bd;
	margin: 0 auto;
}
.info_left{
	width: 780px;
	height: 380px;
	position: relative;
	float: left;
	overflow: hidden;
}
.info_right{
	width: 460px;
	height: 380px;
	position: relative;
	float: left;
}

.address_sel{
	width: 100%;
	position: relative;
	float: left;
	margin: 20px 0px 0px 0px;
	height: 50px;
	border-bottom: 1px solid #235e93;
}
.address_title, .address_tabs{
	position: relative;
	float: left;
}
.address_title{
	font-size: 21px;
	color: #ffffff;
}
.address_tab_content{
	display: block;
    position: relative;
	float: left;
	width: 100%;
}
/*.tab {
	padding-top: 50px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 70%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	font-weight: 400;
	color: #888;
	-webkit-font-smoothing: antialiased;
  }*/
  
.address_tabs {
	display: table;
	height: 30px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 2px;
}
.address_tabs li {
	float: left;
	line-height: 20px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.address_tabs a {
	font-size: 14px;
	border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 2px 8px;
	text-decoration: none;
	border-radius: 15px;
	margin: 0px 5px 0px 5px;
}
.address_tabs_more{
	float: left;
	margin-top: 2px;
    line-height: 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.address_tabs_more a{
    font-size: 14px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 2px 8px;
    text-decoration: none;
    border-radius: 15px;
    margin: 0px 5px 0px 5px;
}
.address_tabs_more a:hover{
	color: #2973bd;
    background: #ffffff;
}
.address_tabs_item {
	display: none;
	height: 300px;
	padding: 14px 0px 0px 0px;
}
.address_tabs_item h4 {
	font-weight: bold;
	color: #2973bd;
	font-size: 20px;
}
.address_tabs_item > img {
	width: 350px;
	float: left;
	margin-right: 20px;
}
.address_tabs_item:first-child {
	display: inherit;
	/*display: block;*/
}
.address_current a {
	color: #2973bd;
	background: #ffffff;
}
.address_detail{
	color: #ffffff;
}
.address_detail > div{
	position: relative;
}
.ads_title{
	font-size: 38px;
	color: #ffffff;
}
.ads_title span{
	font-size: 21px;
	color: #ffffff;
}
.ads_tel, .ads_add{
	font-size: 20px;
	color: #ffffff;
	line-height: 32px;
	margin: 5px 0px 5px 0px;
}
.ads_tel img, .ads_add img{
	height: 32px;
	width: 32px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	vertical-align: middle;
	margin-right: 10px;
}
.ads_time_title{
	font-size: 18px;
	color: #ffffff;
	margin: 10px 0px 5px 0px;
}
.ads_time_title span{
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 2px 5px;
	margin-left: 5px;
}
.ads_time{
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 5px;
}
.ads_link{
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 5px;
}
.ads_link a{
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
}
.ads_link a:hover{
	text-decoration: underline;
}
.ads_other{
	display: table-cell;
}
.ads_other a{
	display: block;
	margin: 0px 10px 0px 0px;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	float: left;
}
.ads_other a:hover{
	text-decoration: underline;
}
.ads_viewall{
	float: right;
	display: inline-block;
	margin-top: 5px;
}
.ads_viewall a{
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
}
.ads_viewall a:hover{
	text-decoration: underline;
}
.right_up{
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
	background-color: #346095;
}
.right_down{
	position: relative;
	width: 100%;
	height: 170px;
	background-color: #1d4569;
}
.info_ru_sider{
	width: 90%;
	margin: 0 auto;
	margin-top: 45px;
}
.info_ru_sider .item a {
	text-decoration: none;
	display: block;
}
.info_ru_sider .item a img {
    width: 80px;
    margin: 0 auto;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.info_ru_sider .item a img:hover {
	border: 5px solid #1d4569;
	-webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}
.info_ru_sider .item a div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    color: #ffffff;
    font-size: 14px;
}
.info_rd_title{
	padding: 25px 0px 5px 35px;
    color: #ffffff;
    font-size: 21px;
}
.info_rd_link{
	padding: 0px 0px 5px 35px;
}
.info_rd_link a{
	color: #bbbbbb;
	font-size: 16px;
	display: inline-table;
	margin-right: 10px;
	text-decoration: none;
}
.info_rd_link a:hover{
	text-decoration: underline;
}
.info_side_pg{
    width: 160px;
    height: 160px;
    position: absolute;
	right: 15px;
    top: 5px;
}
.footer_div{
    width: 1240px;
}
/*loading*/
.mainpush_loadergif {
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    opacity: 0.8;
    background-image: url(../image/Ball.gif);
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 100px;
    top: 0;
    left: 0;
}
/*banner && right banner*/
.big_banner::before {
    content: '';
    width: 100%;
    display: inline-block;
}
.big_banner .list_bnsider{
	width: 840px; 
	float: left;
}
.sbanner_div{
	width: 400px;
	float: right;
}
.sbanner_div a {
    width: 192px;
    height: 132px;
    overflow: hidden;
    float: left;
    margin: 0px 0px 8px 8px;
    background-color: #ffffff;
    background-size: cover;
    text-decoration: none;
    text-align: center;
}
.sbanner_div a img{
	text-align: center;
	margin: 0 auto;
	display: inherit;
	max-width: 60px;
	margin-top: 22px;
}
.sbanner_div .sbanner_t{
	font-size: 14px;
	color: #333333;
	line-height: 26px;
	width: 100%;
	text-align: center;
}
/*pop swal*/
.swal2-confirm,
.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: none;
}
.swal2-popup {
    width: 100%;
    max-width: 1000px;
}
.swal2-popup .swal2-title {
    font-size: 26px;
    line-height: 30px;
}
.swal2-content #swal2-content {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding: 0px 5%;
}

/**+like more+**/
/*.likemore_list{
	margin-bottom: 30px;
	padding: 0px 35px 0px 35px;
}
.likemore_list a{
	text-decoration: none;
}
.likemore_word{
	font-size: 34px;
	color: #000000;
	margin-top: 50px;
}
.likemore_pic{
    width: 134px;
    height: 134px;
    -webkit-border-radius: 87px;
    -moz-border-radius: 87px;
    border-radius: 87px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 20px;
}
.likemore_pic img {
    width: 120px !important;
    height: 120px !important;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
	margin-top: 6px;
	margin-left: 6px;
}
.likemore_pic img:before {
	content: " ";
    background-image: url(../image/class_pic.png);
    display: block;
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 0;
    background-size: 100% 100%;
    margin-top: -16px;
    margin-left: -16px;
}
.likemore_title{
	display: block;
    font-size: 21px;
    color: #000000;
    padding: 30px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
    line-height: 28px;
    height: 90px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}
.likemore_content{
	font-size: 14px;
    color: #7a7f87;
    padding: 10px 0px 0px 0px;
    height: 50px;
    text-align: left;
    overflow: hidden;
    line-height: 20px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all;
}
.likemore_list .owl-theme .owl-nav [class*=owl-] {
	background: transparent !important;
	padding: 4px 0px !important;
}
.likemore_list .owl-next {
    position: relative;
	float: right;
	right: -35px;
}
.likemore_list .owl-next img:hover{
	content: url('../image/next_Over.png');
}
.likemore_list .owl-prev {
    position: relative;
	float: left;
	left: -35px;
}
.likemore_list .owl-prev img:hover{
	content: url('../image/prev_Over.png');
}
.likemore_list .owl-nav {
    margin-top: -100px !important;
	width: 100% !important;
	margin-bottom: 130px;
}*/
/*-like more-*/

/**owl-dots**/
/*all*/
/*.owl-theme .owl-dots .owl-dot span {
	background: #87bade !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff !important;
}*/
/*focus*/
/*.focus_sider .owl-theme .owl-dots .owl-dot span {
	background: #bebebe !important;
}
.focus_sider .owl-theme .owl-dots .owl-dot.active span, .focus_sider .owl-theme .owl-dots .owl-dot:hover span {
    background: #2973bd !important;
}*/

/*class list*/
/*.owl-theme .owl-nav [class*=owl-] {
	background: transparent !important;
	padding: 0px 0px !important;
}
.owl-next {
    position: relative;
	float: right;
}
.owl-next i{
	font-size: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 4px;
}
.owl-next i:hover{
	background-color: rgba(255, 255, 255, 0.5);
}
.owl-prev {
    position: relative;
	float: left;
}
.owl-prev i{
	font-size: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 4px;
}
.owl-prev i:hover{
	background-color: rgba(255, 255, 255, 0.5);
}
.list_bnsider .owl-nav {
    margin-top: -215px !important;
	width: 100% !important;
	margin-bottom: 185px;
}
.owl-theme .owl-dots{
	position: relative;
	margin-bottom: 20px;
}*/