/*========================================================
                   index_menuTop
=========================================================*/
@media (max-width: 575px) {
    .nav-container {
/*        background: url(../images/bg_01.gif);*/
        background: #58a378;
    }
    .nav_menu>li {
        border-bottom: 1px dashed #fff;
        padding: 8px 0;
    }
}





/*========================================================
                        top-menu
=========================================================*/
div.top-menu { background: url(../images/bg_01.gif) top left;}
div.top-menu div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 42px;
}
div.top-menu div ul { margin: 0; padding: 0; font-size: 15px;}
div.top-menu div ul li { margin-right: 20px !important;}
div.top-menu div ul li:last-child { margin-right: 0 !important;}
div.top-menu div ul li i { margin-right: 3px;}
@media (max-width: 575px) {
    div.top-menu { display: none;}
}






/*========================================================
                   index_menuTop
=========================================================*/
div.index_menuTop {
/*    border-top: 2px solid rgba(93, 186, 93, 0.6);*/
    border-bottom: 4px solid #19e5af;
    background-color: #2a826d;
/*    background-image: linear-gradient(to top, #ffffff 0%, #e0e2e2 100%);*/
}





/*========================================================
                   Main
=========================================================*/
@media (min-width: 576px) {
    #main { 
        padding-top: 0;
        background: #fff url(../images/bg_02.jpg) top center no-repeat;
    }
}


.mainbox{
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
    border-radius: 15px;
    margin: 15px 0;
    padding: 15px;
    border: 2px #e9e9e7 solid;
}



