header { padding: 15px; border-bottom: solid 1px #526267; }
#Main #TMain { margin: 0; width: 100%; background-color: #15768c; }
#Main #TMain .TCMain { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 1600px; padding: 0px 25px; }
#Main #TMain .TCMain .TMLeft { width: 430px; }
#Main #TMain .TCMain .TMLeft .Title { display: flex; align-items: flex-end; text-shadow: 0px 1px 3px rgba(0,0,0,0.5); line-height: 0px }
#Main #TMain .TCMain .TMLeft .Title:hover { cursor: pointer; }

#Main #TMain .TCMain .TMLeft .Title .T1 { flex: none; width: 120px; }
#Main #TMain .TCMain .TMLeft .Title .T1 img { width: 100%; }
#Main #TMain .TCMain .TMLeft .Title .T2 { flex: 1; padding-left: 10px; font-size: 23px; color: #FFFFFF; line-height: 35px }

#Main #TMain .TCMain .TMRight { flex-grow: 1; width: auto; }
#Main #TMain .TCMain .TMRight:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#Main #TMain .TCMain .TMRight ul { display: flex; justify-content: flex-end; list-style-type: none; }
#Main #TMain .TCMain .TMRight ul.L { margin-top: 5px; }
#Main #TMain .TCMain .TMRight ul.M { margin-top: 0px; }
#Main #TMain .TCMain .TMRight ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#Main #TMain .TCMain .TMRight ul li { float: left; margin: 10px 0 10px 10px; color: #FFFFFF; line-height: 35px; font-size: 15px; }
#Main #TMain .TCMain .TMRight ul.M li { margin: 3px 0 3px 5px; }
#Main #TMain .TCMain .TMRight ul li a { padding: 8px 10px; border-radius: 5px; color: #FFFFFF; text-decoration: none; font-size: 15px; }
#Main #TMain .TCMain .TMRight ul.M.B li a { font-size: 14px; }
#Main #TMain .TCMain .TMRight ul li a:hover { background-color: #3a8b9e; color: #FFFFFF; }
#Main #TMain .TCMain .TMRight ul li a.Member { color: #94ebff; font-size: 15px; }

#Main #TMain .TCMain .TMRightMobile { display: none; flex-grow: 1; }
#Main #TMain .TCMain .TMRightMobile .material-icons { font-size: 36px; }

#Main #CMain { margin: 0; width: 100%; flex: 1; }

@media screen and (max-width: 880px) {

#Main #TMain .TCMain { padding: 0px 5px; }

}

@media screen and (max-width: 768px) {
/*#Main { padding-top: 60px; }*/
header { position: fixed; z-index: 10; top: 0px; padding: 5px 5px; }
#Main #CMain { margin: 60px 0 0; width: 100%; }
#Main #TMain .TCMain { padding: 0px 5px; align-items: center; }
#Main #TMain .TCMain .TMLeft { width: calc( 100% - 40px ); align-items: center; }
#Main #TMain .TCMain .TMLeft .Title {  }
#Main #TMain .TCMain .TMLeft .Title .T1 { flex: none; width: 80px; }
#Main #TMain .TCMain .TMLeft .Title .T2 { font-size: 16px; line-height: 20px; }
#Main #TMain .TCMain .TMLeft .Title .T2 span { display: block; }

#Main #TMain .TCMain .TMRight { width: 100%; height: 0px; overflow: hidden; transition: .3s; }
#Main #TMain .TCMain .TMRight.Open { height: 50px; }
#Main #TMain .TCMain .TMRight.Member.Open { height: 400px; }
#Main #TMain .TCMain .TMRight ul.M.T { display: block; margin-top: 15px; padding: 5px 0px; border-top: solid 1px rgb(255 255 255 / 50%); }
#Main #TMain .TCMain .TMRight ul li { display: block; float: none; clear: both; margin: 7px 0 5px 5px; line-height: 30px; font-size: 15px; }
#Main #TMain .TCMain .TMRight ul li a { padding: 5px 8px; font-size: 14px; }
#Main #TMain .TCMain .TMRight ul li a.Member { font-size: 14px; }
#Main #TMain .TCMain .TMRight ul.M.B { display: block; padding: 5px 0px; border-top: solid 1px rgb(255 255 255 / 20%); }
#Main #TMain .TCMain .TMRight ul.M li { margin: 5px 0 5px 5px; }

#Main #TMain .TCMain .TMRightMobile { display: block; width: 40px; padding: 7px 0px; align-items: center; }
}