/**
 * ------------------------------------------------------------------
 * global css
 * ------------------------------------------------------------------
 */

* {
   	font-family: "Arial", "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU";
	font-size: 14pt;
}

html {
    overflow: scroll;
}

body {
    padding-top: 25px;
    /*background-color: #f4f4f4;*/
}


.content-min-high {
    /* nav和footer之間空白最小高度 */
    min-height: calc(100vh - 300px);
    /* 80px header + 40px footer = 120px  */
}

/**
 * ------------------------------------------------------------------
 * navbar css
 * ------------------------------------------------------------------
 */
.wide {
    width:100%;
    height:200px;
    background-image:url('../images/icon.png');
    background-size:contain;
    background-repeat: no-repeat;
}

.wide img {
    width:100%;
}

.logo {
    color:#fff;
    font-weight:800;
    font-size:14pt;
    padding:25px;
    text-align:center;
}

.line {
    padding-top:20px;
    white-space:no-wrap;
    overflow:hidden;
    text-align:center;
}



/**
 * ------------------------------------------------------------------
 * navbar default
 * ------------------------------------------------------------------
 * #F8F8F8 : navbar background
 * #E7E7E7 : navbar border
 * #777 : default color
 * #333 : hover color (#5E5E5E for .nav-brand)
 * #555 : active color
 * #D5D5D5 : active background
 */

/* navbar */
.navbar-default {
    background-color: #1f567d; /* 996600，1f567d,664400 */
    border-color: #1f567d;
}
/* title */
.navbar-default .navbar-brand {
    /*background-color: #92C2E4;
    color: #20577e;*/
    color: #b0dc71;
    font-weight: bold;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    /*background-color: #92C2E4;
    color: #20577e;*/
    color: #b0dc71;
    font-weight: bold;
}
/* link */
.navbar-default .navbar-nav > li > a {
    /* color: #9b817b */
    color: #d5d5d5;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #F2F2F2;

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #F2F2F2;
    background-color: #153A54;


}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}




/**
 * ------------------------------------------------------------------
 * navbar-v2
 * ------------------------------------------------------------------
 * #F8F8F8 : navbar background
 * #E7E7E7 : navbar border
 * #777 : default color
 * #333 : hover color (#5E5E5E for .nav-brand)
 * #555 : active color
 * #D5D5D5 : active background
 */

/* navbar */
#navbar-v2 {
    /*height:50px;*/
    background-color: #1f567d; /* 996600，1f567d,664400 */
    border-color: #1f567d;
}
/* title */
#navbar-v2 .navbar-brand {
    font-size: .9rem;
    color: #b0dc71;
    font-weight: bold;
}
#navbar-v2 .navbar-brand:hover,
#navbar-v2 .navbar-brand:focus {
    color: #96d042;
    color: #EAC151;
    font-weight: bold;
}


/* nav-link + 特效 */
#navbar-v2 .navbar-nav > li > a {
    color: #d5d5d5;
}
#navbar-v2 .navbar-nav > li > a:hover,
#navbar-v2 .navbar-nav > li > a:focus {
    color: #F2F2F2;
  /* Underline From Center */
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
#navbar-v2 .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#navbar-v2 .navbar-nav > li > a:hover:before,
#navbar-v2 .navbar-nav > li > a:focus:before,
#navbar-v2 .navbar-nav > li > a:active:before {
  left: 0;
  right: 0;
}

/* link - active時*/
#navbar-v2 .navbar-nav > .active > a,
#navbar-v2 .navbar-nav > .active > a:hover,
#navbar-v2 .navbar-nav > .active > a:focus {
    color: #F2F2F2;
    background-color: #153A54;
}

#navbar-v2 .navbar-nav > .open > a,
#navbar-v2 .navbar-nav > .open > a:hover,
#navbar-v2 .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}

/* 漢堡圖示 */
#navbar-v2 .navbar-toggle {
    border-color: #DDD;
}
#navbar-v2 .navbar-toggle:hover,
#navbar-v2 .navbar-toggle:focus {
    background-color: #DDD;
}
#navbar-v2 .navbar-toggle .icon-bar {
    background-color: #CCC;
}


#navbar-v2 .nav-link {

}






/**
 * ------------------------------------------------------------------
 * 最上方的 submission nav
 * ------------------------------------------------------------------
 */
.submission_nav {
    margin: 0px auto;
    margin-bottom: 30px;
    width: 100%;
    text-align:center;
    font-size: 2rem;

    color:#c6eaea; /* #3ba5a5  #c6eaea #b3e3e3 */
    background-color: #3ba5a5; /*c6eaea*/
    border: 1px solid #3ba5a5;
    padding:10px 10px 10px 50px;

    /* 圓角 */
/*
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
*/
}

.submission_nav_v2 {
    text-align:center;
    font-size: 1.2rem;

    color:#f4f4f4; /* #3ba5a5  #c6eaea #b3e3e3 */
    background-color: #E4975A; /*c6eaea*/
    background-color: #D29600; /*c6eaea*/
    border: 1px solid #C8756A;
    /*padding:10px 10px 10px 0px;*/
    padding:5px 10px 5px 0px;

}



