@charset "UTF-8";
html{height:100%;}
html, button, input, select, textarea {color:#333;}
 
body{
    font-family: 'Roboto Condensed', 'Roboto', 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", "游ゴシック","YuGothic","Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333000;
    background-color: #737373;
    height: 100%;
    }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


::-moz-selection{background:#bce8ff; color:#000; text-shadow:none;}
::selection {background:#bce8ff; color:#000; text-shadow:none;}


::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}


img{vertical-align:middle;}


fieldset{border:0; margin:0; padding:0;}


textarea{resize:vertical;}

a{color:#18a7e8; text-decoration:none; }
a:hover, a:active, a:focus{color:#007edf;}

.wrapper{
 width:1200px; min-width:1200px; 
 margin:0 auto; 
 position: relative;
 
}



.clearfix:after{content:""; display:table; clear:both;}

.clearfix{*zoom: 1;}



#headerContainer{
 background-color:#fff;
 position:relative; z-index:99;
 height:160px;
 box-shadow: 0 0 10px rgba(0,0,0,.2);
}
 #headerContainer header{
  position:relative; z-index:99;
 }
  #headingLink{
   position:absolute; top:28px; left:15px; z-index:100;
  }
   #heading{
    margin:0;
    position:relative;
   }
   #heading a{
    transition:.2s;
   }
   #heading a:hover{
    opacity:.5;
   }
    #heading .logoTMU,
    #heading .logoPHARM{
     background-position:0 0;
     background-repeat:no-repeat;
     display:inline-block;
     vertical-align:top;
     text-indent:-99999em;
    }
    #heading .logoTMU{
     background-image:url(../images/logo.jpg);
     background-size:370px 80px;
     width:370px; height:80px;
    }
    #heading .logoPHARM{
     background-image:url(../images/logoname.jpg);
     background-size:236px 80px;
     width:236px; height:80px;
     margin-left:5px;
     animation-delay:.1s;-webkit-animation-delay:.1s;
    }
    #heading .departmentLogo2{
     background-image:url(../images/);
     background-size:250px 80px;
     width:250px;
    }
    #heading .departmentLogo3{
     background-image:url(../images/);
     background-size:302px 80px;
     width:302px;
    }
    #heading .departmentLogo4{
     background-image:url(../images/);
     background-size:350px 80px;
     width:350px;
    }
    #heading .departmentLogo5{
     background-image:url(../images/);
     background-size:276px 80px;
     width:276px;
    }
    #heading .departmentLogo6{
     background-image:url(../images/);
     background-size:314px 80px;
     width:314px;
    }
    #heading .departmentLogo7{
     background-image:url(../images/);
     background-size:200px 80px;
     width:200px;
    }
    @media 
    all and (min--moz-device-pixel-ratio: 1.5),
    all and (-o-min-device-pixel-ratio: 3/2),
    all and (-webkit-min-device-pixel-ratio: 1.5),
    all and (min-device-pixel-ratio: 1.5),
    all and (min-resolution: 1.5dppx) {
     #heading .logoTMU{background-image:url(../images/logo.jpg);}
     #heading .logoPHARM{background-image:url(../images/logoname.jpg);}
     #heading .departmentLogo2{background-image:url(../images/logo_tmu_pharm_department2x.png);}
     #heading .departmentLogo3{background-image:url(../images/logo_tmu_pharm_nppharm2x.png);}
     #heading .departmentLogo4{background-image:url(../images/logo_tmu_pharm_md_cpp2x.png);}
     #heading .departmentLogo5{background-image:url(../images/logo_tmu_pharm_phd_cddbh2x.png);}
     #heading .departmentLogo6{background-image:url(../images/logo_tmu_pharm_phd_brd2x.png);}
     #heading .departmentLogo7{background-image:url(../images/logo_tmu_pharm_md_pmppb2x.png);}
    }
 #topLinks{
  position:absolute; right:15px; top:5px; z-index:501;
  text-align:right;
  font-size:14px; line-height:18px;
 }
  #topLinks a{
   display:inline-block;
   vertical-align:top;
   color:#000;
   margin-left:1em;
   transition:.1s;
  }
  #topLinks a:hover{
   color:#f7ae00;
  }
  #topLinks .icon{
   display:inline-block;
   vertical-align:-3px;
   width:18px; height:18px;
   overflow:hidden;
   background-repeat:no-repeat;
   background-position:50% 50%;
   background-size:18px 18px;
   background-color:#A93135;
   margin-right:4px;
  }
  #topLinks .iHome{
   background-image:url(../images/top_icon_home_m2x.png);
  }
  #topLinks .iContact{
   background-image:url(../images/top_icon_contact_m2x.png);
  }
  #topLinks .iSitemap{
   background-image:url(../images/top_icon_sitemap_m2x.png);
  }
  #topLinks .iTMU{
   background-image:url(../images/hslogo.jpg);
   background-color:initial !important;
  }
  #topLinks .TMUcolor{
   color:#a93135;
  }
  #topLinks .iLang{
   background-image:url(../images/top_icon_language_m2x.png);
  }
  #topLinks .iAdmin{
   background-image:url(../images/top_icon_admin_m2x.png);
  }
 #googleSearch{
  position:absolute; right:15px; top:50px;
 }
  #googleSearch input[type=submit]{
   background:url(../images/btn_search2x.png) no-repeat 50% 50%;
   background-size:18px 18px;
   text-indent:-99999em;
   width:36px; height:36px;
  }
  #googleSearch input[type=submit]:hover{
   background-color:#f7ae00;
  }
  #googleSearch input[type=radio] + label{
   display:none !important;
  }

