@charset "utf-8";
.searchbox .pp{}
.searchbox .pp a{ padding:5px 10px; margin:2px; color:#FFF; text-decoration:none; font-weight:bold;  font-size:100%; color:#006934; border:1px solid #006934;  display:inline-block; border-radius:6px;}
.searchbox .pp a:hover,.searchbox .pp a.on{background-color:#333;color:#FFF;border:1px solid #333;}

.bookpage .fontlist li .btn_2{ display: inline-block;background:#F5f5f5 url(../images/down.png) left center no-repeat; border:2px solid #eee; color:#000; padding:0px 8px 0px 25px;line-height:180%; vertical-align:middle;border-radius:5px; margin:0 0.5%;font-size:95%;}
.bookpage .fontlist li .btn_2:hover{background:#c7c7c7 url(../images/down.png) left center no-repeat;}
.bookpage .fontlist .fontlist2{ border-top:1px dashed #999; padding-top:10px;}
.bookpage .fontlist .fontlist2 .infott{ padding-bottom:5px;}

/*線上報名列表*/
.onlinelist {width:100%; height:auto; margin:0% auto 0% auto;}
.onlinelist h2{ padding:5px 0; font-size:130%; color:#F60;}
.onlinelist #css_table .line{background-color:#407c09;/*標題底色*/ }
.onlinelist #css_table .css_td b{ display:none;width:24%; vertical-align:top;color:#407c09; margin-right:1%;}
.onlinelist #css_table .css_td .spanbox{ width:auto; height:auto; display:inline-block; overflow:hidden;}
.onlinelist #css_table .css_td .spanbox a{ color:#000;}
.onlinelist #css_table .css_td .spanbox a:hover{ color:#000;}
.onlinelist #css_table .css_tr:hover{ background-color:#efff87;}
.onlinelist #css_table .css_td .spanbox a.tabbtn{background-color:#FFF; text-decoration: none; font-weight:bold;color:#000; font-size:80%; padding:2px 2px; margin:2px; border-radius:5px; text-align:center; line-height:220%; display:inline-block; border:1px solid #a6a6a6;}
.onlinelist #css_table .css_td .spanbox a.tabbtn:hover{text-decoration:none;}
.onlinelist #css_table .css_td .spanbox .tabfont{ color:#F60;display:block;}
.onlinelist #css_table .css_td .spanbox .tabfont2{ color:#000;display:block;}
.onlinelist #css_table .css_td .spanbox .tabfont3{ color:#666;display:block;}
.onlinelist #css_table .box01{ width:20%;}
.onlinelist #css_table .box01.fixed-width{ width:35%;}

.onlinelist #css_table .box02{ width:14%;}.onlinelist #css_table .box02 .spanbox span{ display:block;}
.onlinelist #css_table .box03{ width:auto;text-align:center;}
.onlinelist #css_table .box04{ width:auto;text-align:center;}.onlinelist #css_table .box04 .spanbox span{ display:block;}
.onlinelist #css_table .box05{ width:30%;}
.onlinelist #css_table .box01.title-color {color:white;}
.onlinelist #css_table .box02.title-color {color: white;}
.onlinelist #css_table .box03.title-color {color: white; width:17%;}
.onlinelist #css_table .box04.title-color {color: white;}
.onlinelist #css_table .box05.title-color {color:white;width:33%;}
.onlinelist #css_table .box03.title-colors {color: white;}
.onlinelist #css_table .box05.title-colors {color:white;width:41%;}
.onlinelist #css_table .box11{ width:auto; }
.onlinelist #css_table .box12{ width:auto; }.onlinelist #css_table .box02 .spanbox span{ display:block;}
.onlinelist #css_table .box13{ width:auto;text-align:center;}
.onlinelist #css_table .box14{ width:auto;text-align:center;}
.onlinelist #css_table .box15{ width:13%;}

.onlinelist .member_info #css_table_01 .css_tr .css_td.box6 .spanbox span,
.onlinelist .member_info #css_table_01 .css_tr .css_td.box8 .spanbox span{ display:inline-block;}
.onlinelist .member_info #css_table_01 .css_tr .box9 .Sessionlist{display: block; list-style:decimal;width:100%; padding:0;}
.onlinelist .member_info #css_table_01 .css_tr .box9 .Sessionlist li{display: inline-block;width:100%; line-height:150%; padding:5px 0; border-bottom:1px dashed #CCCCCC;}

.onlinelist .voice{ background:#3d7b46 url(../frontimages/icon-voice.png) no-repeat 5px center; padding:4px 5px 5px 27px; color:#FFF; border-radius:6px; border:0;}
.onlinelist .voice:hover{background:#72a779 url(../frontimages/icon-voice.png) no-repeat 5px center;}
.onlinelist .Personalbox1{ background-color:#eee; padding:20px; margin-top:20px; height:auto;border-top:2px solid #a8b63b;}
.onlinelist .Personalbox1 .boxdiv{ width:100%;height:150px; overflow:scroll;overflow-x: hidden; margin-top:10px;}

.onlinelist .Personalbox2{width:100%; height:auto;display:block; background-color:#FFF; padding:0px; margin-top:0px;}
.onlinelist .Personalbox2 h2{display:block; width:100%; font-size:120%;margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC;color:#F60;}
.onlinelist .Personalbox2 h2 span{ color:#F60; display:inline-block;}
.onlinelist .Personalbox2 .ActiveMember{ width:80px; height:auto;float:right;}
.onlinelist .Personalbox2 .ActiveMember a{ display:block; width:80px; height:80px; line-height:80px; text-align:center; border-radius:40px; background-color:#F60; color:#FFF; font-weight:bold;}
.onlinelist .Personalbox2 .ActiveMember a:hover{ background-color:#C60;}
.onlinelist .Personalbox2 .Personalul{display:inline-block; width:85%; height:auto; overflow:hidden; list-style:none;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li{display:block; width:100%; height:auto; padding:5px 0;}
.onlinelist .Personalbox2 .Personalul li b{ display: inline-block; width:18%; height:auto; vertical-align:top; text-align:right;font-size:100%; }
.onlinelist .Personalbox2 .Personalul li .spanbox{ display: inline-block; width:80%; height:auto;color:#666;font-size:100%;vertical-align:top;}
.onlinelist .Personalbox2 .Personalul li .spanbox i{ font-style:normal; color:#F30;}
.onlinelist .Personalbox2 .Personalul li .spanbox span{display:inline-block;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li .fileimg{display:inline-block;width: 30%;vertical-align:middle;line-height:150%; margin:0 5px;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li .fileimg a{display:inline-block; margin:0 0.5%;width: auto;line-height:160%; color: #333; text-align:left;font-size:90%;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li .fileimg a:hover{ color: #333;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li .fileimg a img{ vertical-align:middle;width:20px; height:auto;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist{display: block; list-style:decimal;width:100%; padding:0;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li{display: inline-block;width:100%; line-height:150%; padding:5px 0; border-bottom:1px dashed #CCCCCC; color:#000;}
.onlinelist .Personalbox2 .Personalul li .spanbox .Sessionlist li .mapinfo{ color:#360;}

.onlinelist .Personalbox3{ background-color:#FFF; padding:20px; margin-top:20px;border:2px solid #eee; border-radius:6px;margin-bottom:10px;}
.onlinelist .Personalbox3 h3{color:#000; margin-bottom:10px; padding-bottom:5px;border-bottom:1px dashed #a8b63b;}
.onlinelist .Personalbox4{ background-color:#eee; padding:20px; margin-top:20px; color:#c95000; }

.onlinelist .Personalbox5{width:100%; height:auto;display:block; background-color:#FFF; padding:0px; margin-top:0px;}
.onlinelist .Personalbox5 h2{display:block; width:100%; font-size:120%;margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC;}
.onlinelist .Personalbox5 h2 span{ color:#F60; display:inline-block;}
.onlinelist .Personalbox5 .Personalul{display:block; width:100%; height:auto; overflow:hidden; list-style:none;font-size:100%;}
.onlinelist .Personalbox5 .Personalul li{display:block; width:100%; height:auto; padding:5px 0;}
.onlinelist .Personalbox5 .Personalul li b{ display: inline-block; width:18%; height:auto; vertical-align:top; text-align:right;font-size:100%; }
.onlinelist .Personalbox5 .Personalul li .spanbox{ display: inline-block; width:80%; height:auto;color:#666;font-size:100%;vertical-align:top;}
.onlinelist .Personalbox5 .Personalul li .spanbox i{ font-style:normal; color:#F30;}
.onlinelist .Personalbox5 .Personalul li .spanbox span{display:inline-block;font-size:100%;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li .fileimg{display:inline-block;width: 30%;vertical-align:middle;line-height:150%; margin:0 5px;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li .fileimg a{display:inline-block; margin:0 0.5%;width: auto;line-height:160%; color: #333; text-align:left;font-size:90%;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li .fileimg a:hover{ color: #333;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li .fileimg a img{ vertical-align:middle;width:20px; height:auto;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist{display: block; list-style:decimal;width:100%; padding:0;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li{display: inline-block;width:100%; line-height:150%; padding:5px 0; border-bottom:1px dashed #CCCCCC; color:#000;}
.onlinelist .Personalbox5 .Personalul li .spanbox .Sessionlist li .mapinfo{ color:#360;}
.onlinelist .Personalbox6{ background-color:#eee; padding:20px; margin-top:20px;margin-bottom:10px;border-radius:6px;}
.onlinelist .Personalbox6 .downloadlist{ padding-top:10px; border-top:1px solid #999;} 
.onlinelist .Personalbox6 .downloadlist .filenote{ }


.onlineteach #css_table .box01{width:4%;}
.onlineteach #css_table .box02{ width:10%;}
.onlineteach #css_table .box03{width:6%;}
.onlineteach #css_table .box04{width:15%;}
.onlineteach #css_table .box05{}
.onlineteach #css_table .box06{ width:12%;}
.onlineteach #css_table .box07{ width:10%;}


.member_info #css_table_01 .box09{}
.member_info #css_table_01 .box09 .spanbox .Sessionlist li .fileimg{display:inline-block;width: 30%;vertical-align:middle;line-height:150%; margin:0 5px;}
.member_info #css_table_01 .box09 .spanbox .Sessionlist li .fileimg a{display:inline-block; margin:0 0.5%;width: auto;line-height:160%; color: #333; text-align:left;font-size:90%;}
.member_info #css_table_01 .box09 .spanbox .Sessionlist li .fileimg a:hover{ color: #333;}
.member_info #css_table_01 .box09 .spanbox .Sessionlist li .fileimg a img{ vertical-align:middle;width:20px;}
.member_info #css_table_01 .box09 .spanbox .Sessionlist{display: block; list-style:decimal;width:100%; padding:0;}
.member_info #css_table_01 .box09 .spanbox .Sessionlist li{display: inline-block;width:100%; line-height:150%; padding:5px 0; border-bottom:1px dashed #CCCCCC; color:#000;}
.member_info #css_table_01 .css_td.box9 .spanbox .Sessionlist li .mapinfo{ color:#360;}
.member_info #css_table_01 .css_td.box9 .spanbox .Sessionlist li .fileimg a img{vertical-align:middle;width:20px; height:auto;}
.member_info #css_table_01 .css_td .spanbox select{font-size:100%; padding:2px; vertical-align:middle;}


/* == 手機版型區 =============================== */

@media screen and (max-width: 767px) {
/*線上報名列表*/
.onlinelist {width:100%; height:auto; margin:1% auto 5% auto;}
.onlinelist #css_table .line{background-color:#407c09;/*標題底色*/ }
.onlinelist #css_table .css_tr{ padding:2px; padding-top:5px; margin:0;}
	.onlinelist #css_table .css_tr .title .none {
		display: none;
	}
.title-rwd {display:none!important;}
.onlinelist #css_table .css_td b{ display: inline-block;width:29%; vertical-align:top;color:#407c09; margin-right:1%; padding:0;}
.onlinelist #css_table .css_td .spanbox{ width:70%; height:auto; display:inline-block; overflow:hidden; line-height:150%;}
.onlinelist #css_table .css_td .spanbox .none{display:none;}
.onlinelist #css_table .css_td .spanbox a.tabbtn{background-color:#000; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:2px 8px; margin:2px; border-radius:5px; text-align:center;}
.onlinelist #css_table .css_td .spanbox a.tabbtn:hover{text-decoration:none;}
.onlinelist #css_table .box01{ width:100%; padding:0;}
.onlinelist #css_table .box02{ width:100%; padding:0;}.onlinelist #css_table .box02 .spanbox span{ display: inline-block;}
.onlinelist #css_table .box03{ width:100%; text-align:left; padding:0;}
.onlinelist #css_table .box04{ width:100%; text-align:left; padding:0;}
.onlinelist #css_table .box05{ width:100%; text-align:left; padding:0;}

.onlinelist #css_table .box11{ width:100%; }
.onlinelist #css_table .box12{ width:100%; }.onlinelist #css_table .box02 .spanbox span{ display:block;}
.onlinelist #css_table .box13{ width:100%;text-align:left;}
.onlinelist #css_table .box14{ width:100%;text-align: left;}
.onlinelist #css_table .box15{ width:100%;}

.onlinelist .Personalbox2{}
.onlinelist .Personalbox2 h2{display:block; width:100%; font-size:120%;margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC;}
.onlinelist .Personalbox2 span{ font-size:120%;}
.onlinelist .Personalbox2 .ActiveMember{ width:80px; height:auto;float: none; display:block; margin:0 auto;text-align:center;}
.onlinelist .Personalbox2 .ActiveMember a{ display:block; width:80px; height:80px; line-height:80px; text-align:center; border-radius:40px; background-color:#F60; color:#FFF; font-weight:bold;}
.onlinelist .Personalbox2 .ActiveMember a:hover{ background-color:#C60;}
.onlinelist .Personalbox2 .Personalul{display:block; width:100%; height:auto; overflow:hidden; list-style:none;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li{display:block; width:100%; height:auto;}
.onlinelist .Personalbox2 .Personalul li b{ display: inline-block; width:100%; height:auto; vertical-align:top; text-align:left;font-size:105%; font-weight:bold;border-bottom:1px solid #CCCCCC;border-left:3px solid #000; padding-left:5px;  }
.onlinelist .Personalbox2 .Personalul li .spanbox{ display: inline-block; width:100%; height:auto;color:#666;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li .spanbox i{ font-style:normal; color:#F30;display: inline-block;}
.onlinelist .Personalbox2 .Personalul li .spanbox span{display:block;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li .spanbox .fileimg{ display: inline-block; width:100%; padding-right:1%; vertical-align:middle;line-height:160%;font-size:100%;}
.onlinelist .Personalbox2 .Personalul li .spanbox .fileimg a{ margin:0 1%;width: auto;line-height:160%; color: #333; text-align:left;}
.onlinelist .Personalbox2 .Personalul li .spanbox .fileimg a:hover{ color: #333;}
.onlinelist .Personalbox2 .Personalul li .spanbox .fileimg a img{ vertical-align:middle;width:20px;}

.onlinelist .Personalbox5 .Personalul li b{ display: inline-block; width:30%; height:auto; vertical-align:top; text-align:right;font-size:100%; }
.onlinelist .Personalbox5 .Personalul li .spanbox{ display: inline-block; width:70%; height:auto;color:#666;font-size:100%;vertical-align:top;}
.none{
	display:none!important;
}
}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*線上報名列表*/
.onlinelist .Personalbox5{width:100%; height:auto;display:block; background-color:#FFF; padding:20px; margin-top:30px;}
.onlinelist .Personalbox5 h2{display:block; width:100%; font-size:120%;margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC;}
.onlinelist .Personalbox5 h2 span{ color:#F60; display:inline-block;}
.onlinelist .Personalbox5 .Personallist{ list-style:none;width:100%; height:auto;display:block; overflow:hidden;}
.onlinelist .Personalbox5 .Personallist li{ padding:10px 0; border-bottom:1px solid #eee;width:100%; height:auto;display:block;overflow:hidden;}
.onlinelist .Personalbox5 .Personallist li .tt{ color:#000;display: block;width:40%; height:auto; vertical-align:top; text-align:right;}
.onlinelist .Personalbox5 .Personallist li .spanbox{ width: 50%;height:auto; display:inline-block;}
.onlinelist .Personalbox5 .Personallist li .spanbox span{ display:block;}
.onlinelist #css_table .css_tr .css_td.box05 .spanbox .tabbtn{ font-size:120%;}
	.flex {
		display: flex !important;
	}
	.w-33{
		width:33%!important;
	}
	.w-25 {
		width: 25% !important;
	}
	}

@media screen and (min-width: 1025px) and (max-width: 1119px) {
}

/* ==  Landscape 這是手機拿橫的時候 =============================== */
@media screen and (max-width: 766px) and (orientation:landscape){

	}
	/* ==  Landscape 這是平板拿橫的時候 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

	}