/*float*/
.f_left {float:left;}
.f_right{float:right;}

/*align*/
.txt_al_cen {text-align:center;}	 
.txt_al_left {text-align:left;}
.txt_al_right {text-align:right;}

 /*font-color*/
.color_000{color:#000;}	
.color_fff{color:#fff;}	   
.color_red{color:#ae0101;}
.color_blue{color:#275598;}	
.color_orange{color:#e87c24;} 
.color_green{color:#00a651;}

 /*background-color*/
.bg_green {background:#40cbaa;}
.bg_yellow {background:#f7c55b;}
.bg_blue {background:#88cbe3;}	 
.bg_green_light {background:#9eca6c;}
.bg_fa {background:#fafafa;}
.bg_e{background:#eee;}
/*font*/
.f120em{font-size:1.2em;}	 
.f125em{font-size:1.25em;}
.f150em{font-size:1.5em;}	 
.f200em{font-size:2em;}	
.f250em{font-size:2.5em;}	 
.f300em{font-size:3em;}

.b200 {font-weight:300;}
.b300 {font-weight:300;}  
.b400 {font-weight:400;}
.b700 {font-weight:700;}

.lh12{line-height:1.2;}	  
.lh15{line-height:1.5;}
.lh20{line-height:2;}

/* padding*/
.pa05 {padding:5px;}
.pa10 {padding:10px;}
.pa20 {padding:20px;}
.pa30 {padding:30px;}
.pa40 {padding:40px;}
.pa50 {padding:50px;}
.pa60 {padding:60px;}

.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl100 {padding-left:100px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}	
.pr100 {padding-right:100px;}

/* margin*/		 
.mt00 {margin-top:0;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

/*width*/		  
.wid100{width:100%;} 	 
.wid20{width:20%;}	 
.wid25{width:25%;}	 
.wid30{width:33%;}	 
.wid48{width:48%;}	   
.wid50{width:50%;}
.wid300px{width:300px;}		   
.wid400px{width:400px;}	
.wid1200px{width:1200px; margin:0 auto;}

/*border*/
.bd_1_fff {border:1px solid #fff;}	   
.bd_1_ce {border:1px solid #cecece;}
.bd_bt_1_ce {border-bottom:1px solid #cecece;}	   
.bd_r_ce {border-right:1px solid #cecece;}

/*table*/
.tabletop{margin: 40px 0 5px; }
.tabletop p {font-size: 1.6rem; color: #808080}
.tabletop p span{ color: #0069b4; font-weight: 700}
.tablelist {width: 100%; border-top: 2px solid #0069b4; text-align: center; font-size: 1.6rem}
.tablelist tr {border-bottom: 1px solid #e5e5e5}
.tablelist tr:hover {background: #f8f8f8}
.tablelist thead tr:hover{background: none}
.tablelist th {font-weight: 700}
.tablelist th, table td {padding: 15px; vertical-align:middle; text-align: center;}
.tablelist .title {text-align: left; line-height: 1.3;}
.tablelist .title a { color: #333; font-weight: 700; font-size: 1.8rem; display: inline-block; width: auto; max-width:600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative;  line-height: 1.4;}
.tablelist .title a:hover {text-decoration: underline}
.tablelist .noposts:hover{background: none}
.tablelist .noposts td{padding: 60px 15px}

/* view */
.tableview tr td{text-align: left; font-size: 1.8rem;}
.tableview tr th{background: #f2f2f2}
.tableview tr:hover {background: none}
.tableview .title {font-size: 2rem; font-weight: 700; padding: 15px;}
.tableview .title span {font-size: 1.6rem; margin-right: 10px; font-weight: 400}
.tableview .title span.right{float: right}
.view_file_download:before { content:''; display: block; clear: both;}
.view_file_download {width:auto }
/* .view_file_download::before { content: '\f56d'; font-family: "Font Awesome 6 Pro"; color: #00ace7; margin-right: 7px} */
.view_file_download i {color: #00ace7; margin-right: 7px}
.tableview tr td a {color: #666}
.tableview tr td a:hover {text-decoration: underline}
.tableview .viewcon {padding: 0 30px 30px}
.tableview .viewcon img { max-width: 100%; height: auto !important;}
.tableview .fixnotice {border-bottom: 0;}
.tableview .fixnotice td{padding: 5px}
.tableview .fixnotice p{float: right; color: #0069b4; font-style: italic}