#menuContainer{
 position:absolute; bottom:0; left:0; right:0;
}
 #spMenu{
  display:none;
  background-color:#f7f7f7;
 }
 #menu{
  margin:0 auto; padding:0; list-style:none;
 }
  #menu > li{
   float:left;
   position:relative;
   transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
  }
  #menu > li:before{
   content:"";
   display:block;
   border-left:1px solid rgba(0,0,0,.15);
   height:50%;
   position:absolute; top:50%; left:0;
   transform:translateY(-50%);
  }
  #menu > li:first-child:before{
   display:none;
  }
   #menu > li > a{
    display:block;
    position:relative;
    color:#000;
    font-size:18px; line-height:18px;
    padding:10px 19px;
    transition:.2s;
   }
   html:lang(en) #menu > li > a{
    padding:10px 24.5px;
   }
   #menu.cop > li > a{
    padding:10px 35px;
   }
   html:lang(en) #menu.cop > li > a{
    padding:10px 41px;
   }
   #menu > li:hover > a{
    color:#f7ae00;
   }
   #menu li.active > a{
    color:#000;
   }

   #menu .sub{
    margin:0; padding:0; list-style:none;
    position:absolute; 
    min-width:100%;
    background-color:#fff;
    border-bottom-left-radius:5px; border-bottom-right-radius:5px;
    box-shadow:0 5px 5px rgba(0,0,0,.4);
    overflow:hidden;
    display:none;
   }
   #menu li:hover .sub{
    display:block;
    -webkit-animation-duration:.3s;animation-duration:.3s;
   }
    #menu .sub li{
     display:block;
     text-align:left;
     line-height:18px;
     white-space:nowrap;
     box-shadow:0 1px 0 rgba(0,0,0,.1);
    }
     #menu .sub li a{
      display:block;
      padding:12px 15px;
      color:#000;
      font-size:15px;
      transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
     }
     #menu .sub li a:hover{
      color:#fff;
      background-color:#f7ae00;
     }
     #menu .sub li a[target|='_blank']:after{
      content:"";
      display:inline-block;
      vertical-align:top;
      width:12px; height:18px;
      background:url(../images/icon-blank.png) no-repeat 0 50%;
      background-size:12px 12px;
      margin-left:5px;
     }
     

#pageHeader{
 position:relative;
 height:160px;
 overflow:hidden;
 background-color:#F7AE00;
}
#pageHeader.noSubMenu{
 height:130px;
}
 #pageHeader > .wrapper:before{
  display:block;
  content:"";
  width:192px; height:192px;
  background-image:url(../images/);
  background-size:192px 192px;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:absolute; z-index:0; right:5%;
  transform:scale(2);
  opacity:.1;
  pointer-events:none;
 }
 #pageHeader > .wrapper{
  height:100%;
 }
 .crumbs{
  position:absolute; top:10px; left:15px; z-index:10;
  color:#fff;
  font-size:12px;
  opacity:.7;
 }
  .crumbs a{
   color:#fff;
  }
  .crumbs a:hover{
   color:#000;
  }
 .pageTitle{
  margin:0;
  display:inline-block;
  position:absolute; top:45%; left:15px;
  transform:translateY(-50%);
  font-size:275%; font-weight:400; line-height:1;
  color:#fff;
 }