/*========================================================
                   index
=========================================================*/
.in_icon{
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
    text-align: center;
    border:1px #999 solid;
    padding: 15px 0;
    font-weight: bold;
    font-size: 22px;
    color: #4e616d;
}
.in_icon:hover{
    background-image: linear-gradient(135deg, #bfbfbf 0%, #c3cfe2 100%);
    color: #000;
}


.inewslt{ margin-top: 5px;}
.inewslt ul{ margin: 0; border-bottom: 1px #a0a0a0 dotted;}
.inewslt ul:hover{ background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);}
.inewslt li span{ display: none;}

@media (max-width: 767px) {
    .inewslt ul{ margin: 15px; border-bottom: 1px #a0a0a0 dotted;}
    .inewslt li span{ display: inline;}
    .inewslt li:nth-child(1){ width:100%;}
    .inewslt li:nth-child(2){ width:100%;}
    .inewslt li:nth-child(3){ width:100%; margin-bottom:10px;}
}

@media (min-width: 768px) {
    .inewslt li:nth-child(1){ width:15%; padding:15px 15px;}
    .inewslt li:nth-child(2){ width:70%; padding:15px 15px;}
    .inewslt li:nth-child(3){ width:10%; padding:15px 15px; text-align: center;}
}


/*========================================================
                   news
=========================================================*/

div.mnewsList ul.list {
/*	background: rgba(80,190,180,1);*/
	color: #000;
	margin-bottom: 5px;
}
div.mnewsList ul.list li { padding: 8px;}


div.mnewsList a {
    font-size: 20px;
    display: block;
    position: relative;
}
div.mnewsList a:hover { background: #CEE8F2;}
div.mnewsList a::before {
    content: "\f101";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #20386F;
    font-size: 23px;
    text-align: center;
    position: absolute;
    top: 13px;
    right: 20px;
    transition: all 0.3s ease 0s;
}
div.mnewsList a:hover::before {
    content: "\f100";
}

div.mnewsList ul.list_td {
	border-bottom: 1px #bbb solid;
	margin-bottom: 5px;
    overflow: auto;
}
div.mnewsList ul.list_td li { padding: 8px;}
div.mnewsList ul.list_td:hover { background: #E8E8E8;}


@media (max-width: 767px) {
    div.mnewsList ul.list_td li:nth-child(1){ width:100%; color:#b61f4c;}
    div.mnewsList ul.list_td li:nth-child(2){ width:100%;}
    div.mnewsList ul.list_td li:nth-child(3){ width:100%;}
}


@media (max-width: 991px) {
	div.mnewsList ul.list { display: none;}
	div.mnewsList ul.list_td { padding: 10px 0;}
	div.mnewsList ul.list_td li { padding: 0;}
	div.mnewsList ul.list_td li span i { width: 25px; text-align: center;}
}
@media (min-width: 992px) {
	div.mnewsList ul.list li { float: left;}
	div.mnewsList ul.list_td li { float: left;}
	div.mnewsList ul.list_td li:nth-child(1) { text-align: center; color:#b61f4c;}
/*	div.mnewsList ul.list_td li:nth-child(2) { }*/
    div.mnewsList ul.list_td li:nth-child(3) { text-align: center;}
	div.mnewsList ul.list_td li span { display: none;}
}




/*========================================================
                   ds
=========================================================*/
.dsList ul.list_th{
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
}

.dsLine{ 
    border-bottom: 1px #bbb solid;}

.dsList ul.list_td{
	margin-bottom: 5px;
    overflow-x: hidden;
}

.dsList ul.list_td:hover{ background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
}

.dsList ul.list_td span{ display: none;}

.dsList li:nth-child(1){ width:13%; text-align: center;}
.dsList li:nth-child(2){ width:15%; text-align: center;}
.dsList li:nth-child(3){ width:15%; text-align: center;}
.dsList li:nth-child(4){ width:35%; text-align: left;}
.dsList li:nth-child(5){ width:15%; text-align: center;}


@media (max-width: 767px) {
    .dsList ul.list_th{ display: none;}
    .dsList li:nth-child(1){ width: 100%; text-align: left;}
    .dsList li:nth-child(2){ width: 100%; text-align: left;}
    .dsList li:nth-child(3){ width: 100%; text-align: left;}
    .dsList li:nth-child(4){ width: 100%; text-align: left;}
    .dsList li:nth-child(5){ width: 100%; text-align: left;}
    .dsList ul.list_td span{ display: inline-block;}
}

@media (min-width: 768px) {
    .dsList li:nth-child(1){ width: 12%;}
    .dsList li:nth-child(2){ width: 15%;}
    .dsList li:nth-child(3){ width: 15%;}
    .dsList li:nth-child(4){ width: 35%;}
    .dsList li:nth-child(5){ width: 15%;}
}







/*========================================================
                   EL
=========================================================*/

.accordion-button.otherA {
/*
    background: #ff0000;
    background-color: #ff0000 !important;
*/
    background-color: linear-gradient(to top, #dad4ec 0%, #defcde 1%, #fff 100%);
    background-color: #defcde !important;
}

.accordion-button.otherA:hover{ background-color: #eaeaea!important;}
.subS {
    border-bottom:1px #999 dotted;
}

div.subS:hover{ 
    background-color: #edfcd9;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5800a' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
div.subS i{ color: #dc3545;}

.subSinfo{ 
    font-size: 22px;
    font-weight: 600;
    border-radius: 15px;
    padding-bottom: 8px;
    border-bottom: 2px #94d3c3 solid;
    margin-bottom: 5px;
}




.accordion-button {
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.59) 41%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); background-color: #eaedea!important;
    padding-bottom: 0;
    border: 1px #d1d1d1 solid;
}
.accordion-button:hover{ background-color: #f7f1d2!important;}

.accordion-button:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}





.accordion-body{
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23eae9ec' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.EL-title{
    font-size: 20px;
    font-weight: 700;
}
.EL-info{ color: #408940;}
.EL-info div{ display: inline-block;}

.subJ {
    border-bottom:1px #999 dotted;
}

div.subJ:hover{ 
    background-color: #fffbc7;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f5800a' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
div.subJ i{ color: #dc3545;}

.subJinfo{ 
    font-size: 22px;
    font-weight: 600;
    border-radius: 15px;
    padding-bottom: 8px;
    border-bottom: 2px #94d3c3 solid;
    margin-bottom: 5px;
}

.v-title{
    margin-left : 14px; text-indent : -10px;
}

.tli{
    background-color: rgba(155,155,155,0.3);
    border-radius: 10px;
    font-weight: 500;
}


/*==========================================================
                        score
============================================================*/
.sco{}

@media (max-width: 767px) {
    .sco{ padding: 40px 15px!important;}
}


@media (min-width: 992px) {
    .sco{ padding: 40px 250px!important;}
}

.sco-card{ height: 250px;}

.sco-card:hover{ 
    border-bottom:5px #2a826d solid;
    border-top:5px #2a826d solid;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
}


.sco-iconA{
    background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border:2px #fff solid;
    font-weight: 600;
    padding: 15px 10px;
}

.sco-iconB{
    background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border:2px #fff solid;
    font-weight: 600;
    padding: 15px 10px;
}

/*實習積分*/
.spList ul.list_th{
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
}

.spLine{ 
    border-bottom: 1px #bbb solid;}

.spList ul.list_td{
	margin-bottom: 5px;
    overflow-x: hidden;
}

.spList ul.list_td:hover{ background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
}

.spTS_bk{ 
    background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
    margin-bottom:20px;
}

.spList ul.list_td span{ display: none;}

.spList li:nth-child(1){ width:10%; text-align: center;}
.spList li:nth-child(2){ width:62%; text-align: left;}
.spList li:nth-child(3){ width:12%; text-align: center;}
.spList li:nth-child(4){ width:12%; text-align: center;}



@media (max-width: 767px) {
    .spList ul.list_th{ display: none;}
    .spList li:nth-child(1){ width: 100%; text-align: left;}
    .spList li:nth-child(2){ width: 100%; text-align: left;}
    .spList li:nth-child(3){ width: 100%; text-align: left;}
    .spList li:nth-child(4){ width: 100%; text-align: left;}
    .spList ul.list_td span{ display: inline-block;}
}

@media (min-width: 768px) {
    .spList li:nth-child(1){ width: 10%;}
    .spList li:nth-child(2){ width: 62%;}
    .spList li:nth-child(3){ width: 12%;}
    .spList li:nth-child(4){ width: 12%;}
}


/*專科積分*/
.mbrTitle{ 
    background-image: linear-gradient(-60deg, #f4d03f 0%, #16a085 100%);
    color: #fff;
    font-weight: 500;
    padding: 10px 0 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    letter-spacing: 0.1em;
    font-size: 20px;
}

.mbrList ul.list_th{
    background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
}

.mbrLine{ 
    border-bottom: 1px #bbb solid;}

.mbrList ul.list_td{
	margin-bottom: 5px;
    overflow-x: hidden;
}

.mbrList ul.list_td:hover{ background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
}

.mbrList ul.list_td span{ display: none;}

.mbrList li:nth-child(1){ width:10%; text-align: center;}
.mbrList li:nth-child(2){ width:74%; text-align: left;}
.mbrList li:nth-child(3){ width:12%; text-align: center;}




@media (max-width: 767px) {
    .mbrList ul.list_th{ display: none;}
    .mbrList li:nth-child(1){ width: 100%; text-align: left;}
    .mbrList li:nth-child(2){ width: 100%; text-align: left;}
    .mbrList li:nth-child(3){ width: 100%; text-align: left;}
    .mbrList ul.list_td span{ display: inline-block;}
}

@media (min-width: 768px) {
    .mbrList li:nth-child(1){ width: 10%;}
    .mbrList li:nth-child(2){ width: 74%;}
    .mbrList li:nth-child(3){ width: 12%;}
}



/*========================================================
                  pwd  login
=========================================================*/
div.login {
	margin: 0 auto;
/*	padding: 30px 6% 0 6%;*/
	background: rgb(247, 247, 247);
	border: 2px solid rgba(173, 216, 230,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}
div.login form { padding: 30px 6% 20px 6%;}

div.login h3 {
    text-align: center;
    margin: 0; padding: 0;
    letter-spacing: 2px;
    position: relative;
	font-family: 'Monoton', 'Noto Sans TC', sans-serif;
	font-size: 38px;
}
div.login h3:after, div.login h3:before {
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 25px;
}

div.login h3:after { 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

div.login h3:before {
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}
@media (max-width: 390px) {
	div.login h3:after, div.login h3:before { width: 18%;}
	div.login h3 { letter-spacing: 0;}
	div.login h3.pass:after, div.login h3.pass:before { width: 0%; letter-spacing: -1px;}
}
@media only screen and (min-width: 391px) and (max-width: 500px) {
	div.login h3:after, div.login h3:before { width: 24%;}
	div.login h3.pass:after, div.login h3.pass:before { width: 5%;}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
	div.login h3:after, div.login h3:before { width: 28%;}
	div.login h3.pass:after, div.login h3.pass:before { width: 13%;}
}
@media (min-width: 768px) {
	div.login { width: 75%;}
	div.login h3 { font-size: 40px;}
	div.login h3:after, div.login h3:before { width: 25%; top: 28px;}
	div.login h3.pass:after, div.login h3.pass:before { width: 11%;}
}
@media (min-width: 992px) {
	div.login h3 { font-size: 45px;}
	div.login h3:after, div.login h3:before { width: 30%; top: 32px;}
	div.login h3.pass:after, div.login h3.pass:before { width: 18%;}
}
@media (min-width: 1200px) {
	div.login h3 { font-size: 50px;}
	div.login h3:after, div.login h3:before { top: 35px;}
}
div.change_link {
	color: rgb(127, 124, 124);
/*
	left: 0px;
	height: 20px;
	padding: 17px 30px 20px 30px; margin-bottom: 0;
*/
	text-align: right;
	border-top: 1px solid rgb(173, 216, 230);
	-webkit-border-radius: 0 0  5px 5px;
	   -moz-border-radius: 0 0  5px 5px;
	        border-radius: 0 0  5px 5px;
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
}
div.change_link p { margin: 0; padding: 15px 6%;}





/*========================================================
                   footer
=========================================================*/
footer {
    border-top:6px #72db73 solid;
    font-size: 17px;
    background: #fff url(../images/bg_03.jpg) top center no-repeat;
/*    background-color: #cbf2cb;*/
/*    background-image: linear-gradient(to top, #c2f2d3 0%, #f9f8a6 100%);*/
/*    background: #e0e2e2;*/
    color: #504f4f;
    text-align: center;
    padding: 30px 0 60px 0;
    line-height: 160%;
}
footer ul { margin: 0; padding: 0;}
footer ul li i { display: inline-block; width: 20px; text-align: center; margin-right: 3px;}

footer ul li a:link     { text-decoration: none; color: #8138fa;}
footer ul li a:visited  { text-decoration: none; color: #8138fa; outline:none;}
footer ul li a:active   { text-decoration: none; color: #8138fa;}
footer ul li a:hover    { text-decoration: none; color: #084F58;}

footer p { margin: 0; padding: 0;}

@media (min-width: 576px) {
    footer ul li { display: inline-block; margin-right: 20px;}
}
















/*========================================================
               seMenu      main_title
=========================================================*/
div.main_Carousel {
    position: relative;
    padding-top: 10px;
}

div.main_title {
/*
	display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
*/
}
div.main_title img {
    max-width: 100%;
    height: auto;
    border: 4px #fff solid;
}
  

div.main_title h1 {
    position: absolute;
	font-size: 28px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;

    top: 33%;
    left: 10%;
}
@media (min-width: 576px) {
	div.main_title h1 {
        letter-spacing: 5px;
		font-size: 40px;
        top: 35%;
        left: 15%;
	}
}
@media (min-width: 768px) {
	div.main_title h1 {
        font-weight: 700;
		font-size: 40px;
        top: 40%;
        left: 20%;
	}
}
@media (min-width: 992px) {
	div.main_title h1 {
		font-size: 50px;
        top: 40%;
        left: 22%;
	}
}
@media (min-width: 1200px) {
	div.main_title h1 {}
}
@media (min-width: 1400px) {
	div.main_title h1 {
		font-size: 55px;
        top: 43%;
        left: 22%;
	}
}






/*========================================================
                     breadcrumb
=========================================================*/
.breadcrumb {
	background: transparent;
	font-size: 17px;
	margin-bottom: 0;
    margin-top: 14px;
    color: #0d7e82;
}
.breadcrumb i { margin-right: 7px;}
.breadcrumb a { color: #0d7e82;}


div.titleB {
    border-radius: 15px;
    display: block;
    padding: 10px 20px 0px 20px;
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    border-bottom: 5px #94d3c3 solid;
}
div.titleB h2{
    color: #2a6b45;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    clear: both;
}





/*========================================================
                     Main
=========================================================*/
main div.content {
	padding-top: 15px;
	padding-bottom: 30px;
	line-height: 180%;
}
@media (min-width: 576px) {
	main div.content {
		padding-top: 20px;
/*        padding-bottom: 60px;*/
	}
}













/*========================================================
                        index
=========================================================*/
section.intro { padding-top: 10px;}

section.inews { line-height: 135%;}


/*========================================================
                        about
=========================================================*/
div.about ul { padding: 0; font-size:18px!important;}
div.about ul li {
    text-indent: -93px;
    padding-left: 73px;
    margin-top: 15px;
    margin-left:20px;
    line-height: 140%!important;
}

div.about ul li ul {
    padding-left: 5px;
    margin-left: 20px;
}
div.about ul li ul li {
    text-indent: 0px;
    padding-left: 0px;
    margin-top: 0;
}

/*div.about p.ps { font-size: 14px; line-height: 150%;}*/

div.about ul li ol li{
    list-style-type: cjk-ideographic;
    text-indent: 0;
    padding-left: 0;
    margin-top:5px;
}
div.about ul li ol li ul li{
    list-style-type: decimal;
    margin-left:-4px;
    margin-top:5px;
}

div.about ul li ol li ul li ul li{
    list-style-type: lower-roman;
    margin-left:-4px;
    margin-top:5px;
}


/*========================================================
                about   index_03_a.asp
=========================================================*/
div.aboutB div.row ul { margin: 0 0 0 120px; padding: 0; line-height: 250%;}
div.aboutB div.row ul li { text-indent: -60px;  border-bottom:1px dashed #ddd;}
div.aboutB div.row ul li i { padding-right: 20px;}
div.aboutB div.row ul li span { width: 40px; display: inline-block; color:#036;}

@media (min-width:768px){
    div.aboutB div.row ul { margin: 0 0 0 60px;}
    div.aboutB div.row ul li { text-indent: -59px; padding-left: 122px;}
    div.aboutB div.row ul li i { color:#036;}
    div.aboutB div.row ul li span { width: 35px;}
}

div.aboutB span.title { font-family: "LXGW WenKai Mono TC", serif; font-size: 23px;}



/*========================================================
                member join
=========================================================*/
.joinBG{ 
    background-image: url(../files/join/arrow.png);
    background-repeat: repeat-x;
    word-break: break-all;
}



/*========================================================
                member screening
=========================================================*/
.scr_tb th{ text-align: center; align-content: center;}
.scr_tb td{ text-align: center; align-content: center;}

.ta_left{ text-align: left!important;}


/*========================================================
                     share_btn
=========================================================*/
div.share_btn {
	border-top: 2px #afe6c5 solid;
	padding-top: 15px;
	text-align: right;
    margin-bottom: 60px;
}
@media (min-width: 768px) {
	div.share_btn {
		padding-left: 15px;
		padding-right: 15px;
	}
}
div.share_btn ul {
	display: flex;
	flex-direction: row-reverse;
}
div.share_btn ul li { margin-left: 8px;}