@charset "utf-8";
/*中興大學工學院 CSS Document */
/*img,object,embed,video{max-width:100%}*/
.ie6 img{width:100%}
.img-fluid{max-width:100%;height:auto}
.menu_arrow{display:inline-block;background: url(../images/menu_arrow.png) no-repeat 2px top;width:13px;height: 9px;}


 html{-webkit-text-size-adjust:none}

body {font:11.25pt "微軟正黑體";line-height:20px;/*font-size:13px;font-size:small;*font:x-small;font-size:10pt;font-style:normal;font-weight:normal;font-family:Verdana, Geneva, sans-serif;*/}
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;}
.center{text-align:center;text-align: -moz-center;text-align: -webkit-center;}

.Pline01{background:#e5e5e5;height:1px;line-height:1px;font-size:0px;overflow:hidden;}
.Pline02{background:#e5e5e5;height:1px;line-height:1px;margin:15px 0;font-size:0px;overflow:hidden;}
.Hespace{height:1px;width:1px;padding-top:50px;clear:both;}

.red{color:#FF0000;font:12pt "微軟正黑體";font-weight:700;padding:0.2em 0;}
.pB{font:15pt "微軟正黑體";}
.pM{font:10pt "微軟正黑體";}
.pS{font:9pt "微軟正黑體";}
.pl{font:8pt "微軟正黑體";}

.dotted_line{float:left;width:100%;height:auto !important;margin-bottom:15px;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:15px;}
.line{/*margin:1em 0 2em 0;*/padding-bottom:5px;border-bottom:1px solid #ffffff;}
.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 "微軟正黑體";font-weight:700;}
.TSquare{border-radius: 0; padding:3px 6px;margin-right:0.2em;background:#ff6600;color:#ffffff;font:15pt "微軟正黑體";font-weight:700;}
.Mradius{display:inline-block;padding:3px 6px;background:#ff6600;color:#ffffff;font:12pt "微軟正黑體";font-weight:700;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 "微軟正黑體";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 "微軟正黑體";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 "微軟正黑體";font-weight:700;color:#ff0000;background:#f1f1f1;text-align:center;}

/*table*/
.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:12pt "微軟正黑體";font-weight:700;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:9pt "微軟正黑體";font-weight:700;padding:0 2px;margin:0 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.icon_congratulate{color:#ffffff;background:#ff0084;font:12pt "微軟正黑體";font-weight:700;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:13pt "微軟正黑體";font-weight:700;line-height:30px;text-align:center;}
.gray_block01{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:13pt "微軟正黑體";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:13pt "微軟正黑體";font-weight:700;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:13pt "微軟正黑體";font-weight:700;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 #backbu_circle a{font:13pt "微軟正黑體";font-weight:700;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_r #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:13pt "微軟正黑體";font-weight:700;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:13pt "微軟正黑體";font-weight:700;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 "微軟正黑體";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:#004683;font:13pt  "微軟正黑體";font-weight: 700;}
.Page_block span a{color:#777777}
.Page_block span a:hover{color:#004683}