body {display: flex;flex-direction: column; min-height: 100vh;margin: 0;font-size: 14px;color: #333333;line-height: 15px;font-family: "Arial", "Helvetica", "sans-serif";letter-spacing: 0px;word-spacing:1px;}
.layout_index {flex: 1 0 auto;}
.bottom {background: linear-gradient(to bottom, #dddddd 0%,#eeeeee 3%,#ffffff 100%);border-top: 1px solid #cccccc;position: relative;margin-top: auto;font-size: 13px;line-height: 18px;color: #666666;height: auto;padding: 15px 0;width: 100%;text-align: center;z-index: 1;clear: both;}
.bottom1 {margin: 0 auto;width: 900px;display: flex;align-items: center;justify-content: center;}
.ctkweb {flex-shrink: 0;}
.ctkinfo {text-align: left;margin-left: 20px;}
a:link {color:#1fb9ef; text-decoration: underline; }
a:visited{color:#1fb9ef; text-decoration: underline; }
a:hover { color:#1fb9ef; text-decoration: underline; }
input {border: 1px #999999 solid; line-height: 22px;}
.logininput{width: 230px;height: 30px;}
.logininput2{width: 100px;height: 30px;}
.fsize{font-size: 24px;}
.fsize2{font-size: 20px;}
img {border:0px;}
.indexbg { width:897px; height:407px; background-image: url('../images/indexbg.jpg'); margin:0px auto; margin-top: 0px;}
.indextop{ width: 100%; height: 60px; margin-top: 30px; }
.indexlogo { float: left;height: 70px; width: 200px; padding-left: 50px; margin-top: 0px;}
.indextitle {  float: right; font-size: 22px;  color:#332313; text-shadow:10px 5px 5px #cccccc; padding-top: 3px; line-height: 20px; padding-right: 3px;  position: relative; right:30px;top:30px; height: 40px;}
.indexform { float: right; width: 300px; position: relative; top:40px; text-align:  right; height: 200px; padding-right: 40px;}
.sslbg{width:897px; height:121px;  margin:0px auto; padding: 0px;}
.indexnews{ width:640px;float: left; height: 20px; line-height: 22px;}
.newsvdiv{vertical-align: middle; width: 100px; text-align:center;}
.newsvdiv2{border-top:1px #666 solid; vertical-align: top;}
.newslist{ width:100%;float: left;border-bottom: 1px #cccccc solid; height: auto;}
.newstitle{ float: left;width: 400px; padding-top: 8px;  background-image:url('../images/icon04.gif');background-position: center left;background-repeat: no-repeat; padding-left: 20px;}
.newstitle a:link, a:visited{ font-size: 14px; line-height: 22px; text-decoration:none; color: #666666;}
.newstitle a:hover{ color:#1fb9ef; text-decoration: underline; }
.newsdate{ float: right; width: 100px;height: 30px; padding-top: 8px;color: #666666;}
.ssllogo{ width: 250px;  float: right;height: 121px; z-index: 2; text-align: center;}
.index_tdheight { height: 15px; text-align: left; padding-left: 2px; }
.index_tdheight_title { height: 15px; text-align: right; padding-right: 2px; font-weight:bold; width:70px;}
.height9{height: 9px;}
.height30{height: 30px;}
.width39x{width: 39px;}
.width70x{width: 70px;}
.btnMiddle{text-align: center; vertical-align: middle;}
a.btnLogin{ width:304px; height:52px; text-indent:-9999px; background-image:url('../images/btnlogina.gif');background-position: 0px -0px;background-repeat: no-repeat;	display: block; margin:auto; cursor: pointer;}
a:hover.btnLogin{ background-image:url('../images/btnloginb.gif');}
a.btnRefresh{width:39px; height:29px; text-indent:-9999px; background-image:url('../images/btnrefresha.gif');background-position: 0px -0px;background-repeat: no-repeat;	display: block; margin:auto; cursor: pointer;}
a:hover.btnRefresh{ background-image:url('../images/btnrefreshb.gif');}
#pwdeye{width:20px;}
#pweyediv{float: right;margin-top: -33px; width: 25px; display: block; height: 30px;position: relative;}
#pweyediv2{width: 25px;height: 30px;display: flex;align-items: center; text-align:center;}
@media only screen and (max-width: 576px) {
    #pweyediv{margin-top: -43px;  height: 40px;}
    #pweyediv2{height: 40px;}
}
.colorred {color: #ff0000 !important;}
#dv_form{display:none; position: absolute; top: 0px; width: 100%;z-index: 20;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#formlodding{display: none;vertical-align: middle; position: absolute; top: 300px; width: 100%; text-align: center; color: #ff0000; font-size: 14px; z-index: 999;}
#msglog{color: #fff;}
.mask {  display:block;background-image: url('../images/overlay.png');background-repeat: repeat;-moz-opacity: 0.70;opacity:.70;filter: alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);height:100%;width:100%;position:fixed;top:0px;left: 0px;}
.masknone {display:none;}
.width100{ width: 100%;}
.box_list{ background-color: #FFFFFF; text-align: center; color: #666666; height: 16px; padding: 5px; }
.AlterMsg{font-weight: bold; font-size: 32px;padding: 30px; text-align: center; color: red;}
#btnNoPWlogin{margin-left: 5px;}
.loginbtn {display: inline-block;padding: 10px 40px;font-size: 16px;font-family:"Microsoft JhengHei", sans-serif;color: #fff;background: linear-gradient(to bottom, #57aee0, #2980b9);border: 1px solid #1f6696;border-radius: 4px;text-align: center;text-decoration: none;transition: background 0.3s;cursor: pointer;}
.loginbtn:hover { background: linear-gradient(to bottom, #6bb9f0, #3498db);color:#fff; text-decoration: none;}
.nopwheader {font-size: 18px;font-weight: bold;color: #333;border-bottom: 2px solid #1E54AE;padding-bottom: 5px;margin-bottom: 15px;}
.nopwlogo {  margin: 15px 0;}
.info {display: inline-block;text-align: center;font-size: 18px;color: #333;margin: 15px 0;}
.info-row { display: flex;justify-content: flex-start; gap: 5px;margin: 3px 0; padding-top: 5px;}
.info-label {width: 60px;text-align: right;}
.info-value {font-weight: bold;}
.timer { margin-top: 10px; font-size: 14px;color: #dc3545 !important;}
.nopwfooter {margin-top: 8px;font-size: 14px;color: #007bff !important;}
.main_box60 {width: 50%; margin:auto; background: #fff; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: 4px 4px 1px rgba(33, 33, 33, 0.69);  -moz-box-shadow:4px 4px 1px rgba(33, 33, 33, 0.69);  box-shadow:4px 4px 1px rgba(33, 33, 33, 0.69);}
.content-card {background: #ffffff;border: 1px solid #e0e0e0;border-radius: 12px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);margin: 10px 5px;overflow: hidden;padding: 10px;width:auto;text-align: center; }