#subMenu{
 position:absolute; right:15px; bottom:10px;
 border-radius:30px;
 border:2px solid #f7ae00;
 background-color:rgba(100%,100%,100%,.8);
}
#subMenu.longWidth{
 left:15px;
 overflow:hidden;
}
 #subMenu ul{
  list-style:none;
  margin:0;
  padding:0 5px;
  white-space:nowrap;
 }
  #subMenu ul li{
   display:inline-block;
   vertical-align:top;
   position:relative;
   text-align:center;
   line-height:32px;
  }
  #subMenu ul li:first-child:before{
   display:none;
  }
  #subMenu ul li:before{
   display:inline-block;
   content:"";
   border-left:1px solid #ccc;
   position:absolute; left:0; top:50%;
   transform:translateY(-50%);
   height:40%;
  }
   #subMenu ul li a{
    display:block;
    color:#000;
    font-size:95%; line-height:1;
    padding:12px 15px;
    transition:.2s;
   }
   #subMenu.longWidth ul li a{
    padding:10px 10px;
   }
   #subMenu ul li a:hover{
    color:#f7ae00;
   }


#contentContainer{
 height:auto!important;min-height:460px;height:460px;
 position:relative; z-index:0;
 background-color:#fff;
 line-height:1.5;
}
 #contentContainer article{
  padding:40px 15px 60px;
 }
  .partTitle{
   color:#f7ae00;
   font-size:125%; line-height:1.2;
   margin:1em 0;
  }

#searchBlock{
 margin-bottom:30px;
 position:relative;
}
 #searchBlock:after{
  content:"";
  display:block;
  background-color:#f7ae00;
  position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;
  height:100%;
  opacity:.1;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.4);
 }
 #searchBlock ul{
  position:relative; z-index:1;
  list-style:none;
  margin:0;
  padding:18px 15px;
 }
  #searchBlock ul li{
   float:left;
   padding:2px 2em 2px 0;
  }
   #searchBlock label{
    margin-right:5px;
   }

.alertInfo{
 background:#fdf8ea; 
 border:2px solid #fad993;
 color:#000;
 text-align:center;
 padding:30px 20px 30px;
 margin:5px 0;
}

.articleTitle{
 position:relative;
 padding-bottom:15px;
 border-bottom:3px solid #f7ae00;
 font-size:180%; line-height:1.2;
 margin:0;
}
.articleContent{
 padding:20px 0;
 word-wrap:break-word;
}
.articleContent.noSubMenu{
 padding-top:0;
}
 #contentContainer article a,
 .articleContent a{
  word-break:break-all;
 }

 #contentContainer img,
 .articleContent img{
  max-width:100%;
  height:auto !important;
  
 }

 #contentContainer .tableWrap,
 .articleContent .tableWrap{
  position:relative;
  overflow-x:auto;
  overflow-y:hidden;
 }
  #contentContainer .tableWrap table,
  .articleContent .tableWrap table{
   border-collapse:collapse;
   width:100% !important;
   border-spacing:0;
  }
   #contentContainer .tableWrap table th,
   #contentContainer .tableWrap table td,
   .articleContent .tableWrap table th,
   .articleContent .tableWrap table td{
    padding:5px;
    border:1px solid #ccc;
   }

.slideWrap{
 position:relative;
 padding-bottom:81.5%;
 overflow:hidden;
 margin-bottom:10px;
}
 .slideWrap iframe{
  position:absolute; left:0; top:0;
  width:100%;
  height:100%;
 }

.url{
 position:relative;
 background-color:#f5f5f5;
 padding:15px 10px 15px 75px;
 margin-top:2px;
 line-height:18px;
 word-break:break-all;
 font-size:13px; 
}
 .url span{
  font-size:13px; 
  position:absolute; left:10px; top:15px;
 }

.attachment{
 position:relative;
 background-color:#f5f5f5;
 padding:10px 10px 10px 75px;
 margin-top:2px;
 min-height:48px;
}
 .attachment span{
  font-size:13px; 
  position:absolute; left:10px; top:15px;
 }
 .attachment ul{
  list-style:none;
  margin:0;
  padding:0;
 }
  .attachment ul li{
   
  }
   .attachment a{
    display:inline-block;
    background-image:url(../images/icon_file.png);
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:15px 50%;
    background-size:16px 16px;
    padding:9px 15px 9px 38px;
    margin:0 5px 5px 0;
    border-radius:30px;
    border:1px solid #ccc;
    color:#111;
    font-size:13px; line-height:18px;
    transition:.2s;
   }
   .attachment a:hover{
    border-color:#007edf;
   }
   .attachment a[href *='.pdf']{background-image:url(../images/icon_pdf2x.png);}
   .attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word2x.png);}
   .attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel2x.png);}
   .attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint2x.png);}
   .attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
   .attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon_img2x.png);}
   .attachment a[href *='.rar']{background-image:url(../images/icon_rar2x.png);}
   .attachment a[href *='.zip']{background-image:url(../images/icon_zip2x.png);}

