@charset "utf-8";
/*2023國立中興大學電機系_en CSS Document */

html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;padding: 0;margin: 0;}
*,::before,::after{-webkit-box-sizing:inherit;box-sizing:inherit;padding: 0;margin: 0;}

#toTop {position: fixed;bottom: 52px;right: 10px;cursor: pointer;display: none;z-index:99999;}

html{font-size: 62.5%;-webkit-text-size-adjust:none;padding:0;margin:0;}
html{-webkit-text-size-adjust:none}

body {font:1.5rem Arial; padding:0;margin:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table*/, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}

input[type=radio], input[type=checkbox] {padding:0;margin:0;}
input[type=hidden]{display:none !important;}
button {cursor:pointer;overflow:visible;}
button:-moz-focus-inner {border:none;}
ol, ul {list-style:none;}
/*img{border:none; width: auto;max-width: 100%; height: auto;}
a {text-decoration:none;}*/
blockquote {quotes:none;}
blockquote:before, blockquote:after {content:'';content:none;}
:focus {outline: 0;}
ins {text-decoration:none;}
a,a:hover{text-decoration:none;}
/*table {border-collapse:collapse;border-spacing:0;}*/
#hidden{position:absolute;width:0px;height:0px;z-index:1}
#backbutton{position:absolute;width:72px;height:30px;z-index:100;left:900px;top:-50px;}
.clear{clear: both;}
.img-fluid {max-width: 100%;height: auto;}

.center{text-align:center;text-align: -moz-center;text-align: -webkit-center;}

/*border*/
.border5{width:100%;border-radius:0.5em;display: inline-block;}
.border5_s{border-radius:1em;display: inline-block;}

.f-1_1{font:1.7rem Arial;}/*17*/
.f-1_2{font:1.8rem Arial;}/*18*/
.f-1_3{font:2rem Arial;}/*20*/
.f-1_4{font:2.2rem Arial;}/*22*/
.f-1_5{font:2.4rem Arial;}/*24*/

