@charset "UTF-8";
/* =====================================
	全体設定
===================================== */

@font-face {
font-family: "notoCJKjp";
src: url("img/notoCJKjp-l.eot") format("embedded-opentype"), /* IE6-IE8 */
url("img/notoCJKjp-l.woff") format("woff"), /* Modern Browsers */
url("img/notoCJKjp-l.ttf")  format("truetype"); /* Android -4.3 */
}
ul li{
list-style-type:none !important;
}
a {
	color:#222222;
	text-decoration:none;
}

a:hover {
	color:#222222;
	text-decoration:none;
}
html {
	overflow-y: scroll;
}
body {
	margin:0;
	height:100%;
	font-size:14px;
	font-family: "notoCJKjp", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#222222;
	background-color:#ffffff;
	word-wrap:break-word;
}

* html #wrapper {
	height:100%;
}
#wrapper {
	position: relative;
	min-width: 1150px;	
	line-height:1.8;
}
.blank {
	padding-right: 12px;
	background: url(img/icon_blank.png) right top no-repeat;
}

@media screen and (max-width: 765px) {
	
body {
	-webkit-text-size-adjust: 100%	
}
#wrapper {
	width: 100%;
	min-width: 100%;	
}
/*
#wrapper img {
	width: 100%;
	height: auto;
}
*/
img {
	width: 100%;
	height: auto;
}
.blank {
	padding-right: 15px;
	background: url(img/icon_blank_sp.png) right top no-repeat;
	background-size: 10px auto;
}
#app .phbox .ivu-form-item .fl {
    float: none ! important; 
}
.p100 {
	width: 100% !important;
}
.w89 {
	width: 89%;
	margin: 0 auto;
}

}

/* =====================================
	header
===================================== */
h1 {
	z-index: 1100;
	position: fixed;
	width: 310px;/*350*/
	height: 162px;/*182*/
	padding: 20px 0 0 40px;
	background:url(img/head_bg_l.png) left top no-repeat;
}

/*
h1 {
	z-index: 1100;
	position: fixed;
	left: 2.5%;
	top: 0;
	margin-top: 1.25%;
}
*/



#menu_btn_bg {
	z-index: 1100;
	position: fixed;
	right: 0;
	top: 0;
	width: 350px;
	height: 182px;
	text-align: right;
	background:url(img/head_bg_r.png) right top no-repeat;
}
#menu_btn_bg img {
	vertical-align: top;
}
#menu_btn {
	cursor: pointer;
}

/*
#menu_btn {
	z-index: 1100;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
}
*/
#w_bg {
	position: absolute;
	z-index: 999;
	display: block;
	width: 100%;
}
#w_bg img {
	width: 100%;
	height: auto;
}
#w_bg_sp {
	display: none;
}

@media screen and (max-width: 765px) {
	
h1 {
	left: 2.5%;
	top: 0;
	width: 38.6%;
	height: auto;
	margin-top: 1.25%;
	padding: 0;
	background: none;
}
h1 img{
	width: 100%!important;
}

#menu_btn_bg {
	width: 13.9%;
	height: auto;
	background: none;
}
#menu_btn {
	width: 100%!important;
}
#w_bg {
	display: none;
}
#w_bg_sp {
	position: absolute;
	z-index: 999;
	display: block;
	width: 100%;
}

}


/* =====================================
	menu
===================================== */

div.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#menu_cont {
	display: none;
	z-index: 1200;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0;
	background: #ffffff;
	min-width: 1300px;
}

#wrapper {
    position: relative;
    min-width: 1150px;
    line-height: 1.8;
}
/* LOGO */
.logo{width: 100%;z-index: 1000;position: relative;background: #94070a;}
#main_ttl {
    z-index: 1000;
    position: relative;
    width: 100%;
    margin: 0 0 4.5% 0;
    padding-top: 5.5% /*margin: -47.5% 0 4.5% 0;*/;
}
#main_ttl .line02 {
    height: 305px;
    margin: -20px 0;
}
#main_ttl h2 {
    z-index: 1000;
    text-align: center;
    width: 100%;
    height: 265px;
    color: #111111;
}
#main_ttl .line02 span.en {
    font-size: 60px;
}
#main_ttl h2 span.en {
    display: block;
    margin-bottom: 15px;
    padding-top: 70px;
    font-size: 66px;
    font-family: 'Playfair Display', serif;
    line-height: 1.0;
    letter-spacing: 0.06em;
}
#main_ttl h2 span.jp {
    display: block;
    margin-bottom: 15px;
    font-size: 28px;
    font-family: "游明朝","游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    line-height: 1.0;
    letter-spacing: 0.08em;
}