ul.fileFormat,
ol.fileFormat{
 margin:0;
 padding-left:1.7em;
}
 ul.fileFormat li,
 ol.fileFormat li{
  padding:3px 0;
 }
.fileFormat a{
 display:inline-block;
 background-image:url(../images/icon_file.png);
 background-repeat:no-repeat;
 background-position:100% 5%;
 background-size:16px 16px;
 padding-right:22px;
}
.fileFormat a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png);}
.fileFormat a[href *='.doc'], .fileFormat a[href *='.docx']{background-image:url(../images/icon_word2x.png);}
.fileFormat a[href *='.xls'], .fileFormat a[href *='.xlsx']{background-image:url(../images/icon_excel2x.png);}
.fileFormat a[href *='.ppt'], .fileFormat a[href *='.pptx']{background-image:url(../images/icon_powerpoint2x.png);}
.fileFormat a[href *='.jpg'], .fileFormat a[href *='.JPG'], 
.fileFormat a[href *='.png'], .fileFormat a[href *='.PNG']{background-image:url(../images/icon_img2x.png);}
.fileFormat a[href *='.rar']{background-image:url(../images/icon_rar2x.png);}
.fileFormat a[href *='.zip']{background-image:url(../images/icon_zip2x.png);}


.tableList{
 margin:0 auto;
}
 .tableList th, .tableList td{
  padding:5px;
 }
 .tableList thead th{
  font-size:85%;
  border-bottom:2px solid #ccc; 
  background-color:#f5f5f5;
 }
 .tableList tbody th{
  border-bottom:1px solid #ccc; 
  background-color:#f5f5f5; 
  text-align:right; 
 }
 .tableList tbody td{
  border-bottom:1px solid #e1e1e1; 
  height:50px;
  position:relative;
  word-wrap:break-word;
 }
  .tableList a{
   word-break:break-all;
  }

.tableContent{
 margin:0 auto;
}
 .tableContent caption{
  color:#000;
  font-size:140%; line-height:1.2; font-weight:700;
  text-align:left;
  padding:10px 0;
  border-bottom:1px solid #ccc;
 }
 .tableContent th, .tableContent td{
  padding:5px 10px;
 }
 .tableContent tbody tr:first-child th{
  border-top:1px solid #ccc;
 }
 .tableContent tbody th{
  border-bottom:1px solid #ccc; 
  background-color:#f5f5f5; 
  text-align:right; 
 }
 .tableContent tbody tr:first-child td{
  border-top:1px solid #e1e1e1;
 }
 .tableContent tbody td{
  border-bottom:1px solid #e1e1e1;
  position:relative;
  word-wrap:break-word;
 }
  .tableContent a{
   word-break:break-all;
  }
 .tableContent input,
 .tableContent select{
  margin:2px 2px 2px 0;
 }
 .tableContent .btn{
  padding:8px 15px;
 }
 .tableContent .before,
 .tableContent .after{
  display:block;
 }
 .tableContent .before{
  font-size:12px;
  color:#999;
 }
 .tableContent .after{
  font-size:12px;
  color:#c00;
 }


#socialShare{
 clear:both;
 text-align:center;
 padding:10px 0;
 line-height:32px;
}
 #socialShare strong{
  display:inline-block;
  vertical-align:top;
  font-size:13px; font-weight:400;
 }
 #socialShare a{
  display:inline-block;*display:inline;zoom:1; 
  width:32px; height:32px; 
  margin:0 5px; 
  background-image:url(../images/icons_social2x.png); 
  background-size:32px 192px;
  background-repeat:no-repeat;
  background-color:transparent;
  text-indent:-99999em;
  border:none !important;
  overflow:hidden; 
 }
 #socialShare .fb     {background-position:0 0;}
 #socialShare .gl     {background-position:0 -32px;}
 #socialShare .twitter{background-position:0 -64px;}
 #socialShare .plurk  {background-position:0 -96px;}
 #socialShare .line{background-position:0 -128px;}
 #socialShare .pinterest{background-position:0 -160px !important;}