.red{color:#FF0000;padding:0.2em 0;}
.blue{color:#0056cc;padding:0.2em 0;}
.pink{color:#f0147b;padding:0.2em 0;}
.green{color:#00950e;padding:0.2em 0;}

.bg-primary{background:#023e86;color: #ffffff;}
.bg-secondary{background:#6c757d;color: #ffffff;}
.bg-success{background:#45a009;color: #ffffff;}
.bg-danger{background:#dc3545;color: #ffffff;}
.bg-warning{background:#ffc107;color: #000000;}
.bg-info{background:#17a2b8;color: #ffffff;}
.bg-dark{background:#343a40;color: #ffffff;}
.bg-pink{background:#f30352;color: #ffffff;}
.bg-blue{background:#0E609B;color: #ffffff;}
.bg-dark-70{background:#989ea4;color: #000000;}
.bg-dark_blue{background:#0d1d49;color: #ffffff;}
.bg-dark-10{background:#f6f6f6;color: #000000;}
.bg-dark-15{background:rgba(0,0,0,0.1);color: #000000;}
.bg-green{background:#5b9732;color:#ffffff;}


.bg-white{background:#ffffff;color: #000000;}

.bg-orange{background:#ff6600;color: #ffffff;}
.bg-brown{background:#7C3600;color: #ffffff;}
.bg-indigo{background:#034057;color: #ffffff;}


.bg-freezing{background:rgba(0,77,149,0.3);color: #000;}
.bg-normal {background:rgba(0,149,14,0.3);color: #000;}


.text-primary{color:#023e86;}
.text-secondary{color:#6c757d;}
.text-success{color:#45a009;}
.text-danger{color:#dc3545;}
.text-warning{color:#ffc107;}
.text-info{color:#17a2b8;}
.text-dark{color:#343a40;}
.text-block{color:#000000;}
.text-pink{color:#f30352;}
.text-blue{color:#0E609B;}

/*video*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.gray_block{background:#f1f1f1 ;padding:calc(20%/2);width:auto;color:#ff0000;font:1.5rem Arial;font-weight:700;line-height:30px;text-align:center;}
.gray_block01{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:1.5rem Arial;font-weight:500;line-height:30px;}




/**/
#btn_dflex_c{width:100%;padding: 0;display:flex;flex-wrap:wrap;justify-content:center;}
#btn_dflex_r{width:100%;padding: 0; display:flex;flex-wrap:wrap;justify-content: flex-end;}
#btn_dflex_l{width:100%;padding: 0;display:flex;flex-wrap:wrap;justify-content: flex-start;}



#btn_dflex_c #backbu a{font:1.5rem Arial;font-weight:500;width:auto;height:auto;padding:0.5em 2.5em;background:#ff6600;color:#ffffff;border:2px solid #ff6600;display:inline-block;text-align:center;margin:1em;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
#btn_dflex_c #backbu a:hover{width:auto;height:auto;padding:0.5em 2.5em;background:#ffffff;color:#ff6600;border:2px solid #ff6600;display: inline-block;text-align:center;margin:1em;-webkit-border-radius:2em;-moz-border-radius: 2em;border-radius: 2em;}


#btn_dflex_r .btn_more a{font:1.5rem Arial;font-weight:500;width:auto;height:auto;color:#18181a;display:inline-block;text-align:center;margin:1em;}
#btn_dflex_r .btn_more a:hover{width:auto;height:auto;color:#000000;display: inline-block;text-align:center;}


@media screen and (min-width: 768px) and (max-width: 959px) {
	
#btn_dflex_r #backbu a{font:1.5rem Arial;font-weight:500;width:auto;height:auto;padding:0.5em 2em;background:#ff6600;color:#ffffff;border:2px solid #ff6600;display:inline-block;text-align:center;margin:1em 0.5em;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
#btn_dflex_r #backbu a:hover{width:auto;height:auto;padding:0.5em 2em;background:#ffffff;color:#ff6600;border:2px solid #ff6600;display: inline-block;text-align:center;margin:1em 0.5em;-webkit-border-radius:2em;-moz-border-radius: 2em;border-radius: 2em;}
	
}


.dotted_line{float:left;width:100%;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:10px;}
.line{/*margin:1em 0 2em 0;*/padding-bottom:5px;border-bottom:1px solid #555555;}
.bline{/*margin:1em 0 2em 0;*/padding-bottom:5px;border-bottom:2px solid #000000;}

.Tradius{border-radius: 100%; padding:3px 6px;margin-right:0.5em;background:#ff6600;color:#ffffff;font:15pt Arial;font-weight:500;}
.TSquare{border-radius: 0; padding:3px 6px;margin-right:0.2em;background:#ff6600;color:#ffffff;font:15pt Arial;font-weight:500;}
.Mradius{display:inline-block;padding:3px 6px;background:#ff6600;color:#ffffff;font:12pt Arial;font-weight:500;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}



#Dean_block{width:100%;min-width:1200px;height:auto !important;margin:0 auto;height:100% !important;}
#Dean_block:after{content:''; clear:both; display:block;}
#Dean_block #list{width:15%;height:auto !important;margin:0 auto;float:left;}
#Dean_block #list:after{content:''; clear:both; display:block;}
#Dean_block #list #photo{width:100%;height:auto !important;z-index:1;position:relative;top:0px;left:0px;padding-bottom:20px;/*margin-left:30px;*/}

#Dean_block #list #photo #icon_st01{width:1px;height:1px;z-index:2;position:absolute;top:10px;right:0px;}
#Dean_block #list #photo #icon_st01 .limited_icon {width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 26.0px;border-color: transparent transparent transparent #007bff;}
#Dean_block #list #photo .note{width:100%;margin:0;background:#f1f1f1;margin-top:1.3em;}




.Dean_radius{position:relative;display:inline-block;padding:1em;text-align:center;background:#f2f2f2;color:#00000;font:12pt Arial;font-weight:700;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.Dean_radius .Dean_radius_arrow{position:relative;right:100px;top:0px;display:inline-block;width: 0;height: 0;border-style: solid;border-width: 15px 0 15px 26.0px;border-color: transparent transparent transparent #007bff;}
.mwt_border{
width:150px;
height:auto;
text-align:center;
background:#f2f2f2;
position:relative;
padding:0.7em;
}
.mwt_border ol li{width:100%;}
.mwt_border p{font:10pt Arial;font-weight:700;}
.mwt_border span{font:10pt Arial;font-weight:700;}
/*箭頭右*/
.mwt_border .arrow_r_int{
	width:0px;
	height:0px;
	border-width:15px;
	border-color:transparent transparent transparent #ff0000;
	position:absolute;
	top:30%;
	right:10px;
}
/*箭頭右-邊框*/
.mwt_border .arrow_r_out{
	width:60px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent transparent transparent #ff6600;
	position:absolute;
	top:30%;
	right:-70px;
}
.mwt_border .arrow_l_out{
width:60px;
height:0px;
border-width:15px;
border-style:solid;
border-color:transparent #ff6600 transparent transparent ;
position:absolute;
top:20%;
left:-70px;
}

.mwt_border .arrow_b_out{
width:0px;
height:30px;
border-width:15px;
border-style:solid;
border-color:#ff6600 transparent transparent transparent ;
position:absolute;
bottom:-60px;
right:70px;
}

.back01bu{float:left;padding:0.2em 1em;display: block;margin:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.back01bu a{float:left;padding:0.2em 1em;background:#666;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.back01bu a:hover{float:left;padding:0.2em 1em;background:#000000;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.morebu{float:right;padding:0.2em 1em;display: block;margin:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morebu a{float:right;padding:0.2em 1em;background:#666;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morebu a:hover{float:right;padding:0.2em 1em;background:#000000;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.note_message{margin:0 auto;padding:5em 2em;font:15pt Arial;font-weight:700;color:#ff0000;background:#f1f1f1;text-align:center;}

/*table*/
.tablestyle{border-collapse:collapse;border-color: rgba(49,45,45,1.00)}
.tablestyle td{padding:0.5em}

.tg-table-light{border-collapse:collapse;border-spacing:0}
.tg-table-light td,.tg-table-light th{border:1px #bbb solid;color:#333;vertical-align:top;padding:1px}
.tg-table-light .tg-even td{background-color:#eee}
.tg-table-light th{background-color:#585858;color:#ffffff;}

/*icon*/
/*:after {color:transparent;content:"face"; clear:both; display:block;}*/
.icon_news{color:#ffffff;background:#eb6100;font:1.5rem Arial;font-weight:500;padding:0 2px;margin:0 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.icon_news_en{color:#ffffff;background:#eb6100;font:1.5rem Arial;font-weight:500;padding:0 2px;margin:0 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.icon_congratulate{color:#ffffff;background:#ff0084;font:1.5rem Arial;font-weight:500;padding:0 2px;margin:0 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}


.gray_block{background:#f1f1f1 ;padding:calc(20%/2);width:auto;color:#ff0000;font:1.5rem Arial;font-weight:500;line-height:30px;text-align:center;}
.gray_block01{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:1.5rem Arial;font-weight:500;line-height:30px;}

.year_block{/*border-bottom:1px solid #7e7e7e;*/padding-bottom:10px;margin-bottom:10px;}

#location_button01{width:100%;padding:1em 0;overflow:hidden;text-align:center;overflow:hidden}
#buttonst a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;padding:0.2em 2em;margin:0 0.7em;text-decoration:none;}
#buttonst a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.2em 2em;margin:0 0.7em;}

/*button*/
#location_button01{width:100%;padding:1em 0;overflow:hidden;text-align:center;overflow:hidden}
#buttonst a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;padding:0.2em 2em;margin:0 0.7em;text-decoration:none;}
#buttonst a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.2em 2em;margin:0 0.7em;}
#location_button01 #buttonst a .beng{display:block;font:8pt Arial;color:#3d3d3d;line-height:9pt;padding-bottom:0.3em;}
#location_button01 #buttonst a:hover .beng{color:#ffffff;}

/**/
.Nophoto{background:#dddddd url(../nimages/nophoto_logo.png) no-repeat center center;height:169px;}


/*comm_button*/
.member_button{width:100%;overflow:hidden;padding: 0; text-align: center;}
.member_button_l{width:100%;overflow:hidden;padding: 0; text-align: right;}
.member_button_r{width:100%;overflow:hidden;padding: 0; text-align: left;}



.member_button #backbu a{font:1.5rem Arial;font-weight:500;width:auto;height:auto;padding:0.8em 3em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu a:hover{width:auto;height:auto;padding:0.8em 3em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu_circle a{font:1.5rem Arial;font-weight:500;padding:0.2em 2em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.member_button #backbu_circle a:hover{padding:0.2em 2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}


.member_button_r #continue_bu {font:1.5rem Arial;font-weight:500;width:auto;height:auto;padding:0.8em 3em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button_r #continue_bu a{font:1.5rem Arial;font-weight:500;width:auto;height:auto;padding:0.8em 3em;background:#666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button_r #continue_bu a:hover{width:auto;height:20px;line-height:20px;padding:0.8em 3em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


/*next _ pre*/
.NP_button{width:100%;overflow:hidden;padding: 0; text-align: center;}
.NP_button #backbu a{font:11.5pt Arial;font-weight:700;width:auto;height:auto;padding:0.3em 2em;border:1px solid #666;background:#fff;color:#666;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.NP_button #backbu a:hover{width:auto;height:auo;padding:0.3em 2em;background:#000000;color:#ffffff;border:1px solid #000;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}


/*circle_l*/
.CNP_button_l{width:100%;overflow:hidden;padding: 0; text-align: center;}
a .CNP_button_l #backbu {vertical-align:middle;background:#BCBCBC url(../images/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
a:hover .CNP_button_l #backbu {vertical-align:middle;background:#ff6600 url(../images/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

/*circle_r*/
.CNP_button_r{width:100%;overflow:hidden;padding: 0; text-align: center;}
a .CNP_button_r #backbu {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);vertical-align:middle;background:#BCBCBC url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
a:hover .CNP_button_r #backbu {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);vertical-align:middle;background:#ff6600 url(../Nimages/arrow.svg) no-repeat center center;background-size:30px;height:31px;width:31px;display: inline-block;text-indent:-9999px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}

/*page*/

.Page_block{width:100%;text-align:center;display: flex;flex-wrap: wrap;justify-content:center;align-content:  space-between;align-items:stretch;/* background-image: linear-gradient(300deg,#00a38b, #115288);background-position:top;background-size: 1px 2px;background-repeat: repeat-x;*/padding-top:1em;}
.Page_block:after {content:''; clear:both; display:block;}
.Page_block span{color:#070604;font:13pt  Arial;font-weight: 700;}
.Page_block span a{color:#777777}
.Page_block span a:hover{color:#070604}


/*ifort*/
#bg{display:none;width:100%;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:50vw;max-width:100%;height:75vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}

@media screen and (max-width: 374px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:42%;transform: translate(-40%, -40%);width:85vw;max-width:100%;height:88vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}
	
@media screen and (min-width: 375px) and (max-width: 575px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%);width:80vw;max-width:100%;height:80vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}	
@media screen and (min-width: 576px) and (max-width: 767px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%); width:535px;max-width:100%;height:550px;padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%);width:535px;max-width:100%;height:500px; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}	
@media screen and (min-width: 992px) and (max-width: 1199px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%);width:535px;max-width:100%;height:500px; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}		
@media screen and (min-width: 1200px) and (max-width: 1399px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%);width:535px;max-width:100%;height:500px; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}
	
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 42%;top:45%;transform: translate(-40%, -40%);width:535px;max-width:100%;height:500px;padding:0px;background-color:transparent;z-index:999999; overflow: auto;}	
}	
@media (min-width: 1600px) {
#bg{display:none;width:100%!important;height:100%!important;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);}
#show{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:535px;max-width:100%;height:500px; padding:0px;background-color:transparent;z-index:999999; overflow: auto;}	
	
	}


/*news_searchst*/

.searchst{color:#070604;font:13pt  Arial;font-weight: 700;width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-around;align-items:center;margin:0em 0; padding:1em;background:#a4a4a4;border-radius:10px;}
.searchst span{padding:0 0.5em 0 0}


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

	
/*news_searchst*/

.searchst{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-around;align-items:center;margin:0em 0; padding:1em;background:#a4a4a4;border-radius:10px;}
	
	
}
@media screen and (min-width: 400px) and  (max-width: 575px) {
/*news_searchst*/

.searchst{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-around;align-items:center;margin:0em 0; padding:1em;background:#a4a4a4;border-radius:10px;}
	
}