/**
 * ------------------------------------------------------------------
 * jumbotron的大圖底圖 css
 * ------------------------------------------------------------------
 */
#home_page_jumbotron {
  background: url(../images/home_page_jumbotron5.jpg) no-repeat top fixed;
  object-fit: fill;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background: rgba(0, 0, 0, 0.7);*/
}
/*
@media (max-width: 767px) {
    #navbar-v2 .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    #navbar-v2 .navbar-nav .open .dropdown-menu > li > a:hover,
    #navbar-v2 .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
*/

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}



/**
 * ------------------------------------------------------------------
 * form_table css
 * ------------------------------------------------------------------
 */
.form_table {
    /*width: 80%;*/
    margin: 0px auto;
    border-collapse: collapse;
    text-align: center;
}

.form_table table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

.form_table th {
	color: #34495e;
	background-color: #D9D9D9;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 10px 10px;
    font-size: 1.2em;
	font-weight: normal;
    text-align: center;
}

.form_table td {
    padding: 15px 10px 15px 10px;
    border: 1px solid #CCCCCC;
    line-height: 1.5em;
}


.form_table .title {
    width: 15%;
    color: #34495e;
    text-align: center;
    padding-left:15px;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

.form_table .edit_title {
    background-color: #F4F4F4; /* #F4F6F6 */

    width: 15%;
    color: #34495e;
    text-align: center;
    padding-left:15px;
    border-top:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}


.form_table .list_title {
    /* background-color: #f4f6f6;  */
}


.form_table .edit_input {
    width: 85%;
    background-color: #F4F4F4; /* #f4f6f6 */
    text-align:left;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #CCCCCC;
    line-height:24px;
}



.form_table tr {
    background: #FFFFFF;
}

.form_table tr:nth-of-type(even) {
	background: #F4F4F4;
}

.form_table .edit_button {
    /*width: 30%;*/
    background-color: #34495e;
    color: #F4F4F4;
}
.edit_button {
    /*width: 30%;*/
    background-color: #34495e;
    color: #F4F4F4;
}

.form_table input[type="text"], input[type="password"] {
    padding: 3px 10px 3px 10px;
}

.form_table input[type="radio"], input[type="checkbox"] {
    width: 20px;
    height: 20px;
	padding: 1px 1px 1px 1px;
    border: 0px;
}

.form_table input[type="file"] {
    padding:10px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.list_content {
    /* width: 75%; */
    /* background-color: #f4f6f6;     */
    text-align:left;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #CCCCCC;
    line-height:24px;
}

.list_func_art {
    width: 30%;
}


.input_upload_file {
    padding:10px;
    border:1px solid #CCCCCC;
    background-color: #FFFFFF;
}


/**
 * ------------------------------------------------------------------
 * school data or exam data table css
 * ------------------------------------------------------------------
 */
.edit_school_data_table {
    width: 80%;
}

.td_multi_line_height {
    line-height:90px;
    vertical-align:top;
    text-align: left;
}


#detail_list_table
{
    width: 100%;
    margin: 0px auto;
    border-collapse: collapse;
    text-align: left;
}

#detail_list_table tr {
    background-color: transparent;
}

#detail_list_table td {
    padding: 10px 15px 10px 10px;
    border: 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    line-height: 1em;
}

#detail_list_table .line_w > td {
    border-bottom: 1px solid #F2F2F2;
}

#detail_list_table .line_b > td {
    border-bottom: 1px solid #E6E6E6;
}

#detail_list_table .td_multi_line_height {
    line-height:1.4em;
}

.print_resume {
    border-left:1pt solid ;
    border-right:1pt solid ;
    padding:0pt 5pt 0pt 5pt;
}

/* school_data_list 的 分頁線 */
.break_line {
    background-color:#e60000;
    border:1px solid #e60000;
    padding:0px 0px 0px 0px;
}


/**
 * ------------------------------------------------------------------
 * remind color
 * ------------------------------------------------------------------
 */
.remind {
    color: #CC0066;
}

.tip_remind, .tip_success, .tip_orange, .tip_info {
  border-radius:20px;
  padding: 0 20px;
  border-radius:20px;
}
.tip_remind {
  border: 2px solid #CC0066;
  color: #CC0066;
  background-color: #ffeded;
}
.tip_success {
  border: 2px solid #4F8A10;
  color: #4F8A10;
  background-color: #DFF2BF;
}
.tip_orange {
  border: 2px solid #e98d00;
  color: #e98d00;
  background-color: #fff6ea;
}
.tip_info {
  display: block;
  border-radius:20px;
  border: 2px solid #00529B;
  color: #00529B;
  background-color: #BDE5F8;
}
/**
 * --------------------------------------------------------
 * 五種訊息_CSS
 * --------------------------------------------------------
 */
.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {

/*方角*/
/*
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
*/


/* 圓角 */
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
	border-radius:.5em;
}
.msg_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/msg_info.png');
}
.msg_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/msg_success.png');
}
.msg_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/msg_warning.png');
}
.msg_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/msg_error.png');
}
.msg_validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../images/validation.png');
}