.page{
 font-size:13px; 
 margin:0 auto; 
 padding:10px 0; 
 text-align:center; 
 clear:both;
}
 .page a, .page a:hover, .page .current, .page .disabled, .page select{
  padding:5px 8px;
  margin:2px 0;
 }
 .page select{
  padding: 4px 24px 4px 10px;
  margin-left:2px; margin-right:2px;
 }
 .page a{
  color:#333; 
  background-color:#fff;
  border:1px solid #aaa;
  text-decoration:none;
  border-radius:3px;
 }
 .page a:hover{
  color:#fff;
  background:#18a7e8;
  border:1px solid #18a7e8;
 }
 .page .current{
  color:#111;
  background:none;
  border:1px solid #e1e1e1;
  font-weight:bold;
 }
 .page .disabled{
  color:#ddd;
  border:1px solid #ddd;
 }
 .page .pageTo{
  padding:3px 3px;
  margin:2px;
 }

.floatL{float:left;}
.floatR{float:right;}
.hidden{display:none;}
.pcHidden{display:none;}
.explanation{color:#C60; font-weight:400; font-size:13px; padding:3px 0;}
.explanation.onlyRWD{display:none; text-align:center; background-color:#fdf8ea;}
.required{color:#f00 !important; font-weight:normal;}
.paddingNone{padding:0;}
form{display:inline;}
.important{color:#f00 !important;}
.noneData{color:#333; text-align:center; clear:both; padding:15px; background-color:#fdf8ea;}
.material-icons-new{
    display:inline-block;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-size:contain;
}

input[type=radio], input[type=checkbox]{vertical-align:-1px; margin:0 3px;}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
 box-sizing:border-box; -webkit-box-sizing:border-box;
 -webkit-appearance:none; appearance:none;
 font-size:14px; line-height:18px;
 padding:9px 10px; 
 margin:0 0 2px;
 background:#fff;
 box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
 border:1px solid #bbb; 
 transition:.2s; -moz-transition:.2s; -webkit-transition:.2s;
}
select{
 padding:9px 25px 9px 10px;
 background-image:url(../images/select_arrow2x.png);
 background-repeat:no-repeat;
 background-position:right center;
 background-size:24px 24px;
}
select::-ms-expand{
 display:none;
}
textarea{width:100%;}
input.datepicker, input.date{
 background-image:url(../images/icon_date2x.png);
 background-size:24px 24px;
 background-position:right 5px center;
 background-repeat:no-repeat;
 width:120px;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
 outline:0;
 background-color:#fff;
 border:1px solid #18a7e8 !important;
 box-shadow:0 0 5px rgba(24,167,232,.5);
}
input[type=radio], input[type=checkbox]{
 display:none;
}
input[type=radio] + label{
 display:inline-block;
 vertical-align:top;
 min-height:24px;
 line-height:24px;
 background:url(../images/icon_radio2x.png) no-repeat 0 0;
 background-size:24px 24px;
 padding-left:28px;
 margin-right:15px;
 transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
}
input[type=radio]:checked + label{
 background:url(../images/icon_radio_checked2x.png) no-repeat 0 0;
 background-size:24px 24px;
}
input[type=radio]:disabled + label{
 background:url(../images/icon_radio2x.png) no-repeat 0 0;
 background-size:24px 24px;
 opacity:.4;
}
input[type=checkbox] + label{
 display:inline-block;
 vertical-align:top;
 min-height:24px;
 line-height:24px;
 background:url(../images/icon_checkbox2x.png) no-repeat 0 0;
 background-size:24px 24px;
 padding-left:28px;
 margin-right:15px;
 transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
}
input[type=checkbox]:checked + label{
 background:url(../images/icon_checkbox_checked2x.png) no-repeat 0 0;
 background-size:24px 24px;
}
input[type=checkbox]:disabled + label{
 background:url(../images/icon_checkbox2x.png) no-repeat 0 0;
 background-size:24px 24px;
 opacity:.4;
}

input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
 box-sizing:border-box; -webkit-box-sizing: border-box;
 -webkit-appearance:none; appearance:none;
 display:inline-block; *display:inline; *zoom:1;
 vertical-align:middle; text-align:center;
 position:relative;
 text-decoration:none;
 font-family:inherit;
 color:#000;
 line-height:18px;
 border:2px solid #f7ae00;
 background-color:transparent;
 border-radius:30px;
 padding:8px 15px;
 transition:.2s; -webkit-transition:.2s;
 cursor:pointer; 
 outline:none;
}
input.btnSecondary, .btn.btnSecondary, input[type="reset"]{
 color:#333;
 border-color:#aaa;
}
input.btnBack, a.btn.btnBack{
 background-image:url(../images/btn_back2x.png);
 background-size:16px 16px;
 background-position:15px 50%;
 background-repeat:no-repeat;
 padding-left:40px !important; padding-right:20px !important;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover,
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, a.btn:focus, .field-file:focus{
 color:#fff;
 background-color:#f7ae00;
 border-color:#f7ae00;
}

.buttons{
 text-align:center; 
 margin:30px 0 0; 
 position:relative;
}
 .buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
  padding:14px 30px; 
  font-size:110%; line-height:1; font-weight:700;
  margin:0 15px;
 }

footer{
 position:relative;
 margin:0 auto;
 text-align:center;
 padding:50px 0;
 font-size:13px; line-height:1.6;
}
 footer .contactInfo{
  color:#fff;
  font-size:16px;
 }
 footer .copyright{
  color:#aaa;
  margin-top:15px;
 }
 footer .visitors,
 footer .lastUpdate{
  color:#aaa;
  margin:0 10px;
 }
 footer .recommend{
  color:#A62E37;
 }
 footer .huaweb{
  color:#007EDF;
 }
 

@media screen and (max-width:1024px){
 .wrapper{
  width:100%; min-width:100%;
 }
 #menu > li > a{
  padding:10px 19px;
 }
 html:lang(en) #menu > li > a{
  padding:10px 25.5px;
 }
 #menu.cop > li > a{
  padding:10px 35px;
 }
 html:lang(en) #menu.cop > li > a{
  padding:10px 41px;
 }
}
@media screen and (max-width:812px){
 html.menuOpened{
  overflow:hidden;
 }
 body{
  font-size:15px;
 }
 #headerContainer{
  position:fixed; left:0; top:0;
  width:100%;
  height:70px;
 }
  #headerContainer header.active{
   background-color:#fff;
   height:70px;
   border-bottom:3px solid #f7ae00;
  }
  #headingLink{
   top:13px;
  }
   #heading .logoTMU{
    background-size:135px 40px;
    width:135px; height:40px;
   }
   #heading .logoPHARM{
    background-size:118px 40px;
    width:118px; height:40px;
   }
   #heading .departmentLogo2{
    background-size:125px 40px;
    width:125px;
   }
   #heading .departmentLogo3{
    background-size:151px 40px;
    width:151px;
   }
   #heading .departmentLogo4{
    background-size:175px 40px;
    width:175px;
   }
   #heading .departmentLogo5{
    background-size:138px 40px;
    width:138px;
   }
   #heading .departmentLogo6{
    background-size:157px 40px;
    width:157px;
    margin-left:0;
   }
   #heading .departmentLogo7{
    background-size:100px 40px;
    width:100px;
   }
   @media 
   all and (min--moz-device-pixel-ratio: 1.5),
   all and (-o-min-device-pixel-ratio: 3/2),
   all and (-webkit-min-device-pixel-ratio: 1.5),
   all and (min-device-pixel-ratio: 1.5),
   all and (min-resolution: 1.5dppx) {
    #heading .logoTMU{background-image:url(../images/logo.jpg);}
    #heading .logoPHARM{background-image:url(../images/logoname.jpg);}
    #heading .departmentLogo2{background-image:url(../images/logo_tmu_pharm_department.png);}
    #heading .departmentLogo3{background-image:url(../images/logo_tmu_pharm_nppharm.png);}
    #heading .departmentLogo4{background-image:url(../images/logo_tmu_pharm_md_cpp.png);}
    #heading .departmentLogo5{background-image:url(../images/logo_tmu_pharm_phd_cddbh.png);}
    #heading .departmentLogo6{background-image:url(../images/logo_tmu_pharm_phd_brd.png);}
    #heading .departmentLogo7{background-image:url(../images/logo_tmu_pharm_md_pmppb.png);}
   }
  #topLinks{
   display:none;
  }
  #googleSearch{
   position:absolute; left:0; right:0; top:70px;
   background-color:#fff;
   padding:15px;
   box-shadow:0 1px 5px rgba(0,0,0,.1);
   
   opacity:0;
   pointer-events:none;
   transition:.3s ease;
  }
  #headerContainer header.active #googleSearch{
   opacity:1;
   pointer-events:auto;
  }
 
 .toggleMenu{
  display:inline-block;
  width:70px;
  height:70px;
  line-height:70px;
  text-align:center;
  padding:0;
  position:fixed; right:0; top:0; z-index:701;
  -webkit-transition:.4s ease;
  -moz-transition:.4s ease;
  transition:.4s ease;
 }
 .toggleMenu.active{
  
 }
  #icon-menu{
   display:inline-block;
   width:32px;
   height:32px;
   margin-top:17px;
   position:relative;
   -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
   -webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;
   cursor:pointer;
  }
   #icon-menu span{
    display:block;
    position:absolute; left:0;
    height:2px;
    width:100%;
    background:#000;
    opacity:1;
    -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
   }
   #icon-menu span:nth-child(1){top:15%;}
   #icon-menu span:nth-child(2){top:50%;}
   #icon-menu span:nth-child(3){top:85%;}

  #icon-menu.active span{
   transition-delay:0s;-webkit-transition-delay:0s;
  }
  #icon-menu.active span:nth-child(1){
   top:48%;
   background:#000;
   -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
  }
  #icon-menu.active span:nth-child(2){
   opacity:0;
  }
  #icon-menu.active span:nth-child(3){
   top:48%;
   background:#000;
   -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
  }
 
 #menuContainer{
  position:fixed; top:0; left:0; bottom:0; 
  z-index:0;
  opacity:0;
  width:100vw;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  background-color:rgba(255,255,255,1);
  pointer-events:none;
  transition:.3s ease;
 }
 #menuContainer.active{
  opacity:1;
  z-index:2;
  pointer-events:auto;
 }
  #menuContainer > .wrapper{
   padding:140px 0 20px;
  }
  
  #spMenu{
   display:block;
   list-style:none;
   margin:0;
   padding:0;
   color:#000;
  }
   #spMenu li{
    float:left;
    width:20%;
    border-bottom:1px solid rgba(0,0,0,.1);
    border-left:1px solid #ddd;
   }
   #spMenu li:nth-child(1){
    border-left:none;
   }
   #spMenu li:nth-child(3){
    width:40%;
   }
   #spMenu li:nth-child(even){
    border-left:1px solid #ddd;
   }
    #spMenu li a{
     display:block;
     color:#000;
     font-size:100%;
     line-height:40px;
     text-align:center;
     padding:0 1.5em;
    }
    #spMenu li a.iTMU{
     color:#a93135;
    }
    #spMenu li a:hover{
     color:#f7ae00;
    }
    #spMenu .languageEn{
     position:absolute; left:0; right:15px; top:70px;
     opacity:1;
     pointer-events:none;
     transition:.3s ease;
    }
  
  #menu{
   color:#333;
   position:relative; bottom:auto; z-index:0;
  }
  #menu.active{
   display:block;
   height:auto;
  }
   #menu > li{
    float:none;
    width:100%;
    border-bottom:1px solid rgba(0,0,0,.1);
   }
   #menu > li:hover{
    
   }
    #menu > li > a{
     font-size:18px;
     color:#000;
     line-height:40px;
     padding:0 1.5em;
     background-position:right 15px center;
     background-repeat:no-repeat;
     background-image:url(../images/nav_arrow.png);
     background-size:16px 16px;
    }
    #menu.cop > li > a{
     font-size:18px;
     padding:0 1.5em;
    }
    html:lang(en) #menu > li > a,
    html:lang(en) #menu.cop > li > a{
     padding:0 1.5em;
    }
    #menu > li > a[href*='javascript']{
     background-image:url(../images/nav_open.png);
    }
    #menu > li:hover > a{
     color:#f7ae00;
    }
    #menu > li > a.active{
     color:#f7ae00;
     background-image:url(../images/nav_close.png);
    }
    #menu > li.active:hover > a{
     color:#b2e7ff;
    }
    #menu > li:before{
     display:none;
    }
    
    #menu .sub{
     position:relative;
     min-width:auto;
     background-color:transparent;
     padding:0 0 10px;
     box-shadow:none;
     border:none;
     border-radius:0;
     -webkit-animation-duration:.2s;animation-duration:.2s;
     display:none !important;
    }
    #menu .sub.active{
     display:block !important;
    }
     #menu .sub li{
      display:block;
      line-height:18px;
      white-space:normal;
      box-shadow:none;
      
     }
      #menu .sub li a{
       padding:8px 3em;
       font-size:15px;
       color:#000;
       background-position:right 15px center;
       background-repeat:no-repeat;
       background-image:url(../images/nav_sub.png);
       background-size:12px 12px;
      }
      
 
 #pageHeader{
  margin-top:70px;
 }
 .pageTitle{
  font-size:240%;
 }
 
 #subMenu{
  left:12px; right:12px;
 }
  #subMenu ul{
   overflow-x:auto;
   overflow-y:hidden;
   text-align:center;
  }
   #subMenu ul li a{
    font-size:95%;
    padding:10px;
   }
 
 footer{
  padding:40px 15px;
 }
 footer .contactInfo{
  font-size:110%;
 }
 footer .recommend{
  display:none;
 }
}
@media screen and (max-width:768px){

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

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

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

}
@media screen and (max-width:568px){
 
 footer{
  text-align:left;
 }
  footer .contactInfo span{
   display:block;
  }
  footer .visitors{
   margin-left:0;
  }
  footer .huaweb{
   display:block;
  }
}
@media screen and (max-width:414px){
 body{
  font-size:15px;
 }
 
 #menu > li > a,
 #spMenu li a{
  
 }
 #spMenu li a.iTMU{
  font-size:85%;
 }
 
 #spMenu li{
  width:50%;
  border-left:none;
 }
 #spMenu li:nth-child(even){
  border-left:1px solid #ddd;
 }
 #spMenu li:nth-child(3){
  width:50%;
 }
 
 #menu > li > a,
 #menu.cop > li > a,
 html:lang(en) #menu > li > a,
 html:lang(en) #menu.cop > li > a{
  padding:5px 1.5em;
 }
 
 .crumbs{
  display:none;
 }
 .pageTitle{
  top:45px; left:15px; right:15px;
  transform:translateY(0%);
  font-size:250%;
  text-align:center;
 }
 
 #searchBlock ul li:last-child{
  float:none;
  clear:both;
  text-align:center;
  padding:5px 0 0;
 }
 #searchBlock ul li:last-child input[type=submit]{
  padding-left:25px; padding-right:25px;
 }
 
 
 #contentContainer .tableWrap,
 .articleContent .tableWrap{
  width:100%;
 }
  #contentContainer .tableWrap table,
  .articleContent .tableWrap table{
   width:auto !important;
   min-width:100% !important;
   max-width:1000px !important;
  }
 
 .tableContent tr{
  display:block;
  position:relative;
 }
  .tableContent tbody th{
   text-align:left;
   display:inline-block;
   width:auto;
   border-bottom:none;
   padding:5px;
  }
  .tableContent tbody td{
   display:block;
   padding:5px 5px 10px;
   min-height:32px;
  }
  .tableContent tbody tr:first-child th,
  .tableContent tbody tr:first-child td{
   border-top:none;
  }
 
 .page .pageTo{
  display:block;
  margin-top:5px;
 }
}
@media screen and (max-width:375px){
 body{
  font-size:14px;
 }
 
 #headingLink{
  left:10px;
 }
 
 .toggleMenu{
  width:60px;
 }
 
 #pageHeader{
  height:145px;
 }
 #pageHeader.noSubMenu{
  height:125px;
 }
}
@media screen and (max-width:360px){
 
 #menu > li > a,
 #menu.cop > li > a,
 #spMenu li a{
  font-size:16px;
 }
 #menu > li > a,
 #menu.cop > li > a,
 html:lang(en) #menu > li > a,
 html:lang(en) #menu.cop > li > a{
  padding:2px 1.5em;
 }
}
@media screen and (max-width:320px){
 
 #heading .logoTMU{
  width:40px;
 }
 
 #menu > li > a,
 #menu.cop > li > a,
 #spMenu li a{
  font-size:15px;
  line-height:40px;
 }
 #spMenu li a.iTMU{
  font-size:100%;
 }
  #menu .sub li a{
   font-size:14px;
  }
 #spMenu li:nth-child(3),
 #spMenu li:nth-child(4){
  width:100%;
 }
 
 #pageHeader{
  height:140px;
 }
 #pageHeader.noSubMenu{
  height:115px;
 }
 .pageTitle{
  font-size:200%;
 }
 
 footer .lastUpdate{
  display:block;
  margin:0;
 }
}