/* 背景 */
.bx-wrapper {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper img {
    width: 100%;
    display: block;
}
.bxslider{margin: 0px;padding: 0px;}



/* 内容 */
.NR{
    position: relative;
    width: 95%;
    margin: 0 auto;
}
.W1280{width:90%; margin:auto;max-width: 1342px;}
.page { width:100%;background:#F0F0F0 url('img/dian2.png') repeat-x; }



.ivu-input-wrapper {

    width: 40% ! important;}

.ivu-input {width:40% ! important;}

.VIDEO_IMG{display: flow-root;position: relative;width: 100%;filter: inherit;}
.VIDEO_IMG video{position: relative;width: 100%;filter: inherit;}
.vr>img{text-align: center;width: 200px;margin: auto;display: flow-root;margin-bottom: 30px}
.ls>img{text-align: center;width: 200px;margin: auto;display: flow-root;margin-bottom: 30px}
.gk>img{text-align: center;width: 187px;margin: auto;display: flow-root;margin-bottom: 30px}
.VIDEO_IMG_s{padding: 10px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.15)}

/* 概况 */
.gk_img{display: flow-root;width: 100%;height: 520px;background: url(../images/gk_bj.png) 0 0 no-repeat;background-size: 75%;}
.gk_img1{background: url(../images/gk_bj2.png) 0 0 no-repeat; background-size: contain;   height: auto;}
.gk_img span{background: #0d315a;padding: 35px;width: 60%;float: right;color: #fff;height: auto;line-height: 26px;font-size: 16px;text-indent:2em;margin-top: 48px;}
.gk_img1 span {  width: 80%; text-indent: 0;}
.gk_img1 p { text-indent:2em;}
.gk_img a{ color:#ffffff;}
.gk_img a:hover,.gk_img a:active,.gk_img a:visited,.gk_img a:focus{ color:#ffffff;}
.gk_img span::-webkit-scrollbar
{
    width: 6px;
    height:6px;
    background-color: #333;
}
.gk_img span::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #f7f8f6;
}
.gk_img span::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #d0d0d0;
}
.carousel-inner .carousel-caption h3{padding-left: 0px;font-size: 34px;color: #fff;background:none;}
.carousel-inner .item{height: 486px;}

.gk_zs_bt{margin:20px 0 10px; font-size:18px; }
.gk_zs ul li:nth-child(2n+1){ width:calc((100% - 91px)/4); float:left; height:180px; padding:10px; margin-left:0px; background:rgba(255,255,255,0.3); color:#f7f8f6;   font-size: 14px;}
.gk_zs ul li:nth-child(2n){ width:30px;height:180px;  line-height:180px; color:#ffffff; background: none;    float: left; margin-left:0;     text-align: center;}
.gk_zs ul li p{text-indent: 0;}
.gk_zs ul li:nth-child(1){margin-left:0;}

.video1{
            width: 100%;
            height: 100%;
            background:transparent url('./style/images/main04.jpg') 100% 50% no-repeat;
            -webkit-background-size:cover;
            -moz-background-size:cover;
            -o-background-size:cover;
            background-size:cover;
        }

/* 女校雅韵 */
.nx_img{display: flow-root;max-width: 208px;min-width: 180px;float: left;position: relative;margin: 20px 10px 20px 10px;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.nx_img a{position: absolute;bottom:0px;display: flow-root;width: 100%;background: #007743;height: 35px;line-height: 35px;text-align: center;color: #fff;}
.nx_img a:hover{color: #fff;}
.nx_img img{width: 100%;height: 260px;}
.event_list_nr .nav-tabs{height: 55px;width: 100%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.event_list_nr .nav-tabs li{box-shadow:0 0 0px rgba(0,0,0,0) !important;width: 25%;margin-left: 0px;text-align: center;roder:0px !important;}
.event_list_nr .nav-tabs li a{height: 55px;line-height: 55px;padding: 0px;font-size: 19px;margin-left: 0px !important;text-align: center;border:0px !important;color: #333;}

.event_list_nr .nav .active a{background: #b32036;color: #fff;border-radius: 0px;margin-right: 0px !important;broder:0px !important;}
.event_list_nr .nav-tabs li a:hover{background: #b32036;color: #fff;border-radius: 0px;margin-right: 0px !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #b32036 !important;color: #fff !important;}


.CKGD{width: 350px;height: 40px;line-height: 40px;border-radius: 6px;text-align: center;background: #A9172C;display: flow-root;margin:auto;    box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.CKGD a{color: #fff;font-size: 18px;}
.CKGD a:hover{color: #fff;}


/* 至雅课程 */
.YZKCs{float: left;width: 30%;margin: 1%;padding: 6px;box-shadow: 0 0 20px rgba(0,0,0,0.15);position: relative;}
.YZKCs img{width: 100%;float: left;height: auto;position: relative;}
.YZKCs span{font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: 800;
    height: 25px;
    line-height: 32px;
    position: absolute;
    left: 0;
    bottom: 6px;
    z-index: 77;
    /* background: url(../images/tm_img.png);*/}
.YZKCs span:hover{color: #b32036;}
/**
.YZKCs:nth-child(4),.YZKCs:nth-child(5) {  width: 46%;     height: 180px;     overflow: hidden;}
.YZKCs:nth-child(4)>div,.YZKCs:nth-child(5)>div{  height: 160px;     overflow: hidden;}
.YZKCs:nth-child(4) img,.YZKCs:nth-child(5) img{   margin-top: -53px;}
**/
.YZKCs a{ width:100%; height:100%; display:block;}

/* 校园生活 */
    .NEW_1 a{
    position:relative;width:100%;/* height:100%;*/ display:block;
    }
    .NEW_2 a{
    position:relative;width:100%; height:100%; /*display:block;*/
    }
    .NEW_1 .sh1{
    bottom: 45px;
    width: 90%;
    height: 106px;
    background: url(../images/bluebg.png);
    position: absolute;
    text-align: left;
    }
    .NEW_2 .sh2{
    bottom: 45px;
    width: 90%;
    height: 166px;
    background: url(../images/bluebg.png);
    position: absolute;
    text-align: left;
    }
       .NEW_1 .sh1 span{
color: #ffffff;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 600;
    margin-left: px;
    line-height: 43px;
    }
       .NEW_2 .sh2 span{
    color: #ffffff;
    padding-left: 24px;
    font-size: 13px;
    font-weight: 600;
    margin-left: px;
    line-height: 36px;
    background: url(../images/btbg.png) center left no-repeat;
    margin-left: 20px;
    }
        .NEW_1 .sh1 p
    {font-size: 12px;
    color: #fff;
    padding-left: 20px;
    line-height: 16px;
    width: 78%;
    padding-top: -22px;}
.YQXY{width: 31%;text-align: center;position: relative;float: left;    margin: 3% 1%;}
.xysh .YQXY:nth-child(1){width:98%;height:180px;overflow:hidden;}
.xzgy .YQXY:nth-child(4){width:98%;height:180px;overflow:hidden;}
.YQXY a{width:100%;/* height:100%; *//*display:block;*/}
.YQXY span{display: flow-root;font-weight: 600;/*text-align: center;*//*position: absolute;*/z-index: 99;height: 35px;line-height: 35px;/*bottom: 0px;*//*background: url(../images/tm_img.png);*/width: 100%;font-size: 16px;color: #333;    /*border-bottom: 3px solid #b32036;*/}
.YQXY img{/*position: relative;*/width: 100%;}
.BF{position: relative;}
.BF:after{ width:100%; height:100%; content:""; position: absolute; left:0; top:0; z-index: 9;   background:rgba(0,0,0,0.2) url(../images/icon_bf.png) no-repeat center center;     background-size: 48px auto; }


/* 雅意回味 */
.VIDEO_IMGs video{float: left;width: 48%;margin: 0% 1%;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.VIDEO_IMGs span{float: left;width: 48%;margin: 1%; text-align: center;margin: 10px 1% 2% 1%;font-size: 16px;}




/* 图片列表页 */
.KF_list_l{
    width: 22%;
    min-width: 270px;
    border-bottom: 0px solid #DDD;
    text-align: center;
    float: left;
    margin-top: 10px;
}
.KF_list_l ul {
    width: 22%;
    min-width: 270px;
    border-bottom: 0px solid #DDD;
    text-align: center;
    float: left;
}

.KF_list_l ul li {
    width: 100%;
    min-width: 270px;
    background: #b32036;
    color: #FFF;
    text-align: center;
    border-radius: 90px;
	height: 45px;
	line-height: 45px;
}
.KF_list_l ul li a{color: #fff;font-size: 18px;}


.KF_list_r{width: 100%;
    float: right;
    margin: 0px 0 0px 0px;}

.KF_list_r h3 {
    margin: 0;
    font-size: 24px;
    color: #0066ff;
    height: 60px;
    line-height: 60px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.KF_list_r h3 span b {
    display: flow-root;
    background: #B32036;
    width: 145px;
    text-align: center;
    font-size: 20px;
    color: #fff;
	float: left;
}
.KF_list_rs{padding: 25px;background: #fff;margin-top: 20px;min-height: 700px;box-shadow: 0 0 20px rgba(0,0,0,0.15);margin-bottom: 50px;}
.KF_list_rs ul{position: relative;display: flow-root;}
.KF_list_rs ul li{width: 23%;margin: 10px 1%;float: left;display: flow-root;
    position: relative;}
.KF_list_rs ul li a{display: block;}
.KF_list_rs ul li span{position: absolute;
    bottom: 0px;z-index: 99;font-size: 16px;
    display: flow-root;
    width: 100%;
    background: #b32036;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;}
.KF_list_rs ul li img{position: relative;width: 100%;height:200px;}


.KF_list_rs{text-align: center;}
.KF_list_rs h2{padding-bottom: 30px;}
.KF_list_rs p{text-align: center;width: 100%;}
.KF_list_rs p{font-size: 16px;color: #333;}
.KF_list_rs p img{max-width: 100%;min-width: 400px;}



.answer {
    width: 84%;
    height: auto;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid #fa7b81;
    background-color: #fde6e7;
    color: #515a6e;
    padding: 30px 20px 45px;
    border-radius: 5px;
    text-align: left;
}

.an_w{ margin-top:25px;}
.answer_q{ color: #B32036;}
.answer_a{ color:#4f030e;}

.iframe{}