/**
 * --------------------------------------------------------
 * 表格內部小抬頭、小行（電話、地址…等）
 * --------------------------------------------------------
 */
.in_title {
/*
  font-size:0.8em;
  color: #717171;
  background-color: #fcfcfc;
  border: 1px solid #cecece;
  padding: 3px 7px 3px 5px;
  margin-right:5px;*/

  font-size:0.7em;
  color: #d8c096; /* dfcba9 */
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;/*cecece*/
  padding: 2px 5px 2px 4px;
  margin-right:5px;
}
.in_line {
  margin: 3px 1px 1px 1px;
}



/**
 * --------------------------------------------------------
 * 審稿結果
 * --------------------------------------------------------
 */
.review_result { /* 未審 */
  /*color:#d6e7f0;*/
  color:#c0c0c0;
  padding:5px 10px 5px 10px;
  border: solid 1px #c0c0c0;
  margin:5px;
}

.result_link_disable {
  pointer-events: none;
  cursor: none;
}

.result_1 { /* 1接受 */
  color:#ffffff;
  background-color:#73a839; /* #73a839 #61a83a */
  border: solid 1px #c0c0c0;
}

.result_2 { /* 2拒絕 */
  color:#eeeeee;
  background-color: #545454;
  border: solid 1px #c0c0c0;
}

.result_3 { /* 3修後刊 */
  font-size:0.9em;
  color:#eeeeee;
  background-color: #4691B8; /* #AAD7FF */ /* #1885ea  #5e86f0 #8ca9f4 #8DD7FF */
  border: solid 1px #c0c0c0;
}

.result_4 { /* 4修後審 */
  font-size:0.9em;
  color:#ffffff;
  background-color: #FF9700; /* #FFD766 */ /* #f09a5b #FFD766 #FFD7AA */
  border: solid 1px #c0c0c0;
}

.hover_tr:hover { background: #fdf3eb !important; } /* #fcf9d9 #fdf3eb #fefdf1 */
.hover_tr:hover td { background: transparent; }


/**
 * --------------------------------------------------------
 * 是否radio_CSS
 * --------------------------------------------------------
 */
.IS_CHECK_Y, .IS_CHECK_N {
    font-family: "Arial", "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU";

    padding: 5px 7px 5px 7px;
    margin-left: 1px;
    margin-right: 16px;

    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;
}

.IS_CHECK_Y {
    border: 1px solid #3e3e3e;
    font-weight: bold;
    background-color: #5e5e5e;
    color: #FFF;
}

.IS_CHECK_N {
    border: 1px solid #CCCCCC;
    font-weight: bold;
    COLOR: #AAAAAA;
}


/**
 * --------------------------------------------------------
 * 易於閱讀的中文長篇內容（content sample）
 * --------------------------------------------------------
 *
 */

.news_content_new{ width:700px; width:100%; padding-top:5px; margin-bottom:10px; float:left; }
.news_content_new h1{font-size:25px; font-weight:bold; color:#000; margin-bottom:10px;}
.news_content_new .date{font-size:14px; color:#646565; font-weight:normal; margin-bottom:15px;}
.news_content_new .date span{color:#004f91; padding-left:25px;}
.news_content_new .box_0{ padding:0 8px 0 0;}
.news_content_new .box_1{max-width:490px; float:left; margin:5px 15px 15px 0; border:1px solid #CCC; padding:5px;}
.news_content_new .box_1 img{max-width:490px;}
.news_content_new .box_1 a{}
#text div.caption p {font-size:13px; color:#333333; font-weight:normal; padding:0 0 5px 5px;}
.news_content_new .box_1 h2{font-size:13px; color:#333333; font-weight:normal; padding:0 0 5px 5px;}
/*.news_content_new .box_2{font-size:16px; color:#000;  line-height:2em;letter-spacing:0.1em;}*/


.news_content_new .box_2 {
   line-height: 2em;
   letter-spacing: 0.2px;
   word-spacing: 0px;
   text-align: justify;
   text-justify: ideographic;
   margin: 0;
   text-indent: 2em;
   margin-after: 0.5em;
   word-break: break-all;
}
/*.news_content_new .box_2 p{font-size:16px; color:#000;}*/

.news_content_new .box_2  h3{font-size:16px; font-weight:bold; color:#176cb2;}
.news_content_new .box_2  a:link, .news_content_new .box_2  a:visited { color:#064a67; font-size:16px;}
.news_content_new .box_2  a:hover, .news_content_new .box_2  a:active { color:#0b87bc; font-size:16px;text-decoration:none; background-color:#d8f1fe;}
.news_content_new .infograph2_new{width:475px; float:left; margin:5px 0 15px 0; border:1px solid #CCC; padding:5px;}
.news_content_new .word_level{width:150px; float:right; margin-bottom: 10px;}


/**
 * ------------------------------------------------------------------
 * billing_note
 * ------------------------------------------------------------------
 */
.billing_note {
  margin: 0 20px 20px 20px;
  border: 2px solid #BDE5F8;
  padding: 10px;
}