/*¸ð¹ÙÀÏ¿ë*/
/*񃧯*/
.c {clear:both;}
.call {color:#e5656a;font-weight:bold;}
.b {font-weight:bold}
.logoimg {display:none;}
.l{float:left;}
.centert {text-align:center;}

.logoimg {display:none;}
.topnav {display:none}
.img_info3_sub1 img {display:none}
.img_info3_sub2 img {width:100%}
.logoimg_m img{width:40%}
.subconul li .map {margin:-1px 8px 0 0;border-radius:5px; padding:4px 7px 0 4px;background:#0e67a0;color:#fff;font-size:12px;}

p strong{font-size:1.1rem}

.con_book1_sub_con .exp{width:100%;background-color:#ededea;border-radius:5px;padding:6px;font-size:0.8rem;line-height:1.6}
.exp li {padding-left:10px}

.monthimg {display:none;}

.red {color:#b12a2e;font-weight:bold}
.reds {color:#bb0101; text-align:center;padding-left:15%}
.skip {display:none;}


.golink {background-color:#000000;color:#ffffff;;border-radius:5px;padding:2px;font-size:0.7rem;margin-top:10px;line-height:1.8rem}
.cen {margin-top:30px;margin-bottom:50px;text-align:center;font-weight:bold}

.go_appp {border-radius:20px; padding:20px; background:#ff7800; font-size:16px; color:#fff}
.cen {margin-top:30px;margin-bottom:50px;text-align:center;font-weight:bold}


.golink2div {text-align:center}
.golink2 {background-color:#000000;color:#ffffff;;border-radius:5px;padding:8px;font-size:1rem;margin-top:10px;line-height:1.8rem;}

th {
    font-weight: bold;
    text-align: -internal-center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}



#tablebox table{table-layout: fixed;width: 100%; margin: 20px auto;border-spacing: 0;  border-collapse: collapse;}
#tablebox  th{padding: 22px 0 20px;border-spacing: 0;  border-collapse: collapse;   border-bottom: 2px solid #333;}
#tablebox  td{ border-spacing: 0;  border-collapse: collapse;padding: 22px 5px 20px ;  border-bottom: 2px solid #e5e5e5;font-size:0.8rem;}



.td1, .td2, .td4, .td5, .td6, .td7 {text-align:center;}

.th2,  .td2 {display:none;}
.th4,  .td4 {display:none;}
.th5,  .td5 {display:none;}
.th6,  .td6 {display:none;}

.th1,.td1{width:35%;}
.th2,.td2{width:45%;}
.th7,.td7{width:20%;}

.btntel {margin-bottom:15px;}
.btntel a{background-color:#2d96f5;color:#ffffff;padding:3px;}
.btnmail a{background-color:#6e79e2;color:#ffffff;padding:3px;}



.b {font-weight:bold;}
#nav .bottomline a{border-bottom:1px #d9dadb solid;}
#nav li a{display:inline;width:16%;font-size:1rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;background-color:#ffffff;color:#000000;height:50px;margin:0 auto;border:1px #ffffff solid;border-top:1px #d9dadb solid;border-right:1px #d9dadb solid;padding-top:12px;}
#nav li .on a{background-color:#f3543c;color:#ffffff;font-weight:bold;border:2px #f3543c solid;font-size:1rem;}

#nav li a:hover{}

#nav li.btn_goto_part a{
	background-color:#ffffff;
	color:#0460b3;
	width:20%;
}

.bottomline a{border-bottom:1px #d9dadb solid;width:100%}


#subnav1 {width:100%;background-color:#144332}
#subnav1  li a{display:inline;width:20%;font-size:0.8rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;color:#ffffff;height:40px;padding-top:10px;border-right:1px solid #ffffff}
#subnav1 li .on a{background-color:#000000;color:#feda00;font-weight:bold}

#subnav2 {width:100%;background-color:#144332}
#subnav2  li a{display:inline;width:16.6%;font-size:0.8rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;color:#ffffff;height:40px;padding-top:10px;border-right:1px solid #ffffff}
#subnav2 li .on a{background-color:#000000;color:#feda00;font-weight:bold}

#subnav3 {width:100%;background-color:#144332}
#subnav3  li a{display:inline;width:100%;font-size:0.8rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;color:#ffffff;height:40px;padding-top:10px;border-right:1px solid #ffffff}
#subnav3 li .on a{background-color:#000000;color:#feda00;font-weight:bold}

#subnav5 {width:100%;background-color:#17497d}
#subnav5  li a{display:inline;width:100%;font-size:0.8rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;color:#ffffff;height:40px;padding-top:10px;border-right:1px solid #ffffff}
#subnav5 li .on a{background-color:#000000;color:#feda00;font-weight:bold}


#nav2 li a{display:inline;width:33.333333333%;font-size:0.8rem;text-align:center;border-radius: 0px;box-sizing:border-box;float:left;background-color:#ffffff;color:#000000;height:30px;border-top:1px #d9dadb solid;border-right:1px #d9dadb solid;padding-top:5px;}
#nav2 li .on a{background-color:#4d87ef;color:#ffffff;font-weight:bold;font-size:0.9rem;border-bottom:3px #4d87ef solid;}

#nav2 li a:hover{background-color:#ffffff;color:#4d87ef;}

#nav2 li.btn_goto_part a{
	background-color:#ffffff;
	color:#0460b3;
	width:33.3333333333%;
	border-bottom:1px #d9dadb solid;
}


#section img{width:100%;background-color:#000;}
.mainimg {display:none;}
.mainimg_t {display:none;}
.btnn {display:none;}



#section1_main {width:100%;text-align:center;height:auto;background-color:#4d3114;color:#ffffff;font-size:0.75rem;padding-bottom:10px;}
#section2_main {width:100%;height:auto;margin:0 auto;}
#section3_main {width:100%;height:auto;background-color:#dedcdd;color:#ffffff;}
.sec3_con {width:100%;margin:0 auto;}
#section4_main {width:100%;height:auto;margin:0 auto;}
#section5_main {width:100%;height:auto;background-color:#596e1f;color:#ffffff;;margin:0 auto;background-image:url('http://paidion.org/vbs/barge/img/bg_m_semi.jpg'); background-repeat:no-repeat;background-attachment: scroll; background-position:50% 0;}
#section6_main {width:100%;height:auto;margin:0 auto;text-align:center;background-image:url('http://paidion.org/vbs/barge/img/bg_m_ccm.jpg'); background-repeat:no-repeat;background-attachment: scroll; background-position:50% 0;background-color:#133643;}
#section7_main {width:100%;height:auto;background-color:#ffffff;}

#section1ccm {width:100%;text-align:center;height:auto;background-color:#fef2e2;}
#section1 {width:100%;text-align:center;height:auto;background-color:#00362b;}
#section11 {width:100%;text-align:center;height:auto;background-color:#fff5c4;}

.section_main_head {color:#a61b21;font-size:1.5rem;}
.sec2_mar .section_main_head {color:#a61b21;font-size:1.4rem;}
.sec3_mar .section_main_head {color:#1f2c38;font-size:1.8rem;}
.sec5_mar .section_main_head {color:#ffffff;font-size:1.8rem;}
.sec6_mar .section_main_head {color:#ffffff;font-size:1.8rem;}

.sec5_con_sub {margin:0 auto;}
.sec6_con {width:100%;margin:0 auto;background-color:rgba(0,0,0,0.7);color:#ffffff;}
#section7_main .sec6_mar  .section_main_head {color:#000000;}
.sec6_con_sub {margin-top:40px;}



.sec7_con_sub {width:90%;margin-left:3%}

.sec5_mar {padding:20px;}
.sec6_mar {text-align:center;padding:20px}

.sec7_con {margin:20px;}


.sec5_con_sub1 {margin-left:10px;background-color:#17497d;border-radius:150px;;width:150px;height:150px;float:left;}
.sec5_con_sub2 {margin:0 auto;background-color:#ee7300;border-radius:150px;;width:150px;height:150px}

.msemi_head {font-size:1.2rem;padding-top:20px;color:#fff600;font-weight:bold;}
.msemi_day {font-size:0.8rem;}


#section1_con {width:90%;background-color:#fffff;padding-top:50px;text-align:left;margin:0 auto}
.img_info2 img {width:100%}
.img_info1 img {display:none;}

.img_book1 img{display:none}
.img_book2 img{width:100%}

.img_semi1 img{display:none}
.img_semi2 img{width:100%}

.img_ccm1 img{display:none}
.img_ccm2 img{width:100%}


.subhead img{margin-left:350px;;}
.subcon {width:100%;}

#section2 {width:100%;height:300px;}
.subheading{font-size:1.8rem;padding-bottom:30px;text-decoration:underline}

div table {font-size:0.85rem;}


.bookhead {font-size:2rem;}
.booklay {text-align:center;}
.booklay img{width:80%}

.ccmcd img {width:100%}

#section3 {width:100%;background-color:#3eb4df;height:500px;}
#section4 {width:100%;height:500px;}
#section5 {width:100%;height:500px;}
#section6 {width:100%;height:500px;}
#section7 {width:100%;height:500px;}


.sec1_con {padding-top:10px;font-size:0.7rem;}
.sec2_con {margin:20px;}
.sec2_con_img img{float:left;width:45%;margin-right:0px;}

.sec2_mar {margin-left:10px;}
.sec3_con {text-align:center;}
.sec3_mar{padding-top:20px}

.sec3_con_sub1  {float:left;;margin:10px;width:90%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub2  {float:left;margin:10px;width:90%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub3  {float:left;margin:10px;width:90%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub4  {float:left;margin:10px;width:90%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub1  img, 
.sec3_con_sub2  img, 
.sec3_con_sub3  img, 
.sec3_con_sub4  img{width:25%;float:left;}


.lesson_head {color:#fef348;font-size:1.2rem}



.sec4_con{text-align:center;padding-bottom:20px;}
.sec5_con{text-align:center;padding-bottom:20px;}



.sec4_con_sub1  {float:left;margin:10px;width:40%;background-color:rgba(0,0,0,0.1);border:1px solid #c6c9ca}
.sec4_con_sub2  {float:left;margin:10px;width:40%;background-color:rgba(0,0,0,0.1);border:1px solid #c6c9ca}
.sec4_con_sub3  {float:left;margin:10px;width:40%;background-color:rgba(0,0,0,0.1);border:1px solid #c6c9ca}
.sec4_con_sub4  {float:left;margin:10px;width:40%;background-color:rgba(0,0,0,0.1);border:1px solid #c6c9ca}
.sec4_con_sub5  {float:left;margin:10px;width:100%;background-color:rgba(0,0,0,0.1);border:1px solid #c6c9ca}

.sec4_con_sub img{float:left;width:35%;}
.sec4_con_sub .lesson_head {color:#000000;font-size:1rem}




.btn{width:100%;}

.btn1 {color:#535452;}
.btn2 {color:#535452;}


.btn1,.btn2 {
	text-align:center;
	font-size:1.3rem;	
	padding: 10px 20px;
	border-radius: 10px;
	border: 1px solid #535452;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}



.btn1:hover {background-color:#424040;color:#ffffff;}
.btn2:hover {background-color:#424040;color:#ffffff;}




.sectiona {display:none;}

.con_heading {margin:auto 0;}
.con_heading img{width:5%}
.con_heading .text {font-size:1.5rem;color:#216caa;font-weight:bold;}
.con_heading .text2 {font-size:1.5rem;color:#1a6410;font-weight:bold;}

.book1_notice {border:4px #cccccc dashed;padding:20px;margin:0px;line-height:1.5rem;}

.number {background-color:#cb4e7a;border-radius:100%;color:#ffffff;padding:3px 5px 3px 5px;}


.con_book1_sub {margin-top:30px;}
.con_heading_head1 {font-size:1.2rem;background-color:#e66c23;border-radius:5px;padding:5px;color:#ffffff;}
.con_heading_head2 {font-size:1.2rem;background-color:#705599;border-radius:5px;padding:5px;color:#ffffff;}

.con_heading_head2_1 {font-size:1.2rem;background-color:#1a6410;border-radius:5px;padding:5px;color:#ffffff;}
.con_heading_head2_2 {font-size:1.2rem;background-color:#384451;border-radius:5px;padding:5px;color:#ffffff;}

.con_book1_sub_con {padding:15px;}
.con_book1_sub_con ul {padding:20px;}

.btn_shop {background-color:#116db8;border-radius:5px;padding:5px;color:#ffffff}
.btn_shop:hover {background-color:#c20808;color:#ffffff;}

.point {color:#ad2328;font-weight:bold;font-size:1.2rem}


.tbl {
		border-collapse: collapse;
		border-spacing: 0;  border-collapse: collapse;
		margin-left:50px;font-size:0.8rem;
		margin-bottom:20px;

	}
.tbl th {background-color:#c2c2c2;}

.tbl th, .tbl td {
		border: 1px solid black;
		padding:2px;
		text-align:center;
	}


.tbl2 {
		border-collapse: collapse;
		margin-left:10px;font-size:0.8rem;

	}

.tbl2 th {background-color:#c2c2c2;}

.tbl2 th, .tbl2 td {
		border: 1px solid black;
		padding:2px;
		text-align:center;
	}

.tbl2 table{width:40%;float:left;margin:10px;}



.tbl3 table{width:60%;float:left;margin:10px 10px 10px 50px;}
.tbl3 {
		border-collapse: collapse;
		margin-left:10px;font-size:0.8rem;
	}

.tbl3 th {background-color:#c2c2c2;}
.tbl3 th, .tbl3 td {
		border: 1px solid black;
		padding:2px;
		text-align:center;
	}

.subconul {line-height:1.8rem;}


.noticeul { width:100%;padding:10px;margin:0px;}

.under1 a {color:#3454dd;text-decoration:underline}


.con_head {font-weight:bold;font-size:1rem}
.con {width:95%;float:left;margin:2.512396694%;background-color:#eeeeee;padding:15px;box-sizing:border-box;}
.con img{width:100%;border:1px solid #bfbfbf;}
.con_head_info {width:100%;margin-top:5px;}
.con_head{font-size:1.1rem;}
.con_con span {line-height:1.5rem;}

.t_sub1 {border-radius: 5px;background: #4b4c4d;padding:3px;color:#ffffff;margin-right:3px;}
.t_sub1br {border-radius: 5px;background: #ffffff;padding:3px;color:#ffffff;margin-right:3px;}
.t_sub12 {border-radius: 5px;background: #4b4c4d;color:#ffffff;}
.con_con{padding:10px 0px 10px 10px;}
.con_con span {line-height:1.7rem;}
.fsmall {font-size:0.7rem;}
.fsmall2 {font-size:0.8rem;}

.btn_map a{border-radius: 5px;background: #4d87ef;color:#ffffff;font-size:0.8rem;padding:4px;}
.btn_more {text-align:center;padding:20px;}
.btn_more a{border-radius: 5px;background: #000000;color:#ffffff;font-size:0.8rem;padding:7px;}


.btn_more2 {text-align:center;padding:10px;}
.btn_more2 a{border-radius: 5px;background: #000000;color:#ffffff;font-size:0.8rem;padding:7px;}



.music2 {display:none}
.music3 {display:none}

.music1 { width:100%;margin-left:10px;margin-top:50px;}
.music1 ul{margin-left:15px;background-color:#dedede;padding:30px;line-height:1.8rem;width:75%;}
.music1 li{border-bottom:2px solid #c4c5c6;}
.hear {clear:both}
.music1 ul li {line-height:4}

.music2 { width:100%;margin-left:10px;margin-top:50px;}
.music2 ul{margin-left:15px;background-color:#dedede;padding:30px;line-height:1.8rem;width:70%}
.music2 li{border-bottom:2px solid #c4c5c6;}
.hear {float: right}

.qlistw {margin:15px 0px;}
.qlist {background-color:#145f31;border-radius:5px;color:#ffffff;padding:7px;}
.q {margin-bottom:30px;border:#dcdcdc 1px solid;padding:3px;font-weight:bold;}
.qq{background-color:#000000;color:#ffffff;padding:3px;border-radius:5px;}
.a {margin-left:30px;color:#dgdcdc;margin-bottom:50px;}
.aa{background-color:#ff0000;color:#ffffff;padding:2px 4px;border-radius:5px;}


/* UI Object */
.faq{border-bottom:1px solid #ddd;font-size:12px}
.faq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0;padding:0;border:0;background:none;font-size:12px;cursor:pointer}
.faq .hgroup .trigger {background-color:#fff;border:1px #ccc solid;padding:3px;border-radius:2px;}
.faq .hgroup .trigger:hover {background-color:#EEE} 
.faq ul{margin:0;padding:0;list-style:none}
.faq .q a.trigger{display:block;padding:10px 15px;background:#fafafa;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#EEE;color:#000}
.faq .a{overflow:hidden; height:auto; padding-top:0px; padding-bottom:40px; margin-bottom:0px;line-height:1.5}


.notice {text-align:center;width:80%;background-color:#ff6c00;color:#ffffff;margin:0 auto;font-size:0.95rem}
#footer {font-size:0.75rem;text-align:center;margin-top:20px;margin-bottom:20px;}
#csBannerFixed a button{background:#2196e0; color:#fff; border:0; padding:7px; border-radius:5px}


.book1 img {width:200px}






@media all and (min-width:700px){

.logoimg_m img{width:30%}
#section1_main .sec1_con {font-size: 1rem}

.lesson_head {padding-top:4%}

.sec3_con_sub {padding-left:5%}
.sec3_con_sub1 {width:45%}
.sec3_con_sub2 {width:45%}
.sec3_con_sub3 {width:45%}
.sec3_con_sub4 {width:45%}
.sec3_con_sub img {width:40%}

.sec4_con_sub {padding-left:9%}

.sec4_con_sub .lesson_head {padding-top:8%}
.ccmcd {width:60%;margin-left:20%}
.music1 {margin-left:25%;width:60%}

.music1 {display:none}
.music2 {display:block}
.music3 {display:none}

.sec2_con_img img{float:left;width:38%;margin-right:60px;}

.sec2_mar {margin-left:100px;}

.hear {clear:both;}
.centert {margin-left:-15%}

.booklay img {width:90%}
.booklay {float:left;}

.sec5_con_sub1 {margin-left:20%;background-color:#17497d;border-radius:150px;;width:150px;height:150px;float:left;}
.sec5_con_sub2 {margin:0 auto;background-color:#ee7300;border-radius:150px;;width:150px;height:150px}


.sec7_con_sub {width:80%;margin-left:10%}

.book1 {float:left}

}










@media all and (min-width:1025px){
/*񃧯CSS*/
#wrap{width:100%;}
.gnb{height:80px;;margin:0 auto;position:relative;}
#gnb li { float:left;}
.logoimg {display:block;}
.logoimg_m {display:none;}
.topnavm {display:none}
.topnav {display:block}
.img_info3_sub1 img{display:block}
.img_info3_sub2 img{display:none}

.cen {margin-left:-140px}

.monthimg img{margin-left:30px;margin-top:40px;border:1px solid #cccccc;}
.monthimg {display:block;}



.bookhead {font-size:2rem;}
.booklay {float:left;}


th {
    font-weight: bold;
    text-align: -internal-center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}


#section {width:100%;height:750px;background-color:#000;}
#section .mainimg {width:1200px;position:absolute;left:50%;margin-left:-600px;height:750px;background-color:#3eb4df;}
.mainimg_m {display:none;}
.mainimg_t {display:none;}
.mainimg {display:block;}

.sectiona {position:absolute;left:50%;margin-left:-50px;top:300px;color:yellow;}



#section1_main {font-size:1rem;padding-bottom:20px;}
#section2_main {width:800px;height:auto;margin:0 auto;}
#section3_main {width:100%;height:auto;background-color:#dedcdd;color:#ffffff;}
.sec3_con {width:800px;margin:0 auto;}
#section4_main {width:900px;height:300px;margin:0 auto;}
#section5_main {width:100%;height:auto;margin:0 auto;}
#section6_main {width:100%;height:auto;margin:0 auto;}
#section7_main {width:100%;height:auto;background-color:#ffffff;margin:0 auto}

#section1 {width:100%;text-align:center;}
#section11 {width:100%;text-align:center;}
#section1_con {width:1000px;position:absolute;left:50%;margin-left:-500px;top:230px;background-color:#fffff;padding-top:50px;text-align:left;}
.subhead img{margin-left:350px;;}
.subcon {width:760px;padding-top:20px;float:left;padding-left:230px;}

.img_info1 img {display:block;margin:0 auto}
.img_info2 img {display:none}

.img_book1 img{display:block;margin:0 auto}
.img_book2 img{display:none}

.img_semi1 img{display:block;margin:0 auto}
.img_semi2 img{display:none}

.img_ccm1 img{display:block;margin:0 auto}
.img_ccm2 img{display:none}



#section2 {width:100%;height:300px;}
.subheading{font-size:1.8rem;padding-bottom:30px;text-decoration:underline}

div table {font-size:0.85rem;}


.bookhead {font-size:2rem;}
.booklay {float:left;}




.book1_notice {border:4px #cccccc dashed;padding:20px;margin:20px;line-height:1.5rem;}
.con_book1_sub {margin:30px;}


#section3 {width:100%;background-color:#3eb4df;height:500px;}
#section4 {width:100%;height:500px;}
#section5 {width:100%;height:500px;}
#section6 {width:100%;height:500px;}
#section7 {width:100%;height:500px;}

.sec1_con {padding-top:30px;font-size:1rem;}
.sec2_con {margin:20px;}
.sec2_con_img img{float:left;width:45%;margin-right:40px;}




.sec3_con_sub1  {float:left;margin:10px;width:22%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub2  {float:left;margin:10px;width:22%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub3  {float:left;margin:10px;width:22%;background-color:rgba(31,44,56,0.7);}
.sec3_con_sub4  {float:left;margin:10px;width:22%;background-color:rgba(31,44,56,0.7);}


.sec3_con_sub1  img, .sec3_con_sub2  img, .sec3_con_sub3  img, .sec3_con_sub4  img{width:100%}


.sec4_con_sub1  img, .sec4_con_sub2  img, .sec4_con_sub3  img, .sec4_con_sub4  img, .sec4_con_sub5  img{width:100%}

.sec4_con_sub1  {float:left;margin:10px;width:17%}
.sec4_con_sub2  {float:left;margin:10px;width:17%}
.sec4_con_sub3  {float:left;margin:10px;width:17%}
.sec4_con_sub4  {float:left;margin:10px;width:17%}
.sec4_con_sub5  {float:left;margin:10px;width:17%}




.section_main_head {font-size:1.8rem;text-align:center;margin-left:50px;}
.sec2_mar .section_main_head {color:#a61b21;font-size:1.8rem;}

.sec5_con {width:800px;margin:0 auto}
.sec5_con_sub1 {margin-left:15%;background-color:#17497d;border-radius:150px;;width:200px;height:200px;float:left;}
.sec5_con_sub2 {margin:0 auto;background-color:#ee7300;border-radius:150px;;width:200px;height:200px}
.sec6_con_sub {width:1000px;margin:0 auto}



.msemi_head {font-size:1.2rem;padding-top:30px;}
.msemi_day {font-size:1rem;padding-top:20px;}

.ccmcd img {width:480px;padding-left:150px;}
.ccmcd {width:60%;margin-left:0%}
.sec7_con_sub {width:700px;margin:0 auto}


#nav ul{width:700px;margin-left:-130px;font-size:1.2em;position:absolute;left:50%;margin-top:-52px;float:right;;}
#nav li a{width:90px;text-align:center;border-radius: 10px;float:left;margin-right:15px;font-weight:bold;color:#424040;background-color:#ffffff;font-size:1rem;padding-top:2px;border:none;height:30px;}
#nav li .bottomline a{border:none;}
#nav .on a{font-weight:bold;}
#nav li a:hover{}

#nav li.btn_goto_part a{
	border:1px #d9dadb solid;
	margin-top:0px;
	width:120px;
	font-size:1rem;	
	color: #4d87ef;
	border-radius: 10px;
	padding:5px;
	background: #ffffff;
}
.bottomline a{border-bottom:none;}

#subnav1 ul{margin-left:-460px;font-size:1.2em;position:absolute;left:50%;margin-top:30px;width:300px;height:auto;z-index:1000}
#subnav1 li a{width:140px;text-align:center;border-radius: 10px;margin-right:15px;margin-bottom:5px;font-weight:bold;color:#424040;background-color:#eeeeee;font-size:1rem;padding:0px 10px 8px 10px;line-height:2.5rem;border:none;}
#subnav1 li .bottomline a{border:none;}
#subnav1 li .on a{font-weight:bold;background-color:#144332;color:#ffffff}
#subnav1 li a:hover{}


#subnav2 ul{margin-left:-460px;font-size:1.2em;position:absolute;left:50%;margin-top:30px;width:300px;height:auto;z-index:1000}
#subnav2 li a{width:140px;text-align:center;border-radius: 10px;margin-right:15px;margin-bottom:5px;font-weight:bold;color:#424040;background-color:#eeeeee;font-size:1rem;padding:0px 10px 8px 10px;line-height:2.5rem;border:none;}
#subnav2 li .bottomline a{border:none;}
#subnav2 li .on a{font-weight:bold;background-color:#144332;color:#ffffff}
#subnav2 li a:hover{}


#subnav3 ul{margin-left:-460px;font-size:1.2em;position:absolute;left:50%;margin-top:30px;width:300px;height:auto;z-index:1000}
#subnav3 li a{width:140px;text-align:center;border-radius: 10px;margin-right:15px;margin-bottom:5px;font-weight:bold;color:#424040;background-color:#eeeeee;font-size:1rem;padding:0px 10px 8px 10px;line-height:2.5rem;border:none;}
#subnav3 li .bottomline a{border:none;}
#subnav3 li .on a{font-weight:bold;background-color:#144332;color:#ffffff}
#subnav3 li a:hover{}

#subnav5 ul{margin-left:-460px;font-size:1.2em;position:absolute;left:50%;margin-top:30px;width:300px;height:auto;z-index:1000}
#subnav5 li a{width:140px;text-align:center;border-radius: 10px;margin-right:15px;margin-bottom:5px;font-weight:bold;color:#424040;background-color:#eeeeee;font-size:1rem;padding:0px 10px 8px 10px;line-height:2.5rem;border:none;}
#subnav5 li .bottomline a{border:none;}
#subnav5 li .on a{font-weight:bold;background-color:#144332;color:#ffffff}
#subnav5 li a:hover{}




.con {width:500px;margin-left:17px;margin-right:0;margin-bottom:0;float:left;background-color:#eeeeee;padding:15px;box-sizing:border-box;}
.con img{width:100%;border:1px solid #bfbfbf;}
.con_head {font-weight:bold;font-size:16px;}
.con_text {float:left;margin-left:10px;;font-size:1rem;}
.con_head_info {font-size:0.8rem;margin-top:15px;}
.con_con{font-size:13px;;padding:15px;float:left;}
.con_con span {line-height:1.9rem;}
.fsmall {font-size:0.7rem;}
.fsmall2 {font-size:0.8rem;}


.t_sub1 {border-radius: 5px;background: #4b4c4d;padding:3px;color:#ffffff;margin-right:3px;}
.t_sub12 {border-radius: 5px;background: #4b4c4d;color:#ffffff;}
.brr2{margin-left:30px;}
.brr3{margin-left:42px;}

.music1 {display:none}
.music2 {display:none}
.music3 {display:block}


.centert {text-align:center;margin-left:-80px;}
.music3 { width:100%;margin-left:100px;margin-top:50px;}
.music3 ul{margin-left:15px;background-color:#dedede;padding:30px;line-height:1.8rem;width:70%}
.music3 li{border-bottom:2px solid #c4c5c6;}
.hear {float: right;}

.centert {text-align:center;margin-left:-80px;}
.music3 { width:80%;margin-left:100px;margin-top:50px;}
.music3 ul{margin-left:15px;background-color:#dedede;padding:30px;line-height:1.8rem;width:70%}
.music3 li{border-bottom:2px solid #c4c5c6;}
.hear {float:right;}


.book1 {float:left}



#footer {width:100%;font-size:0.7rem;text-align:center;}

}