@charset "utf-8";

input { margin: 0; }
.panel-title > a { text-decoration: none; }
.panel-title > a:hover { text-decoration: none; }
.transparent { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.transparent:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.seDialog1 .btns button { margin-right: 8px; border: 1px solid rgba(0, 0, 0, 0.07); }

.fa_16 { width: 16px; height: 16px; font-size: 13px; line-height: 16px; text-align: center; color:#777; } 
.panel-title:after { content: "\f0fe"; font-family: 'Font Awesome 5 Free'; }
.main_zone .bar_top input { height:auto; }
.file_blocks .item_img .td_chk { line-height: 11px; }
.file_blocks .item_img .td_chk > input { width: auto; opacity: 1; }
.float_rt { position:absolute; right:0; top:0; }
.float_rb { position:absolute; right:0; bottom:0; }

#sbar .input-group{display:inline-block;}
#sbar input{width:0px;transition:width 1s; border-radius: 15px; height: 30px; visibility: hidden}
#sbar .btn{width:30px;height:30px;border-radius: 50% !important;padding:0px;}

/* msgs */
div#share_action { height: 36px; }
div#share_action a.share_submit { padding: 4px 12px; }

/* set */
#pane_control_content { visibility: initial; border: solid 1px #ccc; border-top: 0; }
#pane_control_content .tabbable { background-color:rgba(255,255,255,0.8); height:100%; }
#pane_control_content .tab_laeva1 { margin-right:153px;height:100%;border-left:1px ##000 solid; }
#pane_control_content .tab_laeva2 { margin-right:150px;height:100%; }

/* main_icon */
#Function_Menu { max-width:1170px; }
/* lab */
div.info_list { wdith:100%; }
.btn { border-radius:4px; }
.breadcrumb > .active { font-weight:bold; }

.blog_item .img_square { width:64px; height:64px; vertical-align: middle; }
.item.file_item, .item.link_item { white-space:nowrap; }
.se_link_items { overflow:hidden; }
.se_func iframe { min-height:600px; }
.df_item { cursor: pointer; }
.df_item:hover { text-decoration: underline; }
.tags_count .tags { margin-right: 4px; }
.se_page_content { position:relative; min-height: 30px; }
.se_main_items { min-height: 300px; }
.se_main_items:hover .item_menu_bar { display:inline-block; }
.se_main_items .blog_item:first-child { border-top: 1px #aaa solid; }
.item_menu_bar { display:none; position:absolute; top:0; right:4px; }
.item_menu_bar > a { margin-left:4px; }
.seSearchItems { margin-top:20px; }
.se_member .item { float:none; display:inline-block; vertical-align:top; }
.cmn_item .user_icon { width:50px; height:50px; }
.ui-datepicker { margin: 0 auto; }

#bnMainSet { position: absolute; bottom: 12px; right: 8px; }
.siteSearchBar { bottom: 12px; right: 52px;	}
#se_uploadfile_ie { line-height: 18px; }

.btn-custom-two { font-size: 12px; color: #fff; background-color: rgb(137, 136, 24); border: 2px solid rgb(137, 136, 24); margin: 0 4px 4px 0; padding: 1px 4px; }
.btn-custom-two:hover {  border: 2px solid rgb(137, 136, 24); text-decoration: none; color: rgb(137, 136, 24); background-color: transparent; }

.se_path { position:relative; }
.se_path .btns { position:absolute; top:7px; right:7px; } 

.se_dir_desc { padding:0; line-height: 1.2em; }
.album-items > li { float: none; display: inline-block; vertical-align: top; }

#siteMenuList .item .icon_hide {
    position: absolute;
    top: 12px;
    right: 0px;
}

.seWinRightBar {
	position: fixed;
    right: 0;
    top: 50%;
    margin-top: -25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	background-color: #ccc;
}
.seWinRightBar > .btn_a {
	display:block;
	padding: 12px 6px;
	color: #fff;
	position: relative;
}
.seWinRightBar > .btn_a:hover {
	color: #fff;
}
.seWinRightBar > .btn_a > .fa, .seWinRightBar > .btn_a > .far {
    font-size: 26px;
    width: 30px;
    height: 30px;
    line-height: 30px;
	text-align: center;
    float: initial;
}
.seWinRightBar > .btn_a .axlabel_warning {
	display:inline-block;
	top: -2px;
    right: 9px;
    padding: 0 4px;
}


.se_bg_img_items > .item {
    width: 100%;
    height: 100%;
}


.se_file .panel-body { padding: 6px; }
.se_file .se_file_items { padding-left:0; list-style-type: none; margin-bottom: 0px; }
.se_file .se_file_items .item { clear:both; position:relative; border-bottom:solid 1px #f5f5f5; padding:4px 0px; overflow: overlay; }
.se_file .se_file_items .item .td_icon { margin-right:4px; }
.se_file .se_file_items .item .td_title { display:inline-block; min-width:160px; line-height: 22px; vertical-align: middle; }
.se_file .se_file_items .item .dir_desc { vertical-align:middle; line-height: 18px; max-height: 60px; font-size: 13px; color: #777; overflow: hidden; }
.se_file .se_file_items .item .intro { font-size: 13px; line-height: 18px; padding-left: 20px; color: #A9A9A9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.se_file .se_file_items .item .dir_desc .img_square { position:relative; overflow:hidden; display: inline-block; width: 80px; height: 60px; margin-right: 4px; border-radius: 3px; }
.se_file .se_file_items .item .td_size { display:inline-block; width: 50px; }
.se_file .se_file_items .item .td_time { display:inline-block; width: 80px; }

.se_file .se_file_items .item .td_title { display:block; position:relative; padding-right:58px; white-space: nowrap; overflow: visible; text-overflow: ellipsis; }
.se_file .se_file_items .item .td_title .col { display: block; overflow: hidden; text-overflow: ellipsis; }
.se_file .se_file_items .item .td_title a { vertical-align:middle; }
.se_file .se_file_items .item .td_cnt_view { position:absolute; top:0; right:0; color: #A9A9A9; font-size: 12px; }
.se_file .se_file_items .item .intro { padding-left:0; }

.se_file .se_file_items .link_item .intro { padding-left:0; }
.se_file .se_file_items .image_item , .se_file .se_file_items .video_item { display:inline-block; margin: 2px; width: 140px; vertical-align: top; line-height:12px; overflow:hidden; border: 0; padding: 0; }
.se_file .se_file_items .link_item .simg { float:left; width:80px; height:60px; display:inline-block; position: relative; overflow: hidden; margin-right: 8px; }
.se_file .se_file_items .link_item .td_title { line-height:2em; }
.image_item > .simg , .video_item > .simg { width:140px; height:106px; display:inline-block; position: relative; overflow: hidden; }
.video_item > .td_title { display:block; line-height: 20px; margin:4px 0; padding:0px 4px; text-align: center; overflow: hidden; width:140px; min-width:140px; max-height:40px; white-space: initial; }

.se_file .se_file_items .product_item {
	display: inline-block;
	margin: 4px 4px 8px 4px;
	width: 180px;
	vertical-align: top;
	line-height: 12px;
	text-align: center;
	padding: 0;
	border: 0;
}
.se_file .se_file_items .product_item > .td_title {
    display: block;
    line-height: 20px;
    margin: 4px 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    white-space: initial;
    color: #333;
}
.se_file .se_file_items .product_item > .simg { width:160px; height:160px; display:inline-block; position: relative; overflow: hidden; margin: 0 auto; }
.se_file .se_file_items .product_item > .td_price { 
    text-align: center;
    color: #555;
    margin: 4px;
    line-height: 20px;
}
.se_file .se_file_items .product_item > .td_price > .n1 { 
    color: #f00;
}
.se_file .se_file_items .product_item > .td_price > .num {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}

.se_product_content {}
.se_product_content > .info {
    display: flex;
    flex-direction: row;
	align-items: start;
	position: relative;
	overflow: hidden;
}
.se_product_content > .info > .img {
	text-align: center;
    border: solid 1px #ddd;
    padding: 8px;
	border-radius: 5px;
}
.se_product_content > .info > .img .img_main {
	display: inline-block;
	width: 300px;
	height: 300px;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	cursor: pointer;
}
.se_product_content > .info > .img .img_list {
	text-align:center;
	margin: 8px 0;
	white-space: nowrap;
}
.se_product_content > .info > .img .img_list > * {
	display:inline-block;
	vertical-align:middle;
}
.se_product_content > .info > .img .img_list > .btn_a {
	padding:12px 4px;
}
.se_product_content > .info > .img .img_list > .btn_a.gray {
	color: #ddd;
}
.se_product_content > .info > .img .img_list .imgs {
	max-width: 248px;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
    width: 248px;
    height: 64px;
	margin: 0 4px;
	position: relative;
}
.se_product_content > .info > .img .img_list .imgs .z1 {
    position: absolute;
    top: 0;
    left: 0;
}
.se_product_content > .info > .img .img_list .imgs .img {
	width: 60px;
	height: 60px;
	display: inline-block;
	overflow: hidden;
    border: solid 2px #e6e6e6;
	border-radius: 3px;
    margin: 1px;
	cursor: pointer;
}
.se_product_content > .info > .img .img_list .imgs .img.sel {
	border: solid 2px #18bc9c;
}
.se_product_content > .info > .desc {
	flex: 1;
    padding: 4px 8px 4px 20px;
}
.se_product_content > .info > .desc .title {
	font-size: 20px;
	font-weight: bold;
    margin: 8px 0;
}
.se_product_content > .info > .desc .text {
	font-size: 15px;
}
.se_product_content > .info > .desc > .price .n1 {
	color: #f00;
}
.se_product_content > .info > .desc > .price .num {
	color: #f00;
    font-size: 20px;
    font-weight: bold;
}
.se_product_content > .info > .desc > .originalPrice .num {
	text-decoration: line-through;
}
.se_product_content > .info > .desc > .bar {
	margin: 8px 0;
}
.se_product_content > .content {
	margin: 12px 0;
    border-top: dashed 1px #ccc;
    padding: 12px 0;
}
.se_product_content > .content > .title {
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 8px;
}
.se_product_content > .content > .text {
    overflow: auto;
}


.popup_dlg { padding:8px; position:relative; }
.popup_dlg #iconCancel { position:absolute; top:0px; right:0px; padding:4px 8px; }
.popup_dlg fieldset legend { border-bottom:1px solid #e5e5e5; }


/*** 成員 ***/
.member_items {
	padding:8px;
}
.member_item { 
    margin-bottom: 20px;
    padding: 0 5px;
}
.member_item > .title {
    display: block;
    overflow: hidden;
    padding-bottom: 2px;
    white-space: nowrap;
}
.member_item > .title .name {
    font-size: 15px;
    color: #996600;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}
.member_item > .title .total {
	color: #b00000;
}
.member_item .item {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration:none;
}
.member_item .item .img {
	position:relative;
	display: inline-block;
	overflow:hidden;
	background-color: #fff;
	width: 140px;
	height: 140px;
}
.member_item .item .topbar { position:absolute; top:4px; right:4px; display:none; }
.member_item .item:hover .topbar { display:inline-block; }

/*** 課程 ***/
.course_item { 
    margin-bottom: 20px;
    padding: 0 5px;
}
.course_item > .title {
    display: block;
    overflow: hidden;
    padding-bottom: 2px;
    white-space: nowrap;
}
.course_item > .title .name {
    font-size: 15px;
    color: #996600;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}
.course_item > .title .total {
	color: #b00000;
}
.course_items {
	padding:8px;
}
.course_items > .item {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
	text-decoration:none;
	box-shadow: 0 2px 15px -2px rgb(0 0 0 / 12%), 0 2px 6px -2px rgb(0 0 0 / 5%);	
	border-radius: 5px;
    overflow: hidden;
	cursor: pointer;
}
.course_items > .item > .img {
	position:relative;
	display: inline-block;
	overflow:hidden;
	background-color: #fff;
	width: 200px;
	height: 113px;
}
.course_items > .item.add_item > .icon {
	position:relative;
	display: inline-block;
	overflow:hidden;
	background-color: #fff;
	width: 200px;
	height: 113px;
    font-size: 36px;
    line-height: 100px;
}
.course_items > .item > .c1 {
	color: #000;
	max-width: 200px;
	padding: 0 8px 12px 8px;
}
.course_items > .item > .c1 > .title {
	font-size: 16px;
	line-height: 32px;
    font-weight: bold;
}
.course_items > .item > .c1 > .desc {
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777;
}
.course_items > .item > .c1 > .opt2 {
	display:none;
}
.course_items > .item:hover > .c1 > .opt2 {
	display:block;
}


/* jquery */
.ui-tooltip.ui-widget-content { background: #fff; max-height: 500px; overflow: hidden; }
.ui-icon { width: 16px; height: 16px; background-image: url(/css/smoothness/images/ui-icons_222222_256x240.png); }
.ui-dialog .ui-dialog-titlebar-close { border:0; background: url(/css/images/close2.gif) transparent; width: 16px; height: 16px; }

/**********上傳中*************/
#upload_item{
	position:fixed;
	left:1px;
	bottom:0;
	background-color:#e4f2f2;
	padding:5px;
	border-left:1px solid #b0d3e4;
	border-right:1px solid #b0d3e4;	 
	border-top:1px solid #b0d3e4;	 
	border-bottom:0px;
	min-width:400px;
}
#upload_item #bnCloseAll {
	float:right;
	margin:2px 10px 0 0;
	color:#0080FF;
}
#upload_item #bnShowTreeview { border: 1px solid transparent; background-color: transparent; padding: 0; cursor:pointer; border-radius: 5px; display: inline-block !important; line-height: 16px; }
#upload_item #bnShowTreeview:hover {border: 1px solid #999; background: #dadada url(/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}

#upload_item div.title{	
	color:#0376b0;
	padding: 3px 5px;
}
#upload_files {
	text-align:left;
	background-color:#FFFFFF;
	padding:5px;
	margin-top:5px;
	color:#7d7d7d;
	overflow-x: hidden;
	overflow-y: auto;
	clear: both;
}
#upload_files .item {
	position:relative;
}
#upload_files .item #bnCancel{
	position:absolute;
	top;0;
	right:5px;
}
#upload_files .item.wait {
	padding-bottom:5px;
	margin-bottom:3px;
}
#upload_files .filename {
	overflow:hidden;
	margin-right:26px;
}
#upload_files .filename .prog {
	float:right;
	font-size:8px;
}
/* */
.scrollup:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; }

/* 課程 20210622 */
.se_block {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 4px;
    border-bottom: solid 1px #e8f2f2;
}
.se_block > .title {
    display: block;
    padding: 10px 15px;
    white-space: nowrap;
    background-color: #eaffd2;
    border-color: #ecf0f1;
	min-height: 34px !important;
}
.se_block > .title button {
    background-color: rgb(239, 239, 239);
    color: rgb(59, 59, 59);
}

.se_block .nav > li > a {
	padding: 4px 8px;
}
.message_title {
	font-size: 14px;
	line-height: 18px;
}
.message_title a.select, .message_title a:hover {
    background-color: #fffff7;
}

/*** 課程 ***/
#se_course > #bnZoom { top: 36px; right: 4px; }


/* IE */
.ie .siteSearchBar { right:118px; }


/***************************************/
@media screen and (max-width: 767px) {
.se_product_content > .info > .desc {
	padding-left: 12px;
}
.se_product_content > .info > .img {
	padding: 4px;
}
.se_product_content > .info > .img .img_main {
    width: 200px;
    height: 200px;
}
.se_product_content > .info > .img .img_list .imgs {
	width: 128px;
    height: 42px;
}
.se_product_content > .info > .img .img_list .imgs .img {
	width: 40px;
    height: 40px;
}
.scrollup {
	font-size:2em;
}
}
/***************************************/
@media screen and (max-width: 480px) {
.se_product_content > .info > .desc {
	padding-left: 10px;
}
.se_product_content > .info > .img {
	padding: 4px;
}
.se_product_content > .info > .img .img_main {
    width: 150px;
    height: 150px;
}
.se_product_content > .info > .img .img_list .imgs {
	width: 94px;
	height: 32px;
}
.se_product_content > .info > .img .img_list .imgs .img {
	width: 30px;
    height: 30px;
}
.scrollup {
	font-size:2em;
}
}