@charset "UTF-8";
/*////////////////////  斷點  //////////////////*/
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 361px) and (max-width: 767px) {}
@media (max-width: 360px) {}
/*////////////////////////////////////////////////*/
/*////////////////////  共用區  //////////////////*/
/*////////////////////////////////////////////////*/
/*Media Query*/
@media (min-width: 1200px) {
  .container { width: 1000px;}
  .pull-lg-left {  float: left !important; }
  .pull-lg-right {  float: right !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left {  float: left !important; }
  .pull-md-right {  float: right !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left {  float: left !important; }
  .pull-sm-right {  float: right !important; }
}
@media (max-width: 767px) {
  .pull-xs-left {  float: left !important; }
  .pull-xs-right {  float: right !important; }
}
body {
  /* font-family: Arial, "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", sans-serif; */
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:1.65em;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  color: #222;
  word-wrap: break-word;
  word-break: break-all;
}
h1{
  font-size:2em;
}
h2{
  font-size:1.6em;
}
h3{
  font-size:1.5em;
}
h4{
  font-size:1.4em;
}
h5{
  font-size:1.3em;
}
h6{
  font-size:1.2em;
}
p {
  margin-bottom: 1.2em;
}
ul, ol{
  margin: 0;
  padding: 0;
}
a{
  color: #35afe2;
}
a:hover{
  text-decoration: none;
}
/* GO TO TOP */
.scrollToTop{
  width:50px;
  height:50px;
  border-radius:50%;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.4);
  text-align:center;
  color: #FFF;
  line-height:50px;
  text-decoration: none;
  position:fixed;
  bottom:5px;
  right:5px;
  transition:.3s ease-out;
  display:none;
  z-index:99999999;
}
.scrollToTop:hover{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/top.png) no-repeat center top rgba(0, 0, 0, 0.8);
}
/*---------------------------------------以上為預設-------------*/
/*導引磚*/
.accesskey{
  float: left;
  opacity:0;
}
/*區塊基本設定*/
.Block{
  margin:20px 0;
  padding:15px 0;
}
.Block .BlockTitle{
  font-size: 24px !important;
  margin:20px 0;
  font-weight: 600;
}
.Block_NoMargin{
  margin:30px 0 -20px;
}
/*文字置中*/
.TitleCenter{
  text-align:center;
  color:#505050;
  font-size: 30px !important;
  padding-bottom: 20px;
}
.TitleCenter span{
  padding:0 40px 10px;
  border-bottom:solid 1px #35afe2;
}
/*自訂BTN*/
.BTN_wrap{
  margin-top:25px;
  margin-bottom: 25px;
}
.BTN{
  text-align: center;
  padding-top: 15px;
  padding-bottom:15px;
}
/*上傳*/
.BTN_Upload{
  color:#fff;
  background:#168abb;
  text-shadow:0 1px 2px #555;
}
.BTN_Upload:hover,
.BTN_Upload:focus{
  color:#fff;
  background:#10729b;
}
/*取消*/
.BTN_Cancel{
  padding:8px 35px;
  font-size: 18px;
  color:#fff;
  background:#8d8d8d;
}
.BTN_Cancel:hover,
.BTN_Cancel:focus{
  color:#fff;
}
/*送出*/
.BTN_Send{
  padding:8px 35px;
  font-size: 18px;
  color:#fff;
  background:#35afe2;
}
.BTN_Send:hover,
.BTN_Send:focus{
  color:#fff;
}
@media (max-width: 767px) {
  .BTN_Send,
  .BTN_Cancel{ width:calc(100%/2 - 2px);}
}
/*必填星星*/
.required{ color:#ff0000;}
/*文字顏色*/
.Text_Red{ color:#ff0000;}
/*資訊發布時間*/
.Meta {
  color: #333;
}
.Meta div {
  display: inline-block;
  color:#333;
  margin-right: 20px;
  font-size:14px;
  line-height:54px;
}
.Meta div span {color: #333;}
.Meta div a {
  color: #35afe2;
  text-decoration: underline;
}
.Meta div a:hover {text-decoration: none; }
.Meta div:last-child {margin-right: 0; }
/*發布單位*/.MetaDep{}
/*發布日期*/.MetaDay{}
/*更新日期*/.MetaUpdate{}
/*點閱次數*/.MetaClick{}
@media (max-width: 767px) {
  .Meta{
    margin-bottom: 20px;
  }
  .Meta div {
    line-height:1.6;
  }
}
/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////  Header  /////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
#Header{
  -webkit-box-shadow: 0px 0px 10px RGBA(0,0,0,.6);
  box-shadow: 0px 0px 10px RGBA(0,0,0,.6);
  position: relative;
  z-index: 999999;
}
#Header .navbar{
  border:0;
  margin-bottom:0;
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/bg-Header-navbar.png) repeat-x left 118px;
}
#Header .navbar .navbar-header{
  width: 100%;
  text-align:center;
  position: relative;
}
/*Logo*/
#Header .navbar .navbar-header .Logo{
  position: absolute;
  left:50%;
  top: 25px;
  margin-left:-260px;
}
@media (max-width: 767px) {
  #Header .navbar .navbar-header .Logo{
    left: auto;
  }
}
/*主選單*/
#Header .MainMenu{
  height: 50px;
  font-size: 16px;
  margin-top:20px;
}
#Header .MainMenu a{ text-decoration:none; }
#Header .MainMenu .navbar-nav > li > a{color:#464646;}
#Header .MainMenu .navbar-nav > li > a:hover,
#Header .MainMenu .navbar-nav > li > a:focus{ background:none;}
#Header .MainMenu .navbar-nav .dropdown > a{ background:transparent;}
#Header .MainMenu .navbar-nav .dropdown > a:hover .caret{ color: #e00012;}
#Header .MainMenu .navbar-nav .dropdown .caret{
  margin-left: 5px;
  color:#44beb1;
}
#Header .MainMenu .navbar-nav .dropdown-menu{
  min-width: 200px;
  padding:0 0;
  /*display:block;*/
}
#Header .MainMenu .navbar-nav .dropdown-menu{ background:#fff;}
#Header .MainMenu .navbar-nav .dropdown-menu > li{ /*position: relative;*/ }
#Header .MainMenu .navbar-nav .dropdown-menu > li > a{
  font-size: 15px;
  border-bottom:dotted 1px #e5e5e5;
  background:#fff;
  line-height:1.8;
}
#Header .MainMenu .navbar-nav .dropdown-menu > li > a:hover,
#Header .MainMenu .navbar-nav .dropdown-menu > li > a:focus{ background:#eee;}
#Header .MainMenu .navbar-nav .dropdown-menu > li:last-child > a{ border-bottom:none;}
/*主選單-第三節點*/
#Header .MainMenu .navbar-nav .dropdown-menu > li ul{
/*position: absolute;
top: 0px;
left: 200px;*/
background:#fff;
width: 220px;
list-style:none;
padding:0;
/*display:none;*/
}
#Header .MainMenu .navbar-nav .dropdown-menu > li ul li a{
  font-size: 15px;
  padding:4px 15px;
  display:block;
  box-sizing:border-box;
  text-decoration:none;
  border-bottom:dotted 1px #c2c2c2;
}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu{position:relative;}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu > .dropdown-menu{
  top:5px;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu > a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu:hover > a:after{border-left-color:#555;}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu.pull-left{float:none;}
#Header .MainMenu .navbar-nav .dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu{
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}
/*主選單-第三節點-accordion
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-body ul{
list-style-type:disc;
list-style-position:inside;
background:#F8F8F8;
-webkit-box-shadow: inset 0px 10px 10px -10px rgba(85, 85, 85, 0.60);
-moz-box-shadow: inset 0px 10px 10px -10px rgba(85, 85, 85, 0.60);
box-shadow: inset 0px 10px 10px -10px rgba(85, 85, 85, 0.60);
padding:0;
}
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-body li a{
font-size: 15px;
padding:8px 15px;
display:block;
box-sizing:border-box;
text-decoration:none;
border-bottom:dotted 1px #c2c2c2;
}
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-body li :hover,
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-body li :focus{
background:#8d959e;
color:#fff;
}*/
/*accordion
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group{ margin-bottom:0; }
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel{border-radius:0;}
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-heading{}
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-heading .icon-angle-down{ color:#df0211;}
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-heading a{ display:block; }
#Header .MainMenu .navbar-nav .dropdown-menu .panel-group .panel .panel-body{
padding:0;
border-top: 1px solid transparent;
}*/
/**/
.FB_share{
  position: absolute;
  top: 35px;
  right:15px;
  z-index: 1;
}
/*Search*/
#Header .Search{
  width:280px;
  top: 40px;
  left: 0px;
  left: 50%;
  margin-left:220px;
  position: absolute;
  display: none;
}
#Header .Search .btn{
  background:#fff;
  padding:0;
  position: relative;
  left: -28px;
  z-index: 3;
}
#Header .Search .input-group{ width: 108%; }
#Header .Search .input-group .form-control:first-child{ border-radius:4px;}
/*關鍵字*/
#Header .HotKeywords{
  color: #959595;
  margin-top:8px;
  font-size:.813em;
  line-height:1.2em;
}
#Header .HotKeywords a:after{ content:'、';}
#Header .HotKeywords a:last-child:after{ content:'';}
/*FB_Link*/
#Header .FB_Link{
  margin:35px 0 0;
  padding:8px 0;
}

/*Header_Links*/
#Header .Header_Links{
  height: 30px;
  color:#666;
  position: relative;
  margin-bottom: 70px;
}
#Header .Header_Links ul{
  float:right;
}
@media (max-width: 767px) {
  #Header .Header_Links ul{
    float: left;
  }
}
#Header .Header_Links li a{
  display: inline-block;
  padding-top:0;
  width: 36px;
  height: 36px;
  padding:2px;
  color:#666;
  text-shadow:none;
  background:#dedede;
  border-radius: 50%;
  margin-right: 5px;
  margin-top: 5px;
}
#Header .Header_Links li:first-child a{
  background: #08bba2;
}
#Header .Header_Links li:nth-child(2) a{
  background: #f5893f;
}
#Header .Header_Links li a:hover,
#Header .Header_Links li a:focus{
  color: #fe664f;
  background:#333;
}
#Header .navbar .navbar-header .Logo span{
  background: #585859;
  width: 120px;
  height: 40px;
  color: #FFF;
  font-weight: 300;
  text-align: center;
  position: absolute;
  top: 35px;
  right: -120px;
  line-height: 40px;
  font-size: .6em;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  /*logo*/
  #Header .navbar .navbar-header .Logo img{ width: 360px;}
  /*主選單*/
  #Header .MainMenu .navbar>li a{}
  #Header .MainMenu .navbar #offcanvas-left{ padding-left: 100px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /*logo*/
  #Header .navbar .navbar-header .Logo img{ width: 300px;}
  /*主選單*/
  #Header .MainMenu .navbar>li a{}
  #Header .MainMenu .navbar #offcanvas-left{ padding-left: 100px; }
  #Header .navbar .navbar-header .Logo span{
    background: #585859;
    width: 100px;
    height: 35px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left:150px;
    line-height: 35px;
    font-size: 15px;
    border-radius: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Header .navbar{  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/bg-Header-navbar.png) repeat-x left 100px;}
  #Header .container .row{
    margin-left: 0;
    margin-right:0;
  }
  /*logo*/
  #Header .navbar .navbar-header .Logo {
    position: absolute;
    left: 0%;
    top: 25px;
    margin-left:0px;
  }
  #Header .navbar .navbar-header .Logo img{
    width: 260px;
  }
  #Header .navbar .navbar-header .Logo span{
    background: #585859;
    width: 100px;
    height: 35px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left:130px;
    line-height: 35px;
    font-size: 15px;
    border-radius: 20px;
  }
  /*主選單*/
  #Header .MainMenu{
    height: 50px;
    font-size: 16px;
    margin-top:20px;
    padding-left: 0;
  }
  #Header .MainMenu .navbar>li a{}
  #Header .MainMenu .navbar #offcanvas-left{ padding-left: 100px; }
  #Header .navbar-nav{ float:right;}
  /*FB_Link*/
  #Header .FB_Link{ margin:0 15px 0;}
}
@media (max-width: 767px) {
  #Header{
    background:none;
  }
  #Header .navbar{ background:none;}
  #Header .navbar .navbar-header{ border-bottom: 1px solid #ccc;}
  /*logo*/
  #Header .navbar .navbar-header .Logo{
    display: inline-block;
    margin:0 -4px;
    height:56px;
    position:relative;
    top: 0px;
  }
  #Header .navbar .navbar-header .Logo img{
    width:auto;
    max-width:200px;
    padding-top: 8px;
    margin-left: -70px;
  }
  #Header .navbar .navbar-header .Logo span{
    background: #585859;
    width: 50px;
    height: 25px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left:60px;
    line-height: 25px;
    font-size: 11px;
    border-radius: 4px;
  }
  @media (max-width: 767px) {
    .navbar-toggle{
      margin-right: 0px;
    }
  }
  /*主選單*/
  #Header .MainMenu{
    height: auto;
    font-size: 15px;
    margin-top:0;
    padding:0;
  }
  #Header .MainMenu .navbar-nav .dropdown-menu > li ul{
    background:#fff;
    width: 100%;
    list-style:none;
    padding:0;
  }
  #Header .MainMenu .navbar-nav > li > a{
    color:#464646;
  }
  #Header .MainMenu .navbar-nav > li > a:hover,
  #Header .MainMenu .navbar-nav > li > a:focus{ background:#fff;}
  #Header .MainMenu .navbar-nav .dropdown a:hover .caret{ color: #e00012;}
  #Header .MainMenu .navbar-nav .dropdown .caret{
    margin-left: 5px;
    color:#35afe2;
  }
  #Header .MainMenu .navbar-nav .dropdown-menu{ background:#f4f4f4;}
  #Header .MainMenu .navbar-nav .dropdown-menu > li > a{
    padding:7px 15px 7px 25px;
    border-bottom:dotted 1px #dedede;
    background:#f4f4f4;
    line-height:1.8;
  }
  #Header .MainMenu .navbar-nav .dropdown-menu > li > a:hover,
  #Header .MainMenu .navbar-nav .dropdown-menu > li > a:focus{ background:#f4f4f4; }
  #Header .MainMenu .navbar-nav .dropdown-menu > li:last-child > a{ border-bottom:none;}
  #Header .MainMenu .navbar-nav .dropdown-menu > li ul li a{
    padding:7px 40px;
  }
  #Header .MainMenu .navbar-nav .dropdown-menu .dropdown-menu > li > a{ background:#E0E0E0; }
  #Header .MainMenu .navbar-nav .dropdown-menu .dropdown-menu > li > a:hover,
  #Header .MainMenu .navbar-nav .dropdown-menu .dropdown-menu > li > a:focus{
    background:#555;
    color:#fff;
  }
  /*Search*/
  #Header .Search{ margin:0;}
  #Header .Search .input-group{ width: 100%; }
  /*FB_Link*/
  #Header .FB_Link{
    margin:10px 0 20px;
    padding:0;
  }
  /*Header_Links*/
  #Header .Header_Links{
    height: auto;
    background:none;
  }
  #Header .Header_Links li:after{ content:'';}
  #Header .Header_Links li:last-child:after{ content:'';}
  #Header .Header_Links li a{
    display: block;
    line-height:normal;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 15px;
    color:#464646;
    text-shadow:none;
  }
  #Header .Header_Links li a:hover,
  #Header .Header_Links li a:focus{ background:#eee;}
  /*Search*/
  #Header .Search{
    width:100%;
    top: 5px;
    left: 0px;
    margin:5px 0 0 0px;
    position: relative;
    display: block;
  }
  #Header .Search .btn{
    background:#fff;
    padding:0;
    position: relative;
    left: -28px;
    z-index: 3;
  }
}
@media (max-width: 767px) {
  #Header .Header_Links {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
  }
  .navbar-nav{
    margin:15px 0px;
    width: 100%;
  }
  #Header .Header_Links li a{
    border-radius: 5px;
    display: block;
    width: 97.5%;
  }
  #Header .Header_Links li:nth-child(2) a{
    display: none;
  }
  #Header .Header_Links li a{
    display: block;
    line-height:normal;
    padding-top:0px;
    padding-bottom:0px;
    font-size: 15px;
    color:#464646;
    text-shadow:none;
    text-align: center;
  }
  #Header .Header_Links li a:hover,#Header .Header_Links li a:focus{
    background: #017874;
  }
}
/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////  Sliders  ////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.slick-slider {
  margin: 0px auto 10px !important;
}
/*IndexSlide*/
.IndexSlide.slick-slider{ margin: 0px auto 50px !important; } /*控制點容器高度*/
.IndexSlide > .slick-dots{ bottom: -55px; }
.IndexSlide .pic{
  position: relative;
  overflow:hidden;
}
.IndexSlide .pic:after{
  padding-top: 56.25%;
  content:"";
  display: block;
}
.IndexSlide .pic img{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  min-height:100%;
  max-width:100%;
  margin:auto;
  object-fit : cover;
}
@media (min-width: 992px) {
  .IndexSlide {
    margin-right: auto;
    margin-left: auto;
    clear: both;
  }
  .IndexSlide .pic{height:550px;}
  .IndexSlide .pic .caption {
    background: #a4a4a4;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 1.4em;
  }
  .IndexSlide .slick-prev {
    left: 35px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left-white.png) no-repeat 0 0;
    display: block;
  }
  .IndexSlide .slick-prev:hover {opacity: 0.5; }
  .IndexSlide .slick-prev:before {content: ""; }
  .IndexSlide .slick-next {
    right: 35px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right-white.png) no-repeat 0 0;
  }
  .IndexSlide .slick-next:hover {opacity: 0.5; }
  .IndexSlide .slick-next:before {content: ""; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .IndexSlide {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    clear: both;
  }
  .IndexSlide .pic{height:auto;}
  .IndexSlide .pic .caption {
    background: #a4a4a4;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 1.4em;
  }
  .IndexSlide .slick-prev {
    left: 35px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left-white.png) no-repeat 0 0;
    display: block;
  }
  .IndexSlide .slick-prev:hover {opacity: 0.5; }
  .IndexSlide .slick-prev:before {content: ""; }
  .IndexSlide .slick-next {
    right: 35px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right-white.png) no-repeat 0 0;
  }
  .IndexSlide .slick-next:hover {opacity: 0.5; }
  .IndexSlide .slick-next:before {content: ""; }
}
@media (max-width: 767px) {
  .IndexSlide {
    width: 100%;
    clear: both;
  }
  .IndexSlide .pic{height:auto;}
  .IndexSlide .pic .caption {
    background: #a4a4a4;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 1.4em;
  }
  .IndexSlide .slick-prev {
    left: 20px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left-white.png) no-repeat 0 0;
    display: block;
  }
  .IndexSlide .slick-prev:hover {opacity: 0.5; }
  .IndexSlide .slick-prev:before {content: ""; }
  .IndexSlide .slick-next {
    right: 20px;
    width: 35px;
    height: 66px;
    margin-top: -33px;
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right-white.png) no-repeat 0 0;
  }
  .IndexSlide .slick-next:hover {opacity: 0.5; }
  .IndexSlide .slick-next:before {content: ""; }
}
/*BannerSlide*/
.BannerSlide_Wrap{
  margin:0 0;
  padding: 25px 0;
}
.BannerSlide.slick-slider{ margin: 0px auto 0 !important; } /*控制點容器高度*/
.BannerSlide.slick-slider{padding: 0 35px;}
.BannerSlide{}
.BannerSlide .Banner{
  margin: 0 8px;
  height: 70px;
  background:#e5e5e5;
  border:solid 1px #e5e5e5;
}
.BannerSlide .Banner img {
  width: 100%;
  height:100%;
}
.BannerSlide .slick-prev {
  left: 0px;
  width: 28px;
  height: 50px;
  margin-top: -25px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left2.png) no-repeat 0 0;
  display: block;
  /*background-color: #fff;*/
}
.BannerSlide .slick-prev:hover { opacity: 0.5; }
.BannerSlide .slick-prev:before { content: ""; }
.BannerSlide .slick-next {
  right: 0px;
  width: 28px;
  height: 50px;
  margin-top: -25px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right2.png) no-repeat 0 0;
  /*background-color: #fff;*/
}
.BannerSlide .slick-next:hover {opacity: 0.5; }
.BannerSlide .slick-next:before {content: ""; }
@media (max-width: 767px) {
  .BannerSlide_Wrap{
    background:#dbded8;
    margin-bottom:25px;
  }
  .BannerSlide .Banner{
    margin: 0 5px;
    height: 50px;
  }
}
/*內頁：圖片展示*/
.Muti_Slider{
  margin-bottom:35px;
}
.Muti_Slider .slider-for .slide .imgBOX{
  width: 940px;
  height:370px;
  display:table-cell;
  vertical-align:middle;
}
.Muti_Slider .slider-for .slide .imgBOX img{
  display:block;
  width:auto;
  max-height: 100%;
  margin:0 auto;
}
.Muti_Slider .slick-slider { margin-bottom: 15px; }
.Muti_Slider .slider-for .slide{
  padding: 6px;
  border: 1px solid #ddd;
  background: #fff;
}
.Muti_Slider .slider-for .slide .imgBOX{ background:#fff; }
.Muti_Slider .slider-for .slide .imgBOX img{}
/**/
.Muti_Slider .slider-for .slide .Photo_info{
  padding:10px;
  height:60px;
  overflow:hidden;
  text-align: left;
  background:#fff;
  border-top:solid 1px #e5e5e5;
}
.Muti_Slider .slider-for .slide .Photo_info .title{
  color: #35afe2;
  font-size: 1.12em;
}
.Muti_Slider .slider-for .slide p {  color: #000;}
.Muti_Slider .slider-for .slick-prev {
  left: 20px;
  top:45%;
  width: 35px;
  height: 66px;
  margin-top: -33px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left2.png) no-repeat 0 0;
  display: block;
}
.Muti_Slider .slider-for .slick-prev:hover { opacity: 0.5; }
.Muti_Slider .slider-for .slick-prev:before { content: ""; }
.Muti_Slider .slider-for .slick-next {
  right: 20px;
  top:45%;
  width: 35px;
  height: 66px;
  margin-top: -33px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right2.png) no-repeat 0 0;
}
.Muti_Slider .slider-for .slick-next:hover {opacity: .5; }
.Muti_Slider .slider-for .slick-next:before {content: ""; }
.Muti_Slider .slider-nav{}
.Muti_Slider .slider-nav > div{
  height:90px;
}
.Muti_Slider .slider-nav img{
  width:100%;
  height:90px;
}
.Muti_Slider .slider-nav div { border-right: 10px solid #fff;border-left: 5px solid #fff;}
.Muti_Slider .slider-nav .slick-prev:before, .Muti_Slider .slider-nav .slick-next:before {color: #777; }
.Muti_Slider .slider-nav .slick-prev:hover:before, .Muti_Slider .slider-nav .slick-next:hover:before {color: #777; opacity: .5; }
/*內頁：圖片展示　調整為一半*/
.Muti_Slider.Half .slider-for .slide .imgBOX{
  width: 470px;
  height:370px;
  display:table-cell;
  vertical-align:middle;
}
.Muti_Slider.Half .slider-for .slick-prev {
  left: 20px;
  top:55%;
  width: 35px;
  height: 66px;
  margin-top: -33px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/left2.png) no-repeat 0 0;
  display: block;
}
.Muti_Slider.Half .slider-for .slick-next {
  right: 20px;
  top:55%;
  width: 35px;
  height: 66px;
  margin-top: -33px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/right2.png) no-repeat 0 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .Muti_Slider.Half .slider-for .slide .imgBOX{
    width: 720px;
    height:370px;
    display:table-cell;
    vertical-align:middle;
  }
}
@media (max-width: 767px) {
  .Muti_Slider.Half .slider-for .slide .imgBOX{
    width: 737px;
    height:300px;
  }
}
/*////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////  #FatFooter  /////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
#FatFooter {
  background: #44beb1;
  overflow:hidden;
  /* background: rgba(49,133,206,1);*/
}
@media (max-width: 767px) {
  #FatFooter {
    display: none;
  }
}
#FatFooter .FatFooterBtn {
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  width: 80px;
  color: #FFF;
  border:none;
  background-color: #015950;
  border-radius: 0 0 8px 8px;
  position: absolute;
  left: 50%;
  margin-left: 420px;
}
@media (max-width: 767px) {
  #FatFooter .FatFooterBtn {
    left: auto;
    right:10px;
  }
}
#FatFooter .FatFooterBtn:hover,
#FatFooter .FatFooterBtn:focus {
  background:#005b51;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: none;
}
#FatFooter .FatFooterBtn.close {
  font-weight: normal;
  border: none;
  text-shadow: none;
  opacity: 1;
  display: inline-block;
  line-height: 1.45em;
}
#FatFooter nav {
  clear: both;
  color: #fff;
  width:1000px;
  margin: 8px auto;
  padding: 30px 0 30px 0px;
  overflow: hidden;
}
#FatFooter nav ul {
  list-style: none;
  margin: 0 0px 0 0px;
  padding: 5px 0;
  overflow: hidden;
}
#FatFooter nav ul li {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  line-height: 2.6;
}
#FatFooter nav ul li a {
  color: #fff;
  font-size:1em;
/* padding: 5px;
margin-bottom: 5px;*/
margin:0 5px 5px;
padding: 5px;
line-height:1.65em;
display: block;
font-weight: 500;
text-align: left;
font-weight: 800;
}
#FatFooter nav ul li a:hover {
  color: #fff;
  text-decoration: none;
  background:#000;
  background:rgba(0, 0, 0, 0.5);
  border-radius:3px;
}
#FatFooter nav ul li ul {
  padding: 0;
  overflow: hidden;
}
#FatFooter nav ul li ul li {
  display: inline;
  margin: 0;
  padding: 5px 0;
  border: none;
  background: none;
  list-style-type: disc;
}
#FatFooter nav ul li ul li a {
  display: block;
  color: #a2f0e5;
  font-weight: normal;
  text-decoration: none;
  font-size: .938em;
  font-weight: normal;
  line-height: 1.4em;
  padding: 3px 8px;
  border-bottom:none;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#FatFooter nav ul li ul li ul {  display: none;}
@media (min-width: 1200px) {
  #FatFooter nav ul li {  width: 15.7%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  #FatFooter nav ul li {  width: 15.7%;}
}
@media (min-width: 768px) and (max-width: 991px) {
  #FatFooter nav ul li {
    margin: 0 0 30px 0;
    width: 32%;
    text-align:center;
    padding:0;
  }
  #FatFooter nav ul li ul{ margin:0; }
}
@media (max-width: 767px) {
  #FatFooter nav ul{
    width:100%;
  }
  #FatFooter nav ul li {
    display:block;
  }
}
/*////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////  #Footer  //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
#Footer{
  padding:27px 0;
  font-size:.813em;
  line-height: 1.6em;
  background: #44beb1;
  border-top: 1px solid #5ec6bb;
}
#Footer .Logo{
  height: 50px;}
  #Footer .Logo img{
    max-width:100%;
    max-height:50px;
  }
  /*隱私權宣告*/
  #Footer .Footer_link a{
    font-size: 1em;
    display: inline-block;
    padding: 0px 20px 0px 0px;
    color: #FFF;
    vertical-align: top;
    position: relative;
  }
  #Footer .Footer_link a::before{
    content: "";
    width: 1px;
    height: 14px;
    background:#FFF;
    position: absolute;
    top: 3px;
    right: 6px;
  }
  #Footer .Footer_link a:hover{
   color:#e4ff00;
 }
 @media (max-width: 767px) {
  #Footer{
    width:100%;
  }
  #Footer .Footer_link a{
    margin: 1% 1% 5px 0%;
    width: 46%;
  }
  #Footer .Footer_link a::before{
    display: none;
  }
}
/*聯絡資訊*/
#Footer .Footer_info{
  line-height: 1.6em;
  font-weight:bold;
  color:#4d4f50;
}
/*相關圖示*/
#Footer .Footer_icon{
  margin-bottom:15px;
  width: 100%;
  text-align:right;
}
#Footer .Footer_icon a{
  vertical-align:top;
  display:inline-block;
  margin-right: 5px;
}
@media (max-width: 767px) {
  #Footer .Footer_icon a{
    margin-top: 4%;
  }
}
/*瀏覽人次*/
#Footer .Counter,#Footer .UpdateTime{
  font-weight:bold;
  color:#333;
  text-align:left;
  display:block;
}
#Footer .Counter a{ color:#35afe2; }
@media (max-width: 767px) {
  #Footer{ padding:27px 0 80px;}
  #Footer .Footer_info{
    margin-bottom:5px;
  }
  #Footer .Footer_icon{
    margin-bottom:0;
    text-align:left;
  }
  #Footer .Counter{
    width: 50%;
    text-align:left;
  }
}
/*快速連結*/
.Footer_link{}
/*相關連結*/
.Link_list{}
/*解析度建議*/
.Resolution{}
/*版權宣告*/
.Copyright{
  color: #FFF;
  font-size: 1em;
}
@media (max-width: 767px) {
  .Copyright{
    margin-top: 5px;
  }
}
/*社群分享*/
.SocialLink {}
.SocialLink li {}
.SocialLink li a {}
.SocialLink li a:hover {}
/*//////////////////////////////////////////////////////////////*/
/*///////////////////////  Coverflow  //////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
.Rolling{}
.Rolling .More a{
  display:block;
  background: #35afe2;
  color:#fff;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 16px;
}
.Rolling .More a:hover,
.Rolling .More a:focus{
  text-decoration:none;
  background: #0087bf;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓    首頁    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓  以下是 內容區塊大混戰  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓     OK GO!     ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////  Service_List  //////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.Service_List{  padding: 0 10px;}
.Service_List .container{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/index_bg.jpg) no-repeat right bottom;}
@media (max-width: 768px) {
  .Service_List .container{
    background: none;
  }
}
.Service_List .Service_Item{
  width:calc(100%/7 - 12px);
  display:inline-block;
  vertical-align:top;
  margin:4px;
  font-size: 18px;
  color:#3d3d3d;
  text-align:center;
}
.Service_List .Service_Item .Icon{
  width: 100px;
  height: 100px;
  margin:0 auto;
  border-radius:50%;
  background:#767676;
  overflow:hidden;
}
.Service_List .Service_Item .Icon img{ width:100%; }
.Service_List .Service_Item p{ margin-top: 10px; }
.Service_List .Service_Item a{
  background:#e5e5e5;
  color:#3d3d3d;
  text-decoration: none;
}
.Service_List .Service_Item a:hover > .Icon,
.Service_List .Service_Item a:focus > .Icon{
  background:#35afe2;
  transition:background .20s ease;
  border:solid 2px transparent;
}
@media (min-width: 1200px) {
  .Service_List .Service_Item{
    width:calc(100%/7 - 12px);
    display:inline-block;
    margin:15px 4px 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .Service_List .Service_Item{
    width:calc(100%/7 - 12px);
    display:inline-block;
    margin:15px 4px 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Service_List .Service_Item{
    width:calc(100%/5 - 12px);
    display:inline-block;
    margin:15px 4px 15px;
  }
}
@media (max-width: 767px) {
  .Service_List .Service_Item{
    width:calc(100%/4 - 12px);
    display:inline-block;
    margin:15px 4px 15px;
    font-size: 1.125em;
  }
  .Service_List .Service_Item .Icon{
    width: 100%;
    height: 100%;
  }
}
/*////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////  Mix = Tab + Video  /////////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/
/*------包住 Tab與Video------*/
.Mix{
  background:#289bcb;
  padding:0;
}
.Mix .container { width: 100%; }
@media (min-width: 1200px) {
  .Mix{
    background: -moz-linear-gradient(left,  rgba(40,155,203,1) 0%, rgba(40,155,203,1) 68%, rgba(53,175,226,1) 68%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(40,155,203,1) 0%,rgba(40,155,203,1) 68%,rgba(53,175,226,1) 68%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(40,155,203,1) 0%,rgba(40,155,203,1) 68%,rgba(53,175,226,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding:0;
  }
  .Mix .container { width: 1000px;}
}
/*BTN-閱讀更多*/
.Mix .More{ margin-top: 7px;}
.Mix .More a{
  background:#168abb;
  padding:7px 15px;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
}
.Mix .More a:hover,
.Mix .More a:focus{
  color:#fff;
  background:#006893;
}
/*------Tab------*/
/*選單數目*/
/*全部選單總寬度*/
/*選單高度*/
.Tab_wrap{padding:20px 15px;}
.Tab{ position: relative; }
/*Tab 選單*/
.Tab .tabs a {
  position: absolute;
  top: 0;
  height: 66px;
  line-height:66px;
  font-size: 22px;
  text-align: center;
  color:#fff;
  text-decoration:none;
  border-bottom:solid 1px #00fcff;
}
.Tab .tabs a:focus { outline: none; }
.Tab .tabs.active a {
  border-bottom:solid 4px #00fcff;
  font-weight: 600;
}
.tabs.tabs1 a,
.tabs.tabs2 a,
.tabs.tabs3 a{ width:calc(100%/3); }
.tabs.tabs1 a { left:calc(100%/3 * 0);}
.tabs.tabs2 a { left:calc(100%/3 * 1);}
.tabs.tabs3 a { left:calc(100%/3 * 2);}
/*Tab 內容*/
.Tab .tab_container {
  margin-top: 66px;
  display: inline-block;
  /*解決margin失效問題*/
  width: 100%;
  padding: 2%;
  padding-bottom: 0;
}
.Tab .tab_container ul{
  list-style:none;
  padding:0;
}
.Tab .tab_container ul li{
  color:#fff;
  font-size: 15px;
  height: 32px;
  border-bottom:dotted 1px #fff;
  white-space:nowrap;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  overflow: hidden;
}
.Tab .tab_container ul li a{
  color:#fff;
  font-size: 16px;
  height: 32px;
  line-height:32px;
  text-decoration:none;
}
.Tab .tab_container ul li:hover,
.Tab .tab_container ul li:focus{ background:#168abb;}
/*日期*/
.Tab .MetaDate{
  font-size:12px;
  margin-right: 12px;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {
  .Tab_wrap{
    padding:20px 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Tab_wrap{padding:20px 40px;}
  .Tab .tab_container ul li{ height: 40px; }
  .Tab .tab_container ul li a{
    height: 40px;
    line-height:40px;
  }
  .Tab .More a{ font-size: 1.125em; }
}
@media (max-width: 767px) {
  .Tab_wrap{padding:20px 15px;}
  .Tab .tab_container ul li{
    height: 40px;
  }
  .Tab .tab_container ul li a{
    height: 40px;
    line-height:40px;
  }
  .Tab .More a{ font-size: 1.125em; }
}
/*------Video------*/
.Video_wrap{
  background:#35afe2;
  padding:23px 30px;
}
.Video{}
.Video .BlockTitle{ color:#fff;  text-align: center;}
.Video .YouTube{ margin-bottom:20px; }
@media (min-width: 1200px) {
  .Video .BlockTitle{
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .Video_wrap{
    padding:20px 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Video_wrap{padding:20px 40px;}
  .Video .More a{ font-size: 1.125em; }
}
@media (max-width: 767px) {
  .Video_wrap{padding:20px 15px;}
  .Video .More a{ font-size: 1.125em; }
}
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////活動成果 (圖片磚)/////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.PicBrick{}
.PicBrick .BrickBox{
  float:left;
  width: calc(100%/4 - 8px);
  height: 240px;
  position: relative;
  margin:4px;
  overflow:hidden;
}
.PicBrick .BrickBox img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
.PicBrick .BrickBox .Brick_Text{
  position: absolute;
  bottom:0;
  padding:9px 12px 0;
  color:#fff;
  font-size: 16px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0.1+32,0.9+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 32%, rgba(0,0,0,0.89) 99%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 32%,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 32%,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
/*相簿*/
.PicBrick.Albums{}
.PicBrick.Albums .BrickBox{
  float:left;
  width: calc(100%/3 - 16px);
  height: 240px;
  position: relative;
  margin:4px;
  overflow:hidden;
}
.PicBrick.Albums .BrickBox:nth-child(4n){
  width: calc(100%/3*2 - 24px);
  height: 488px;
}
.PicBrick.Albums .BrickBox:nth-child(9n){  margin-top: -244px;}
.Brick_More{}
.Brick_More a{
  display:inline-block;
  background:#848484;
  color:#fff;
  font-size: 16px;
  padding:15px 25px;
  border-radius:5px;
}
.Brick_More a:hover,
.Brick_More a:focus{
  background:#35afe2;
  text-decoration:none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .PicBrick .BrickBox{
    width: calc(100%/4 - 8px);
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .PicBrick .BrickBox{
    width: calc(100%/2 - 16px);
    height: 240px;
    margin:8px;
  }
  .PicBrick .BrickBox .Brick_Text{ bottom:0; }
}
@media (max-width: 767px) {
  .PicBrick .BrickBox{
    width: calc(100%/2 - 16px);
    height: 180px;
    margin:8px;
  }
  .PicBrick .BrickBox:nth-child(5),
  .PicBrick .BrickBox:nth-child(6),
  .PicBrick .BrickBox:nth-child(7),
  .PicBrick .BrickBox:nth-child(8){
    display:none;
  }
  .PicBrick .Brick_Text{ bottom:0; }
  /*相簿*/
  .PicBrick.Albums .BrickBox:nth-child(5),
  .PicBrick.Albums .BrickBox:nth-child(6),
  .PicBrick.Albums .BrickBox:nth-child(7),
  .PicBrick.Albums .BrickBox:nth-child(8){
    display:block;/*抵銷圖片磚的隱藏設定*/
  }
  .PicBrick.Albums{}
  .PicBrick.Albums .BrickBox{
    float:left;
    width: calc(100%/2 - 8px);
    height: 240px;
    position: relative;
    margin:4px;
    overflow:hidden;
  }
  .PicBrick.Albums .BrickBox:nth-child(3n){
    width: calc(100% - 8px);
    height: 240px;
  }
  .PicBrick.Albums .BrickBox:nth-child(4n){
    width: calc(100%/2 - 8px);
    height: 240px;
  }
  .PicBrick.Albums .BrickBox:nth-child(9n){  margin-top: 4px;}
}
/*////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////  參觀資訊、展覽與劇場 ...等  ///////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.Info{
  /* background: #ececec; */
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info_bg.jpg) top center;
  background-size:cover;
  position: relative;
  margin-top:-20px;
  margin-bottom:0;
}
.Info .InfoBox{
  display:inline-block;
  margin-bottom: 15px;
  margin-right: -4px;
  vertical-align:top;
}
.Info .InfoBox .BlockTitle{
  color:#505050;
  font-size: 30px !important;
  padding-bottom: 20px;
}
.Info .InfoBox .BlockTitle a{
  color:#505050;
  opacity:.7;
}
.Info .InfoBox .BlockTitle a:hover,
.Info .InfoBox .BlockTitle a:focus{
  text-decoration:none;
  transition:opacity .20s ease;
  opacity:1;
}
.Info .InfoBox .BlockTitle span{
  padding:0 20px 10px;
  border-bottom:solid 1px #35afe2;
}
.Info .InfoBox .Foto{
  width: 40%;
  height:170px;
  border-radius:3px;
  background:#555;
}
/*六個底圖的設定*/
/*參觀資訊*/
.Info .InfoBox.Item01 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/001.jpg') top center;
  background-size:cover;
}
/*展覽與劇場*/
.Info .InfoBox.Item02 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/002.jpg') top center;
  background-size:cover;
}
/*教育與活動*/
.Info .InfoBox.Item03 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/003.jpg') top center;
  background-size:cover;
}
/*研究典藏與圖書*/
.Info .InfoBox.Item04 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/004.jpg') top center;
  background-size:cover;
}
/*服務提供*/
.Info .InfoBox.Item05 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/005.jpg') top center;
  background-size:cover;
}
/*關於客發中心*/
.Info .InfoBox.Item06 .Foto{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Info/006.jpg') top center;
  background-size:cover;
}
/*六個底圖的設定---END*/
.Info .InfoBox .Foto img{
  width: 100%;
  height: 100%;
  border-radius:3px;
}
.Info .InfoBox .LinkList{ width: 60%; padding-right: 15px;}
.Info .InfoBox .LinkList ul{ padding-left:30px; }
.Info .InfoBox .LinkList li a{
  display:block;
  color:#343434;
  padding:3px 5px;
}
.Info .InfoBox .LinkList li a:hover,
.Info .InfoBox .LinkList li a:focus{
  background:#35afe2;
  color:#fff;
  text-decoration:none;
}
@media (min-width: 1200px) {
  .Info .InfoBox{
    width: calc(100%/3);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .Info .InfoBox{
    width: calc(100%/3);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Info .InfoBox{
    width: calc(100%/2);
    padding:0 15px;
  }
}
@media (max-width: 767px) {
  .Info .InfoBox{
    width: calc(100%/2);
    padding:15px 8px 15px;
  }
  .Info .InfoBox .Foto{
    width: 100%;
    height:100%;
  }
  .Info .InfoBox .LinkList{ display:none;}
  .Info .InfoBox .BlockTitle{
    font-size: 24px !important;
    padding-bottom: 10px;
    margin:0;
    text-align: center;
  }
  .Info .InfoBox .BlockTitle span{
    padding:0;
    border-bottom:none;
  }
}
@media (min-width: 368px) and (max-width: 767px){
  .Info .InfoBox .BlockTitle{
    font-size: 24px !important;
  }
}
@media  (min-width: 340px) and (max-width: 367px){
  .Info .InfoBox .BlockTitle{
    font-size: 22px !important;
  }
}
@media  (max-width: 339px){
  .Info .InfoBox .BlockTitle{
    font-size: 20px !important;
  }
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓    內頁 共同項目    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.PageTitle{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/logo-gray.png) no-repeat;
  padding-left:65px;
  border-bottom:solid 1px #35afe2;
  padding-bottom:5px;
  margin:30px 0;
  color:#000;
}
/*////////////////////////////////////////*/
/*/////////  內頁：頁頭視覺圖片  /////////*/
/*////////////////////////////////////////*/
.Visul_Img{
  height:170px;
  overflow:hidden;
}
.Visul_Img img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
/*////////////////////////////////////////*/
/*////////////  內頁：麵包屑  ////////////*/
/*////////////////////////////////////////*/
.breadcrumb {
  margin:10px 0;
  padding:5px;
  border-radius:5px;
  background:#ededed;
  font-size: 13px;
}
.breadcrumb .breadcrumb > li + li:before { content: " ";}
.breadcrumb .breadcrumb > li + li + li:before {
  content: " / ";
  color: #333;
}
.breadcrumb a{ color: #fe664f; }
.breadcrumb > .active {color: #333;}
.breadcrumb i {}
/*////////////////////////////////////////*/
/*///////////  內頁：功能列表  ///////////*/
/*////////////////////////////////////////*/
.Function {font-size: 1em;}
.Function a {
  display:inline-block;
  color: #fff;
  background: #35afe2;
  padding: 8px 15px;
  border-radius:5px;
  font-size: 16px;
  margin-left:5px;
}
.Function a:before { color: #fff;}
.Function a:hover {
  background: #0087bf;
  text-decoration: none;
}
.Function.FunctionTop {
  float: right;
  margin: 8px 0;
}
.Function.FunctionLp {
  float: right;
  text-align: right;
}
.Function.FunctionBottom {
  float: right;
  margin-bottom: 20px;
}
/*FB、Twitter、plurk、G+ */
.Public_Share{}
.Public_Share a{
  border-radius:50px;
  padding:8px;
}
.Function a.Twitter-BTN{ background:#17b2c9; }
.Function a.FB-BTN{ background:#3a5da0; }
.Function a.Plurk-BTN{ background:#f3783e; }
.Function a.Google-BTN{ background:#d3252a; }
.Function a.Collect-BTN{ background:#0a5ccc; }
.Function a:hover.Collect-BTN{background:#094FAE;}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓    內頁    ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓  以下是 內容區塊大混戰  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓     OK GO!     ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#MainContent{
  margin-bottom: 30px;
  clear: both;
}
#MainContent > .container{
  background:#fff;
}
#MainContent > .container-fluid{
  /*  padding:0; */
}
@media (max-width: 767px) {
  #MainContent{
    background:none;
    /*background-position:center 0px;*/
  }
}
/*////////////////////////////////////////////*/
/*///////////  內頁：主動公開資訊  ///////////*/
/*////////////////////////////////////////////*/
.Public_Info{ padding-top:50px;}
.Public_Info ul{
  margin:0;
  padding:0;
  list-style:none;
}
.Public_Info li.Item{
  display:inline-block;
  height:85px;
  margin:5px 1px;
}
.Public_Info ul li.Item a{
  display:block;
  border-radius:5px;
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/00.jpg) no-repeat;
  width: 100%;
  height:85px;
  position: relative;
  font-size: 24px;
  color:#fff;
  font-weight: 500;
  text-shadow:0 0 10px #444;
}
.Public_Info ul li.Item a:hover,
.Public_Info ul li.Item a:focus{
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
}
.Public_Info li.Item span{
  position: absolute;
  text-align:right;
  bottom:15px;
  right:15px;
  z-index:99;
}
.Public_Info li.Item img{
  position: absolute;
  width: 100%;
  z-index:9;
  border-radius:5px;
  max-height:85px;
  object-fit:cover;
}
.Public_Info li.Item.No_1 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/01.jpg) no-repeat #35afe2;}
.Public_Info li.Item.No_2 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/02.jpg) no-repeat #689e1d;}
.Public_Info li.Item.No_3 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/03.jpg) no-repeat #d33174;}
.Public_Info li.Item.No_4 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/04.jpg) no-repeat #ef9609;}
.Public_Info li.Item.No_5 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/05.jpg) no-repeat #38a5af;}
.Public_Info li.Item.No_6 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/06.jpg) no-repeat #a9a9a9;}
.Public_Info li.Item.No_7 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/07.jpg) no-repeat #ff9000;}
.Public_Info li.Item.No_8 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/08.jpg) no-repeat #3bab8c;}
.Public_Info li.Item.No_9 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/09.jpg) no-repeat #dc543e;}
.Public_Info li.Item.No_10 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/10.jpg) no-repeat #426c3c;}
.Public_Info li.Item.No_11 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Public_Info/11.jpg) no-repeat #24a7bb;}
@media (min-width: 1200px) {
  .Public_Info li.Item{
    width: calc(100%/2 - 4px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .Public_Info li.Item{
    width: calc(100%/2 - 4px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Public_Info{
    padding-top:20px;
  }
  .Public_Info li.Item{  width: 100%;}
}
@media (max-width: 767px) {
  .Public_Info{
    padding-top:20px;
  }
  .Public_Info li.Item{
    width: 100%;
  }
  .Public_Info li.Item a{
    width: 100%;
  }
}
/*////////////////////////////////////////////*/
/*/////////////  內頁：參觀資訊  /////////////*/
/*////////////////////////////////////////////*/
.Visit_Info{ padding:30px 55px 0; }
.Visit_Info .Item{
  display:inline-block;
  width:calc(100%/2 - 22px);
  height:670px;
  background:#1d82d0;
  border-radius:5px;
  padding:10px 30px;
  margin:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Visit_Info .Item h2{
  color:#fff;
  font-size: 36px;
  font-weight: bold;
  text-shadow:0 2px 10px #222;
  padding-bottom:10px;
  border-bottom:solid 1px #00b7ee;
  margin-bottom:15px;
}
.Visit_Info .Item ul{
  list-style:none;
  margin:0;
  padding: 0;
}
.Visit_Info .Item ul li{
  color:#fff;
  width: 50%;
  float:left;
  font-size: 16px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/square-white.png) no-repeat 10px 14px;
}
.Visit_Info .Item ul li a{
  display:inline-block;
  color:#fff;
  width: 100%;
  text-decoration:none;
  padding:5px 0 5px 25px;
}
.Visit_Info .Item ul li a:hover,
.Visit_Info .Item ul li a:focus{
  border-radius:3px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/square-white.png) no-repeat 10px 14px #0168b8;
}
/*苗栗園區、六堆園區*/
.Visit_Info .Item.Miaoli{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Visit_Info/Miaoli.png) no-repeat center bottom #1d82d0;
  background-size:contain;
}
.Visit_Info .Item.Liutui{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Visit_Info/Liutui.png) no-repeat center bottom #1d82d0;
  background-size:contain;
}
/*苗栗園區、六堆園區 大塊按鈕*/
.Visit_Info .Item_BTN{
  display:inline-block;
  width:calc(100%/2 - 22px);
  height:400px;
  background:#1d82d0;
  border-radius:5px;
  padding:10px 30px;
  margin:0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration:none;
}
.Visit_Info a:hover.Item_BTN,
.Visit_Info a:focus.Item_BTN{
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
}
.Visit_Info a:hover.Item_BTN span,
.Visit_Info a:focus.Item_BTN span{
  text-shadow:0 2px 3px #222;
}
.Visit_Info .Item_BTN span{
  color:#fff;
  font-size: 36px;
  font-weight: bold;
  text-shadow:0 2px 10px #222;
  padding-bottom:10px;
  border-bottom:solid 1px #00b7ee;
  margin-bottom:15px;
  display:block;
  width: 100%;
}
.Visit_Info .Item_BTN.Miaoli{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Visit_Info/Miaoli.png) no-repeat center bottom #1d82d0;
  background-size:cover;
}
.Visit_Info .Item_BTN.Liutui{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/Visit_Info/Liutui.png) no-repeat center bottom #1d82d0;
  background-size:cover;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  .Visit_Info{ padding:30px 0 0; }
}
@media (max-width: 767px) {
  .Visit_Info .Item{
    width: calc(100%/2 - 2px);
    height:100%;
    padding: 10px 15px 100px;
    margin:0;
  }
  .Visit_Info .Item h2,
  .Visit_Info .Item_BTN span{
    font-size: 28px;
    text-align:center;
  }
  .Visit_Info{ padding:30px 0 0; }
  .Visit_Info .Item ul li{
    color:#fff;
    width: 100%;
    float:none;
    font-size: 16px;
  }
  /*苗栗園區、六堆園區 大塊按鈕*/
  .Visit_Info .Item_BTN{
    height: 180px;
    padding: 10px 15px;
  }
}
/*////////////////////////////////////////////////*/
/*/////////////  內頁：頁數切換按鈕  /////////////*/
/*////////////////////////////////////////////////*/
.Page{
  margin: 17px 0;
  padding: 5px 15px;
/*border-radius: 5px;
background: #efefef;
border-bottom:solid 1px #888;*/
font-size: 16px;
}
/*斷點*/
.Page span.MQ{}
.Page span > span{ color:#35afe2; }
.Page a.BTN{
  padding:5px 8px;
  border:solid 1px transparent;
  margin: 0 15px;
  text-decoration:none;
}
.Page a:hover.BTN,
.Page a:focus.BTN{
  background-color: #ddf3fc;
  border-radius: 5px;
}
.Page a.BTN:first-child{ margin-left:0;}
.Page a.BTN:last-child{ margin-right:0;}
.Page .total{
  display: inline-block;
  vertical-align: middle;
}
.Page .pagination{
  margin:0 15px;
  display: inline-block;
  vertical-align: middle;
}
.Page .pagination > li {
  position: relative;
  float: left;
  color: #3c3c3c;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
.Page .pagination > li > a {
  text-decoration: none;
  padding: 0 4px;
}
.Page .pagination > li > a.NextTenPage{
  width:auto;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #ff9600;
  background: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #ff9600;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  color: #ff9600;
  cursor: default;
  background: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #ff9600;
}
.pagination > li > a,
.pagination > li > span{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 361px) and (max-width: 767px) {
  .Page {
    padding: 5px 0px;
  }
  /*斷點*/
  .Page .MQ{
    display:block;
    width:100%;
    margin-bottom:8px;
  }
}
@media (max-width: 360px) {
  .Page {
    padding: 5px 0px;
  }
  .Page a.BTN{
    padding:5px 0px;
    margin: 0 0;
  }
  /*斷點*/
  .Page .MQ{
    display:block;
    width:100%;
    margin-bottom:8px;
  }
}
/*////////////////////////////////////////////////*/
/*///////////////  內頁：文字列表  ///////////////*/
/*////////////////////////////////////////////////*/
.List_wrap{ padding:0 50px;}
.List{
  font-size: 16px;
}
.List .MetaDate{
  color: #666;
  white-space: nowrap;
}
.List ol{
  padding-left:15px;
  border-top:solid 1px #888;
  /*list-style-position:inside;*/
}
.List ol li{
  border-bottom:dotted 1px #606060;
  padding:12px 8px;
  width: 100%;
  line-height:1.7;
  position: relative;
}
.List ol li:nth-child(even){
  background:#f6fdff;
}
.List ol li:hover,
.List ol li:focus{ background:#f5f5f5;}
.List ol li a{
  text-decoration:none;
  color:#606060;
  display:block;
  width: 100%;
}
.List ol li a:hover,
.List ol li a:focus{ color:#222;}
.List span{  margin-right: 10px;}
/*發表時間*/
.List .MetaTime{ color:#35afe2;}
/*發表單位*/
.List .MetaDep{}
/*刪除按鈕*/
.List .BTN_Delete{
  background: #333;
  color:#fff;
  border:transparent;
  border-radius:5px;
  font-size: 14px;
  padding:3px 5px;
  position: absolute;
  right:5px;
  bottom: calc(100%/2 - 15px);
  opacity:.7;
}
.List .BTN_Delete:hover,
.List .BTN_Delete:focus{
  opacity:1;
}
/*類型標籤*/
.List .Type_Tag{
  padding:3px 5px;
  border:solid 1px #e5e5e5;
  background: #fff;
  border-radius:5px;
}
/*資料標題*/
.List .Data_Title{
  font-size: 20px;
  line-height:2.2;
}
.List .Data_Title span{
  margin:0 20px;
}
/*我的客家收藏*/
.List.Collect ol li a{  width: 90%;}
/*展覽回顧*/
.List.Expo_Review{}
.List.Expo_Review .Data_Title{}
.List.Expo_Review .Data_Title > span:nth-child(2){
  float:right;
}
.List.Expo_Review .Expo_Name{
  color: #35afe2;
  font-weight: 700;
}
.List.Expo_Review .Expo_Date{
  font-size: 14px;
  float:right;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  .List_wrap{ padding:0 0px; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .List_wrap{ padding:0 0px;}
  /*我的客家收藏*/
  .List.Collect ol li a{ width: 82%; }
  /*刪除按鈕*/
  .List .BTN_Delete{
    font-size: 15px;
    padding:5px 5px;
  }
  /*展覽回顧*/
  .List.Expo_Review .Data_Title > span:nth-child(2){
    font-size: 14px;
    float:none;
    display:block;
  }
  .List.Expo_Review .Expo_Date{
    float:none;
    display:block;
  }
}
@media (max-width: 479px) {
  .List_wrap{ padding:0 0px;}
  /*我的客家收藏*/
  .List.Collect ol li { padding: 12px 8px 45px; }
  .List.Collect ol li a{ width: 100%;}
  /*刪除按鈕*/
  .List .BTN_Delete{
    font-size: 15px;
    padding:4px 20px;
    right:calc(100%/2 - 45px);
    bottom:7px;
  }
  /*展覽回顧*/
  .List.Expo_Review .Data_Title > span:nth-child(2){
    font-size: 14px;
    float:none;
    display:block;
  }
  .List.Expo_Review .Expo_Date{
    float:none;
    display:block;
  }
}
.List_Table{}
.List_Table th{
  white-space: nowrap;
  background: #dedede;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  font-weight: normal;
}
.List_Table table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.List_Table td a{
  color:#44beb1;
}
.List_Table td a:hover{
  text-decoration: underline;
}
.List_photo {
}
.List_photo ul li{
  display: inline-block;
  width: 28%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .List_photo ul li{
    width: 80%;
    margin: 0px 10% 10%;
  }
}
.List_photo h3{
  font-size: 1em;
}
.List_photo a {
  display: block;
  position: relative;
}
.List_photo a h3{
  color:#44beb1;
  text-decoration:none !important;
  margin-top: 0px;
}
.List_photo span{
  font-size: .813em;
  color: #666;
  margin-bottom: 0px;
}
.List_pic {
  width: 100%;
  height: 240px;
  vertical-align: top;
  text-align: center !important;
  overflow: hidden;
  position:relative;
  outline: 1px solid #F2F2F2;
  padding: 0px;
  overflow: hidden;
}
.List_pic:after {
  padding-top: 56.25%;
  content:"";
  display: block;
}
.List_photo span{
  display: block;
  clear: both;
}
.List_pic img{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  max-width:100%;
  /* max-height: 240px; */
  max-height: 100%;
  margin:auto;
}
.List_photo a:hover{
  text-decoration:none !important;
}
.List_photo p{
  font-size: .813em;
  line-height: 1.25em;
}
.List_photo a p{
  color: #666;
}
.List_ad{
}
.List_ad ul {
  padding: 0px;
}
.List_ad ul li{
  display: inline-block;
  width: 20%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
  vertical-align: top;
  list-style: none;
}
.List_ad ul li h3{
  font-size: .813em;
  margin: 10px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .List_ad ul li{
    width: 44%;
  }
}
.List_ad ul li img{
  width: 100%;
  height: auto;
  height: 69px;
  outline: 1px solid #CCC;
}
/*////////////////////////////////////////////////*/
/*///////////////  內頁：文字列表  ///////////////*/
/*////////////////////////////////////////////////*/
/*查詢*/
.Search_Bar{
  border-radius:5px;
  padding:15px 110px 15px 145px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:15px 0 0;
  color:#fff;
  text-shadow:0 5px 10px #333;
}
/*歷史查詢*/
.Search_Bar.History{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/visul/history-search.jpg) no-repeat #664121;
  /*background-size:cover;*/
}
/*出版品查詢查詢*/
.Search_Bar.Public{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/visul/public-search.jpg) no-repeat #664121;
  /*background-size:cover;*/
  padding-left:350px;
  padding-right: 30px;
}
.Search_Bar label{
  font-weight: normal;
  font-size: 18px;
}
.Search_Bar h3{ color:#fff; }
.Search_Bar .input-group{
  display:block;/*原設定display: table; 讓input寬度莫名撐開*/
}
.Search_Bar .input-group .form-control{
  border-radius: 4px;
}
.Search_Bar .input-group .form-control{}
/*自訂input樣式*/
.Search_Bar .input-group .input-group-addon{
  position: absolute;
  right:22px;
  z-index:1000;
  padding:10px 0;
  border:transparent;
  background:none;
  text-shadow:none;
}
.Search_Bar .input-group .input-group-addon span{}
/*展覽期間後面的 - */
.Search_Bar .form-group .CatchMe:after{
  content:' - ';
  position: absolute;
  right:0;
  top: 8px;
}
/*BTN-搜尋按鈕*/
.Search_Bar a.BTN_SearchMore{
  display:block;
  width: 100%;
  height: 65px;
  line-height:65px;
  font-size: 18px;
  color:#fff;
  background:#c4742f;
  text-align:center;
  text-decoration:none;
  border-radius:4px;
  text-shadow:none;
}
.Search_Bar a:hover.BTN_SearchMore{
  border:solid 1px #db8134;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.85);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.85);
  box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.85);
}
/*展館按鈕*/
.Search_Bar .Search_Type{
  padding:0 15px;
}
.Search_Bar .Search_Type button{
  font-size: 15px;
  font-weight: bold;
  margin-bottom:8px;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  .Search_Bar{
    padding:15px 90px ;
  }
  /*出版品查詢查詢*/
  .Search_Bar.Public{
    padding-left: 90px;
    padding-right: 90px;
  }
  /*歷史查詢*//*出版品查詢查詢*/
  .Search_Bar.History,
  .Search_Bar.Public{
    background:#664121;
  }
  /*展覽期間後面的 - */
  .Search_Bar .form-group .CatchMe{
    margin-bottom:5px;
  }
  .Search_Bar .form-group .CatchMe:after{
    content:' 至 ';
    position:relative;
    display:block;
    width:100%;
    text-align: center;
    left:0;
    top: 3px;
  }
  .Search_Bar .input-group{
    display:table;
    /*回歸原設定display: table; 讓icon能分開*/
  }
  /*BTN-搜尋歷史展覽*/
  .Search_Bar .BTN{ padding:0 30px;}
  .Search_Bar a.BTN_SearchMore{}
}
@media (min-width: 480px) and (max-width: 767px) {
  .Search_Bar{
    padding:15px 50px ;
  }
  /*出版品查詢查詢*/
  .Search_Bar.Public{
    padding-left: 50px;
    padding-right: 50px;
  }
  /*歷史查詢*//*出版品查詢查詢*/
  .Search_Bar.History,
  .Search_Bar.Public{
    background:#664121;
  }
  /*展覽期間後面的 - */
  .Search_Bar .form-group .CatchMe{
    margin-bottom:5px;
  }
  .Search_Bar .form-group .CatchMe:after{
    content:' 至 ';
    position:relative;
    display:block;
    width:100%;
    text-align: center;
    left:0;
    top: 3px;
  }
  .Search_Bar .input-group{
    display:table;
    /*回歸原設定display: table; 讓icon能分開*/
  }
  /*BTN-搜尋歷史展覽*/
  .Search_Bar .BTN{ padding:0 30px;}
  .Search_Bar a.BTN_SearchMore{}
}
@media (max-width: 479px) {
  .Search_Bar{
    padding:15px 20px ;
  }
  /*出版品查詢查詢*/
  .Search_Bar.Public{
    padding-left: 20px;
    padding-right: 20px;
  }
  /*歷史查詢*//*出版品查詢查詢*/
  .Search_Bar.History,
  .Search_Bar.Public{
    background:#664121;
  }
  /*展覽期間後面的 - */
  .Search_Bar .form-group .CatchMe{
    margin-bottom:5px;
  }
  .Search_Bar .form-group .CatchMe:after{
    content:' 至 ';
    position:relative;
    display:block;
    width:100%;
    text-align: center;
    left:0;
    top: 3px;
  }
  .Search_Bar .input-group{
    display:table;
    /*回歸原設定display: table; 讓icon能分開*/
  }
  /*BTN-搜尋歷史展覽*/
  .Search_Bar .BTN{ padding:0 30px;}
  .Search_Bar a.BTN_SearchMore{}
}
/*////////////////////////////////////////////////*/
/*///////////////  內頁：意見信箱  ///////////////*/
/*////////////////////////////////////////////////*/
.QP_wrap{
  padding:0 50px;
  margin:15px 0;
  font-size: 16px;
  line-height:1.4;
}
.QP{
  margin:30px 70px 0;
}
.QP input{}
.QP button{}
.QP .form-control{
  background:#ededed;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  .QP_wrap{ padding:0 0;}
  .QP{ margin:30px 0 0;}
  .QP input{ margin-bottom:8px;}
}
@media (min-width: 480px) and (max-width: 767px) {
  .QP_wrap{ padding:0 15px;}
  .QP input{ margin-bottom:8px;}
  .QP button{  padding:6px 8px;}
}
@media (max-width: 479px) {
  .QP_wrap{ padding:0 15px;}
  .QP{ margin:30px 0 0;}
  .QP input{ margin-bottom:8px;}
  .QP button{  padding:6px 8px;}
}
/*///////////////////////////////////////////////*/
/*///////////  內頁：內容頁-開放時間  ///////////*/
/*///////////////////////////////////////////////*/
.CP{
  font-size: 16px;
}
.counter{
  display: block;
  padding: 5px 15px;
  text-align: right;
  margin-top: 15px;
}
.counter span{
  color: #358c8e;
}
.CP .pic{
  padding: 6px;
  border: 1px solid #ddd;
}
.CP .pic img{
  width:100%;
  margin:0 auto;
}
.CP .pic figcaption{
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}
.icon-print::before{
  text-indent: -9999px;
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_print.png') no-repeat left 2px;
  width: 16px;
  height: 16px;
}
.icon-mail-alt::before{
  text-indent: -9999px;
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon-mail.png') no-repeat left 2px;
  width: 16px;
  height: 16px;
}
.icon-reply-1::before{
  display: none;
}
@media (max-width: 767px) {
  .icon-print{
    display: none;
  }
}
.CP ol li,
.CP dt,
.CP dd{ line-height:180%; }
.CP dt{ float:left; }
/*圖文*/
.CP .Main_Info{
  margin-top:30px;
  margin-bottom: 30px;
}
.CP .Main_Info .Foto{}
.CP .Main_Info .Foto img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}
.CP .Main_Info .Text{
  line-height:1.6;
}
/*.Open_Time 園區開放時間*/
.CP .Main_Info .Open_Time .Foto{
  width:415px;
  height:280px;
}
.CP .Main_Info .Open_Time .Text{
  line-height:1.6;
  width:calc(100% - 415px);
}
/*開放時間列表 Table*/
.CP .RWD_Table{}
.CP .RWD_Table table td,
.CP .RWD_Table table th{
  border-top-style: dotted;
  border-color: #ccc;
}
.CP .RWD_Table table tr:last-child{
  border-bottom:dotted 1px #ccc;
}
.CP .RWD_Table table th{ background:#ececec; }
/*連結、下載列表*/
.CP .Link_Box{}
.CP .Link_Box section{
  margin-bottom:30px;
}
.CP .Link_Box .Download{}
.CP .Link_Box .Links{}
.CP .Link_Box .Download h3,
.CP .Link_Box .Links h3{
  font-size: 26px;
  font-weight: bold;
  color:#434343;
  padding-left:35px;
  border-bottom:solid 1px #35afe2;
  padding-bottom:15px;
}
.CP .Link_Box .Download h3{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/icons/download.png) no-repeat;
}
.CP .Link_Box .Links h3{
  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/icons/h3_link02.png) no-repeat;
}
.CP .Link_Box ol{
  list-style-position:inside;
  padding:0 30px;
}
.CP .Link_Box ol li{
  border-bottom: dotted 1px #888;
  padding:8px 0;
}
.CP .Link_Box .Download ol li a{
  display:inline-block;
  padding-right:35px;
}
.CP .Link_Box .Download span{
  font-size: 14px;
  padding-left:15px;
}
.CP .Link_Box .Download .PDF{ background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/icons/icon_pdf.jpg) right 50% no-repeat; }
.CP .Link_Box .Download .DOC{ background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/icons/icon_doc.jpg) right 50% no-repeat;}
.CP .Link_Box .Download .XLS{ background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/basic/icons/icon_xls.jpg) right 50% no-repeat;}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 600px) and (max-width: 767px) {
  .CP{}
  /*園區資訊*/
  .CP .Main_Info{ margin-top: 0; }
  .CP .Main_Info .Foto{
    width:300px;
    height:200px;
  }
  .CP .Main_Info .Text{
    /*width:calc(100% - 300px);*/
  }
  /*.Open_Time 園區開放時間*/
  .CP .Main_Info .Open_Time .Foto{
    width:300px;
    height:200px;
  }
  .CP .Main_Info .Open_Time .Text{
    width:calc(100% - 300px);
  }
  /*開放時間列表 Table*/
.CP .RWD_Table table th{ /*border-top:0;*/ }
.CP .RWD_Table table tr:last-child{ border-bottom:0;}
}
@media (max-width: 599px) {
  .CP{}
  /*園區資訊*/
  .CP .Main_Info{ margin-top: 0; }
  .CP .Main_Info .Foto{
    width:100%;
    height:100%;
    margin-bottom: 20px;
  }
  .CP .Main_Info .Text{
    width:calc(100%);
  }
  /*.Open_Time 園區開放時間*/
  .CP .Main_Info .Open_Time .Foto{
    width:100%;
    height:100%;
    margin-bottom: 20px;
  }
  .CP .Main_Info .Open_Time .Text{
    width:calc(100%);
  }
  /*開放時間列表 Table*/
.CP .RWD_Table table th{ /*border-top:0;*/ }
.CP .RWD_Table table tr:last-child{ border-bottom:0;}
}
/*////////////////////////////////////////////*/
/*//////////////  內頁：出版品  //////////////*/
/*////////////////////////////////////////////*/
.Books{}
.Books .Book_Cover{
  height:100%;
}
.Books .Book_Cover a{
  display:block;
  padding-bottom:8px;
  padding-top:8px;
}
.Books .Book_Cover img{
  width: 100%;
  margin:0 auto;
  border:solid 1px #e5e5e5;
}
.Books .Book_Info{}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
  .Books .Book_Cover{
    background:#F6F6F6;
    height:100%;
  }
  .Books .Book_Cover img{
    width: auto;
    max-height: 250px;
    border:solid 1px transparent;
  }
}
@media (max-width: 767px) {
  .Books .Book_Cover{
    background:#F6F6F6;
    height:100%;
    margin-bottom:20px;
  }
  .Books .Book_Cover img{
    width: auto;
    max-height: 250px;
    border:solid 1px transparent;
  }
}
/*////////////////////////////////////////////*/
/*//////////////  內頁：常設展  //////////////*/
/*////////////////////////////////////////////*/
.Expo{
  border-bottom:dotted 1px #888;
  margin-bottom:15px;
}
.Expo h3{ margin-top: 0;}
.Expo a{
  text-decoration:none;
  opacity:.8;
}
.Expo .Foto{
  width: 290px;
  height: 195px;
  opacity:.8;
}
.Expo a:hover,
.Expo a:focus,
.Expo .Foto:hover,
.Expo .Foto:focus{
  transition:opacity .20s ease;
  opacity:1;
}
.Expo .Text{}
.Expo .Meta{margin-bottom:10px;}
.Expo .Meta div{
  line-height:normal;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}
/*////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////  不知道 是否需要的東西  //////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
.sitemap dl {
/*float: left;
margin-right: 10px;
min-width: 160px;
min-height: 200px;*/
}
.sitemap dl dd {
/*font-size: 14px;
font-weight: bold;
background: #ccc;
padding: 5px;*/
}
.sitemap dl dt ul {
/*margin: 14px;
padding: 0;*/
}
.sitemap dl dt ul li { /* font-weight: normal;*/ }
.page-header {  /*margin: 20px 0px 20px;*/ }
.bs-docs-container { /* margin-top: 60px;*/ }
.BtnLeftSlide {
/*width: 30px !important;
white-space: inherit;
display: inline;
font-size: 0.85em;
margin: 0px 0px 0px 0px;
border-radius: 0px 5px 5px 0px;*/
}
.navbar-toggle {
/*position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;*/
}
.bs-docs-sidebar .nav > li > a {
/*display: block;
padding: 4px 15px;
font-size: 12px;
font-weight: 500;
color: #999999;*/
}
/*.meta {  margin-right: 10px; }
.meta .meta-time {  margin-right: 10px; }
.meta .meta-dep {  margin-right: 10px; }*/
/**/
.scrollup {
/*  z-index:9999;
position:fixed;
bottom: 20px;
right: 20px;
background-color: #000;
color: #fff;
font-size: 11px;
font-family: sans-serif;
text-decoration: none;
opacity: .9;
padding: 15px 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display:none;*/
}
.scrollup:hover,.scrollup:focus,.scrollup:visited {
/*  background-color: #000;
color:#FFF;
opacity:1;*/
}
/* youtube */
.youtbe{
}
.youtube ul{
  padding:0;
  margin: 0;
}
.youtube ul li{
  width:29.5%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  height:320px;
  margin-bottom: 15px;
  list-style:none;
  display:inline-block;
}
@media (max-width: 768px) {
  .youtube ul li{
    width:46%;
  }
}
@media (max-width: 480px) {
  .youtube ul li{
    width:80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.youtube ul li img{
  width:100%;
}
.youtube ul li a{
  text-decoration: none;
  color:#333;
}
.youtube ul li .date{
  display:block;
  color:#777;
  font-size:15px;
  line-height:1.8em;
}
.youtube ul li a h3{
  font-size:1.2em;
  line-height:1.4em;
  margin-top: 5px;
  color:#333;
}
.youtube ul li a:hover h3{
  color:#35afe2;
}
.youtube ul li .pic{
  background:#ccc;
  position:relative;
  overflow:hidden;
}
.youtube ul li .pic:after {
  padding-top: 56.25%;
  content:"";
  display: block;
}
.youtube ul li .pic img{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  max-width:100%;
  margin:auto;
}
.videowrapper{
  text-align: center;
}
.videowrapper h3{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}
.videowrapper .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  width:80%;
  margin: 0px auto 15px;
}
.videowrapper .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 歡迎頁 */
a:hover,a:focus{
  cursor: pointer !important;
}
.welcome{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/welcome_bg.jpg') center top no-repeat #e6e0e2;
  width: 100%;
  min-height: 75vh;
  padding-top: 2%;
}
.welcome::before{
  content: "";
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,ffffff+57,ffffff+100&0.38+0,0.2+57,0+100 */
  background: -moz-linear-gradient(top,  rgba(43,43,43,0.38) 0%, rgba(255,255,255,0.2) 57%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(43,43,43,0.38) 0%,rgba(255,255,255,0.2) 57%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(43,43,43,0.38) 0%,rgba(255,255,255,0.2) 57%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#612b2b2b', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:80vh;
}
.welcome div{
  text-align: center;
}
.w_footer{
  background: #FFF;
  min-height: 80px;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
  clear: both;
  color: #5E5E5E;
}
.w_footer .Footer_link a{
  font-size: .813em;
  display: inline-block;
  padding: 0px 10px 0px 0px;
  color: #5E5E5E;
}
.w_footer .Footer_link a:hover{
  color: #fe664f;
}
.w_footer .Copyright {
  font-size: .813em;
  color: #5E5E5E;
}
.welcome .w_block{
  position: relative;
  overflow: hidden;
  min-height: 300px;
  text-align: center;
}
.welcome .w_block .w_logo{
  width: 20%;
  height: auto;
  max-width: 300px;
  max-height: 300px;
  position: relative;
}
.welcome .w_block .w_logo img{
  width: auto;
  height: auto;
  max-height: 300px;
}
@media (max-width: 767px) {
  .welcome .w_block .w_logo{
    position: relative;
    left: auto;
    margin: 0px auto 20px;
    width: 100%;
    display: block;
    text-align: center;
  }
}
.welcome_banner{
  clear: both;
  background: #FFF;
  width: 100%;
  min-height: 120px;
  padding: 1  0px 0;
  position: relative;
}
.welcome_banner a.w_help{
  width: 300px;
  height: 100px;
  position: absolute;
  top: 10px;
  left:50%;
  margin-left:-400px;
  text-align: left;
  display: block;
  font-size: 1em;
  font-weight: 800;
  color: #585859;
  padding-top: 35px;
  padding-left: 100px;
}
.welcome_banner a.w_phone{
  width: 300px;
  height: 100px;
  position: absolute;
  top: 10px;
  left:50%;
  margin-left:180px;
  text-align: left;
  display: block;
  font-size: 1em;
  font-weight: 800;
  color: #585859;
  padding-top: 20px;
  padding-left: 100px;
}
.welcome_banner a.w_teenager{
  width: 300px;
  height: 100px;
  position: absolute;
  top: 10px;
  left:50%;
  margin-left:-150px;
  text-align: left;
  display: block;
  font-size: 1em;
  font-weight: 800;
  color: #585859;
}
.welcome_banner a.w_teenager img{
  border: 1px solid #DEDEDE;
  border-radius: 5px;
}
.welcome_banner a.w_help img,.welcome_banner a.w_phone img{
  position: absolute;
  top: 0px;
  left: 0px;
}
@media (max-width: 767px) {
  .welcome_banner{
    padding-top: 15px;
  }
  .welcome_banner a.w_help{
    width: 300px;
    height: 100px;
    position: relative;
    top: 0px;
    left:50%;
    margin-left:-150px;
    text-align: left;
    display: block;
    font-size: 1em;
    font-weight: 800;
    color: #585859;
    margin-bottom:15px;
  }
  .welcome_banner a.w_phone{
    width: 300px;
    height: 100px;
    position: relative;
    top: 0px;
    left:50%;
    margin-left:-150px;
    text-align: left;
    display: block;
    font-size: 1em;
    font-weight: 800;
    color: #585859;
    margin-bottom:15px;
  }
  .welcome_banner a.w_teenager{
    width: 300px;
    height: 100px;
    position: relative;
    top: 0px;
    left:50%;
    margin-left:-150px;
    text-align: left;
    display: block;
    font-size: 1em;
    font-weight: 800;
    color: #585859;
    margin-bottom:15px;
  }
}
/* w_menu */
.welcome .w-menu{
  clear: both;
  margin-top: 2%;
  overflow: hidden;
}
.welcome .single-w_menu{
  width: 210px;
  height: 210px;
  background: #FFF;
  border-radius: 50%;
  margin: 10px 30px;
  cursor: pointer;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  border: 8px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px RGBA(0,0,0,.7);
  -moz-box-shadow: 0px 0px 10px RGBA(0,0,0,.7);
  -ms-box-shadow: 0px 0px 10px RGBA(0,0,0,.7);
  box-shadow: 0px 0px 10px RGBA(0,0,0,.7);
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
@media (max-width: 991px) {
  .welcome .single-w_menu{
    display: block;
    margin: 1% auto 7%;
  }
}
.welcome .single-w_menu:hover{
  cursor: pointer;
}
.welcome .single-w_menu a{
  display: block;
  position: relative;
  cursor: pointer !important;
}
.welcome .single-w_menu a h3{
  width: 140px;
  height: 40px;
  line-height: 40px;
  /*   background:#d87eae; */
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 105px;
  left: 50%;
  margin-left:-70px;
  font-size: 1.25em;
  border-radius: 5px;
  transition: .3s ease-out;
}
.welcome .single-w_menu a h3 img{
  width: 140px;
  height: 40px;
  border-radius: 5px;
}
.welcome .single-w_menu a:hover h3{
  top: 65px;
}
.welcome .single-w_menu a:focus h3{
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
}
.welcome .single-w_menu a:hover{
  cursor: pointer;
}
.welcome .single-w_menu img{
  width: 200px;
  height: 200px;
  opacity: 1;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  transition:.3s ease-out;
}
.welcome .single-w_menu a:hover img{
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  opacity: .7;
}
.welcome .single-w_menu h3 img{
  width: 200px;
  height: 200px;
  opacity: 1;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  transition:.3s ease-out;
}
.welcome .single-w_menu a:hover h3 img{
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
}
/* common */
article{
  margin: 15px auto;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 30px;
}
.np h2,.lp h2,.cp h2,.qp h2,.fp h2,.sitemap h2,.sp h2{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/h2_bg.png') no-repeat left top;
  border-bottom: 1px solid #DDD;
  padding-left: 45px;
  padding-bottom:5px;
  padding-top: 10px;
  font-weight: 800;
  margin-bottom: 15px;
  clear: both;
}
/*function*/
.function .btn {
  box-shadow: none;
  margin: 0px 2px 5px;
  padding: 0px 4px 0px 4px;
  background: #666;
  height: 32px;
  line-height: 32px;
  color: #FFF !important;
  font-size: 12px !important;
}
@media (max-width: 767px) {
  .function{
    margin-bottom: 10px;
  }
}
.function .btn::before{
  font-size: 16px;
  margin-left:6px;
  margin-right: 6px;
}
.function .icon-reply-1 {
  width: 90px !important;
}
.function .icon-twitter {
  background: #0e9ff5;
}
.function .icon-facebook{
  background: #3a579a;
}
.function .icon-twitter::before{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_twitter.png') no-repeat left 2px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
.function .icon-facebook::before{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_fb.png') no-repeat left 2px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
.function .icon-facebook:hover,
.function .icon-facebook:focus {
  background: #fe664f !important;
}
.function .icon-twitter:hover,
.function .icon-twitter:focus {
  background: #fe664f!important;
}
.function .icon-linkedin:hover,
.function .icon-linkedin:focus {
  background: #fe664f!important;
}
.function .btn:hover,
.function .btn:focus {
  background: #fe664f;
}
/* np */
.full_cpimg{
  background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/cpimg.jpg') no-repeat center top #ffa14f;
  height: 100px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .full_cpimg{
    background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/cpimg767.jpg') no-repeat center top #ffa14f;
    height: 100px;
    margin-bottom: 5px;
  }
}
.np_list {
  width:90% ;
  margin: 15px auto 10px;
  text-align: left;
  clear: both;
}
.np_list ul {
  margin-left: 2em;
}
.np_list li {
  margin: 0 0 4px;
  line-height: 1.5em;
  margin-bottom: 5px;
  font-size: 1.1em;
  list-style: none;
}
.np_list li a {
  margin: 10px 0px;
  font-size: 16px;
  color: #333;
  padding: 3px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/sitempa_arrow.png") no-repeat left 12px;
  padding-left: 16px;
  border-bottom: 1px dotted #ccc;
}
.np_list li li a {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  display: block;
  color: #333;
  border-bottom: 1px dotted #ccc;
  background-color: transparent;
  font-weight: normal;
  color: #666 !important;
  font-weight: normal;
}
.np_list li li a:hover,
.np_list li li a:focus {
  color: #fe664f !important;
  text-decoration: none;
}
.np_list li a:hover {
  color: #fe664f;
}
/* cp */
.cp .date,.sp .date,.fp .date,.qp .date,.sitemap .date{
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  margin-bottom: 5px;
  background: #08bba2;
  border-radius: 5px;
  padding: 1px 10px;
  margin-right: 10px;
  color: #FFF;
}
.cp img{
  max-width: 98%;
  margin: 15px auto;
}
.cp ul,.cp ol{
  padding-left: 5%;
}
.cp .user_edit{
  width: 96%;
  margin: 10px auto 30px;
  color: #444;
}
.cp .user_edit p,.cp p{
  line-height: 1.85em;
}
.cp .user_edit a{
  color: #fe664f;
}
.cp .user_edit .pic{
  width: 40%;
  margin: 0px 15px 15px 0px;
  padding: 10px;
  float: left;
  background: #F1F1F1;
}
@media (max-width: 767px) {
  .cp .user_edit .pic{
    float: none;
    margin: 0px;
    padding: 0px;
    background: none;
    width: 100%;
  }
}
.cp .user_edit .pic img{
  width: 100%;
  margin: 0;
  max-width: 100%;
  border: 2px solid #FFF;
}
.cp .user_edit .pic span{
  display: block;
  margin: 5px 10px;
  font-size: 13px;
  text-align: center;
  color: #666;
}
.cp .user_edit .pic:hover a span{
  text-decoration: none;
}
/*pictures*/
.pictures {
  background: #fff; padding: 30px 0px 50px;clear: both;
}
.cp .pictures h3 {  color: #333;
  font-size: 1.25em;
  font-weight: normal;
  padding: 8px 0px 5px 45px;
  margin: 0.5em 0px 0.2em;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/picture_bg.png) no-repeat 0 center;
  line-height: 150%;
  border-bottom: 1px dotted #ccc;  }
  .pictures .slick-slide { background: transparent; }
  .pictures .slick-list { margin-right: 30px; margin-left: 30px; }
  .pictures .slick-list img { clear: both; background: #FFF;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.18);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.18);
    box-shadow: 0 0 6px rgba(0,0,0,.18); border: solid 8px #fff;
    width: 94%;
    padding: 0.5%;
    margin: 4% auto; }
    .pictures .infotxt { margin: 0px 10px 0px 20px; padding: 0px; display: inline-block; }
    /* Arrows */
    .pictures .slick-prev, .pictures .slick-next { top: 50%; width: 20px; height: 20px; margin-top: -30px; }
    .pictures .slick-prev { left: 0px; }
    .pictures .slick-next { right: 0px; }
    .pictures .slick-dots li { width: 10px; height: 10px; margin: 0 5px; }
    .pictures a{
      color: #555;
    }
    .pictures a:hover{
      color: #fe664f;
    }
    /*link_list 相關連結*/
    .link_list,
    .download_list {
      font-size: 16px;
      padding: 10px 0px;
      clear: both;
    }
    .link_list h3 {
      color: #333;
      font-size: 1.25em;
      font-weight: normal;
      padding: 8px 0px 5px 45px;
      margin: 0.5em 0px 0.2em;
      background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/h3_relativelink.png) no-repeat 0 center;
      line-height: 150%;
      border-bottom: 1px dotted #ccc;
    }
    .download_list h3 {
      color: #333;
      font-size: 1.25em;
      font-weight: normal;
      padding: 8px 0px 5px 45px;
      margin: 0.5em 0px 0.2em;
      background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/h3_download.png) no-repeat 0 center;
      line-height: 150%;
      border-bottom: 1px dotted #ccc;
    }
    .link_list h3 span,
    .download_list h3 span {
      margin-right: 10px;
      color: #921b88;
    }
    .link_list li,
    .download_list li {
      list-style: decimal;
      /* list-style-position: inside; */
    }
    .link_list li a,
    .download_list li a {
      border-bottom: 1px dotted #CCC;
      padding: 5px 0px;
      width: 100%;
      display: block;
      color: #666 !important;
      font-size: .938em;
    }
    .link_list li a:hover,
    .download_list li a:hover,
    .link_list li a:focus,
    .download_list li a:focus {
      color: #fe664f !important;
    }
    .link_list li img,
    .download_list li img {
      display: inline;
      margin: 0px 15px 0px 15px;
    }
    /* lp */
    /*tag*/
    .tag {
      clear: both;
      margin: 1% 0px;
    }
    .tag a {
      padding: 5px 10px;
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px;
      font-size:.938em;
      color: #FFF !important;
      background: #08bba2;
      font-weight: normal;
    }
    .tag a:hover,
    .tag a:focus {
      background: #017874 !important;
    }
    /*page*/
    .page {
      margin: 10px auto 5px;
      padding: 0px;
      font-size: .938em;
    }
    .page .total {
      border-radius: 10px;
      /* background: #F5F5F5; */
      padding: 5px;
    }
    .page .total select.form-control {
      background: #FFF !important;
      margin: 0px 10px;
    }
    @media (max-width: 767px) {
      .page .total select.form-control {
        margin: 0px 0px;
      }
    }
    .page .pagination {
      margin: 10px 0;
    }
    @media (max-width: 767px) {
      .page .pagination {
        text-align: center !important;
      }
    }
    .page .pagination li a {
      border-radius: 5px;
      margin: 0px 5px 10px 5px;
      font-weight: 800;
      font-size: 15px;
      background: #eee;
      color: #666 !important;
      border: #ccc solid 1px;
      box-shadow: 0px 0px 5x #ccc inset;
    }
    .page .pagination li a:hover {
      background: #fe664f;
      color: #fff!important;
      box-shadow: none;
      border: #fe664f solid 1px;
    }
    /*list*/
    .list ul,
    .list ol {
      padding: 0px 2%;
      margin: 10px 0px;
      font-size: 1em;
      border-top: 2px solid #666;
    }
    .list ul li,
    .list ol li {
      padding: 10px 5px 10px 0px;
      position: relative;
      clear: both;
      border-bottom: 1px dotted #CCC;
      list-style: decimal;
      margin-left: 20px;
    }
    .list ul li a,
    .list ol li a{
      color: #333;
    }
    .list ul li:hover,.list ul li:hover h3 a,.list ul li:hover p,
    .list ol li:hover,.list ol li:hover h3 a,.list ol li:hover p {
      color: #44beb1;
      text-decoration: none;
      cursor: pointer;
    }
    .list ul li h3,
    .list ol li h3 {
      margin: 2px 0px;
      font-size: 20px;
      line-height: 1.45em;
      display: block;
    }
    .list ul li h3 a:hover,
    .list ol li h3 a:hover{
      color: rgb(8, 187, 162);
    }
    .list ol li {
      font-weight: bold;
    }
    .list ul li .meta-time,
    .list ol li .meta-time {
      border-radius: 5px;
      font-size: 13px;
      padding: 0px !important;
      font-weight: normal;
      margin-left: 5px;
      display: inline-block;
      color: #8d8d8d;
      margin-left:15px;
    }
    .list ul li .meta-time i,
    .list ol li .meta-time i{
      font-size: 12px;
      margin-right: 5px;
      margin-top: 2px;
      line-height: 13px;
    }
    .list ul li p,
    .list ol li p {
      /* margin-left: 20px !important;*/
      margin-left: 5px;
      color: #666;
      font-size: .938em;
      line-height: 1.45em;
      width: 80%;
    }
    @media (max-width: 767px) {
      .list ul li .pic,
      .list ol li .pic {
        float: right;
        margin: 10px 5px 10px 10px;
        width: 200px;
      }
      .list ul li .pic img,
      .list ol li .pic img{
        width:200px;
      }
      .list ul li p,
      .list ol li p {
        /* margin-left: 20px !important;*/
        width: 100%;
        font-size: .938em;
      }
    }
    /* professional */
    .professional_banner,
    .teaching_banner{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/p_banner.jpg') no-repeat center bottom;
      background-size: cover;
      width: 100%;
      position: relative;
      height: 420px;
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .professional_banner .web20,.teaching_banner .web20{
      position: absolute;
      left: -1px;
      top: 15%;
      z-index: 9999;
    }
    .professional_banner .web20 img,.teaching_banner .web20 img{
      box-shadow: 0px 2px 10px #000;
    }
    .teaching_banner{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/t_banner.jpg') no-repeat center bottom;
      background-size: cover;
    }
    .professional_banner::before{
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      z-index: 9;
      background: rgba(254, 102, 79, .1);
    }
    .teaching_banner::before{
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      z-index: 9;
      background: rgba(92, 203, 189, .2);
    }
    .professional_banner a.btn_research,
    .teaching_banner a.btn_research{
      display: block;
      width: 100px;
      height: 100px;
      padding: 15px;
      position: absolute;
      text-align: center;
      border: 1px solid;
      color: #FFF;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, .6);
      left: 50%;
      margin-left:-110px;
      top: 170px;
      font-size: 20px;
      background: rgba(255, 255 ,255, .7);
      cursor: pointer;
      z-index: 999;
    }
    .professional_banner a.btn_research:hover,
    .professional_banner a.btn_teaching:hover,
    .teaching_banner a.btn_research:hover,
    .teaching_banner a.btn_teaching:hover{
      background: rgba(13,205,180,.5);
    }
    .professional_banner a.btn_teaching,
    .teaching_banner a.btn_teaching{
      display: block;
      width: 100px;
      height: 100px;
      padding: 15px;
      position: absolute;
      text-align: center;
      border: 1px solid;
      color: #FFF;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, .6);
      left: 50%;
      margin-left:10px;
      top: 170px;
      font-size: 20px;
      background: rgba(255, 255 ,255, .5);
      cursor: pointer;
      z-index: 999;
    }
    .professional_banner a.btn_research em,.professional_banner a.btn_teaching em,
    .teaching_banner a.btn_research em,.teaching_banner a.btn_teaching em
    {
      font-size: 14px;
      font-style: normal;
      display: block;
      margin-top: 10px;
    }
    .professional_banner a.btn_research::before,
    .professional_banner a.btn_teaching::before,
    .teaching_banner a.btn_research::before,
    .teaching_banner a.btn_teaching::before
    {
      content: "";
      background: rgba(255, 255, 255, .7);
      width: 80%;
      top: 47%;
      height: 1px;
      left: 50%;
      position: absolute;
      margin-left:-40%;
    }
    @media (max-width: 767px) {
      .professional_banner a.btn_research{
        top: 220px;
      }
      .teaching_banner a.btn_research{
        top: 220px;
      }
      .professional_banner a.btn_teaching{
        top: 220px;
      }
      .teaching_banner a.btn_teaching{
        top: 220px;
      }
    }
    .professional_banner a.btn_teaching:hover,
    .professional_banner a.btn_research:hover,
    .teaching_banner a.btn_teaching:hover,
    .teaching_banner a.btn_research:hover,
    {
      background: rgba(60, 181, 160, .8);
    }
    .professional_banner span,.teaching_banner span{
      position: absolute;
      color: #FFF;
      text-align: center;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
      width: 80%;
      left: 50%;
      font-size: 20px;
      margin-left:-40%;
      bottom: 15%;
      z-index: 9999;
    }
    @media (max-width: 767px) {
      .professional_banner span{
        bottom: 8%;
      }
      .teaching_banner span{
        bottom: 8%;
      }
    }
    .professional_news{
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#027a77+0,05ba9f+50,027a77+100 */
      background: rgb(2,122,119); /* Old browsers */
      background: -moz-linear-gradient(left,  rgba(2,122,119,1) 0%, rgba(5,186,159,1) 50%, rgba(2,122,119,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left,  rgba(2,122,119,1) 0%,rgba(5,186,159,1) 50%,rgba(2,122,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right,  rgba(2,122,119,1) 0%,rgba(5,186,159,1) 50%,rgba(2,122,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027a77', endColorstr='#027a77',GradientType=1 ); /* IE6-9 */
      min-height: 370px;
      padding-top: 40px;
      padding-bottom: 20px;
      text-align: center;
      overflow: hidden;
    }
    .professional_news .single_news{
      min-height: 300px;
      position: relative;
      margin-bottom: 15px;
    }
    @media (max-width: 767px) {
      .professional_news .single_news{
        min-height: auto;
      }
    }
    .professional_news h3{
      color: #FFF;
      border-bottom: 1px solid #FFF;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .professional_news a{
      color: #FFF;
    }
    .professional_news ul{
      padding-left: 0px;
      list-style: none;
      text-align: left;
    }
    .professional_news .single_news .more{
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 5px 15px;
      clear: both;
      margin: 15px auto;
    }
    @media (max-width: 767px) {
      .professional_news .single_news .more{
        position: relative;
        left: auto;
        margin-left: auto;
      }
    }
    .professional_news .single_news .more:hover{
      background: rgba(255, 255, 255, .5);
    }
    .professional_news ul li span{
      float: right;
      font-size: 13px;
      color:#80c6c2;
      margin-left: 10px;
      padding-top: 5px;
    }
    .professional_news ul li {
      width: 100%;
      clear: both;
    }
    .professional_news ul li a{
      border-bottom: 1px dotted #80c6c2;
      display: block;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .professional_link{
      background: #f5893f;
      min-height: 230px;
      padding-top: 40px;
      padding-bottom: 20px;
    }
    .professional_link .single_link a{
      display: block;
      color: #FFF;
      padding: 15px;
      border-radius: 10px;
      transition: .3s ease-out;
      margin-bottom: 15px;
    }
    .professional_link .single_link a:hover{
      background: rgba(0, 0, 0, .4);
      text-decoration: none;
    }
    .professional_link .single_link a h3{
      color: #FFF;
      margin-top: 0px;
    }
    .professional_link .single_link a img{
      float: left;
      margin-right: 15px;
      margin-bottom: 20px;
    }
    .professional_video{
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#565a5b+0,8c9195+99 */
      background: rgb(86,90,91); /* Old browsers */
      background: -moz-linear-gradient(-45deg,  rgba(86,90,91,1) 0%, rgba(140,145,149,1) 99%); /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg,  rgba(86,90,91,1) 0%,rgba(140,145,149,1) 99%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg,  rgba(86,90,91,1) 0%,rgba(140,145,149,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565a5b', endColorstr='#8c9195',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
      min-height: 250px;
      padding-top: 30px;
      padding-bottom: 60px;
    }
    .professional_video img{
      width: 100%;
      height: 220px;
    }
    .professional_video h3{
      color: #FFF;
    }
    .professional_video .single_video{
      margin-bottom: 15px;
    }
    .professional_video .single_video .more{
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 5px 15px;
      clear: both;
      margin: 15px auto;
      position: absolute;
      bottom: -55px;
      left: 50%;
      margin-left:-30px;
      color: #FFF;
    }
    @media (max-width: 767px) {
      .professional_video .single_video .more{
        position: relative;
        left: auto;
        margin-left: auto;
        margin-right: auto;
        bottom: 0px;
        width: 20%;
        display: block;
      }
    }
    .professional_video .single_video .more:hover{
      background: rgba(255, 255, 255, .5);
    }
    .professional_chart_1{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/chart_1_bg.jpg') no-repeat left top #fff;
      min-height: auto;
      position: relative;
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .professional_chart_1::before{
      position: absolute;
      content: "";
      width: 100%;
      height: 30%;
      bottom: 0px;
      left: 0px;
      z-index: 9;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,a8a8a8+100&0+0,0.65+100 */
      background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(168,168,168,0.65) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(168,168,168,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(168,168,168,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6a8a8a8',GradientType=0 ); /* IE6-9 */
    }
    .professional_chart_1 h3{
      display: block;
      width: 100%;
      min-height: 120px;
      padding: 15px;
      color: #FFF;
      text-align: center;
      background: rgba(42, 178, 168, .8);
      margin: 0px;
    }
    .professional_chart_1 iframe{
      margin:0px;
      padding:0px;
    }
    .professional_chart_2{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/chart_2_bg.jpg') no-repeat left top #fff;
      background-size: cover;
      min-height:auto;
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .professional_chart_2 h3{
      display: block;
      width: 100%;
      min-height: 120px;
      padding: 15px;
      color: #FFF;
      text-align: center;
      background: #18a2c0;
      margin: 0px;
    }
    .professional_chart_2 iframe{
      margin:0px;
      padding:0px;
    }
    .professional_chart_3{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/chart_3_bg.jpg') no-repeat left top #fff;
      background-size: contain;
      min-height:auto;
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .professional_chart_3 h3{
      display: block;
      width: 100%;
      min-height: 120px;
      padding: 15px;
      color: #FFF;
      text-align: center;
      background: #24b479;
      margin: 0px;
    }
    .professional_chart_3 iframe{
      margin:0px;
      padding:0px;
    }
    .professional_chart_4{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/chart_4_bg.jpg') no-repeat left top #fff;
      background-size: contain;
      min-height:auto;
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .professional_chart_4 h3{
      display: block;
      width: 100%;
      min-height: 120px;
      padding: 15px;
      color: #FFF;
      text-align: center;
      background: #f69451;
      margin: 0px;
    }
    .professional_chart_4 iframe{
      margin:0px;
      padding:0px;
    }
    .resources{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/resource_bg.jpg') no-repeat left top #fff;
      background-size: contain;
      /*  min-height: 800px; */
      padding-top: 80px;
      padding-bottom: 20px;
    }
    .resources h3{
      display: block;
      width: 100%;
      min-height: 120px;
      padding: 15px;
      color: #FFF;
      text-align: center;
      background: #24b478;
      margin: 0px;
    }
    .resources .r_category{
      background: rgba(180, 180, 180, .5);
      padding: 15px;
    }
    .resources .r_category ul{
      padding: 0px;
    }
    .resources .r_category ul li{
      display: inline-block;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0px 2.2% 15px;
      background: #DEDEDE;
      -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }
    @media (max-width: 767px) {
      .resources .r_category ul li{
        margin: 0px 5% 15px;
      }
    }
    @media (max-width: 480px) {
      .resources .r_category ul li{
        width: 170px;
        height: 170px;
        display: block;
        margin: 0px auto 15px;
      }
    }
    .resources .r_category ul li a{
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
    }
    .resources .r_category ul li a h5{
      position: absolute;
      width: 100%;
      text-align: center;
      background: #666;
      color: #FFF;
      bottom: -60px;
      height: 120px;
      font-size: 15px;
      padding: 15px 30px;
      transition: .3s ease-out;
    }
    .resources .r_category ul li a:hover h5{
      bottom:-30px;
    }
    .resources .r_category ul li:nth-child(4n+1) h5{
      background: rgba(12, 163, 101, .8);
    }
    .resources .r_category ul li:nth-child(4n+2) h5{
      background: rgba(23, 153, 181, .8);
    }
    .resources .r_category ul li:nth-child(4n+3) h5{
      background: rgba(32, 175, 168, .8);
    }
    .resources .r_category ul li:nth-child(4n+4) h5{
      background: rgba(248, 131, 98, .8);
    }
    .resources .r_category h4{
      text-align: center;
      margin-bottom: 15px;
    }
    h2.sectionTitle{
      text-align: center;
      font-size: 3em;
      color: #FFF;
      margin-top: 0px;
      z-index: 999;
      position: relative;
      margin-bottom: 15px;
      text-shadow: 0px 0px 10px RGBA(0,0,0,.8);
    }
    @media (max-width: 767px) {
      h2.sectionTitle{
        font-size: 2.5em;
        width: 72%;
        margin: 0px auto 15px;
      }
    }
    .help{
      background: #04a497;
      padding-top: 30px;
      padding-bottom: 30px;
      height: 230px;
    }
    .help .btn_help{
      width: 140px;
      height: 160px;
      position: absolute;
      left: 50%;
      margin-left:-150px;
      color: #FFF;
      text-align: center;
      border: 1px solid #FFF;
      border-radius: 10px;
    }
    .help .btn_help img{
      display: block;
      margin: 0px auto;
      -webkit-filter: brightness(800%); /* Chrome, Safari, Opera */
      filter: brightness(800%);
    }
    .help .btn_phone{
      width: 140px;
      height: 160px;
      position: absolute;
      left: 50%;
      margin-left:10px;
      color: #FFF;
      text-align: center;
      border: 1px solid #FFF;
      border-radius: 10px;
    }
    .help .btn_phone img{
      display: block;
      margin: 0px auto;
      -webkit-filter: brightness(800%); /* Chrome, Safari, Opera */
      filter: brightness(800%);
    }
    /*mp_slider*/
    .mp_banner{
      padding-bottom: 50px;
    }
    .mp_banner .slick-list{
      overflow: visible;

    }
    .responsive_banner {
      position: relative;
      width: 100%;
      height: 500px;
      overflow: hidden;
    }
    @media (max-width: 767px) {
      .responsive_banner {
        position: relative;
        width: 100%;
        height: 250px;
      }
    }
    .responsive_banner h2 {
      width: 100%;
      padding: 0px 20px;
      font-size: 1.2em;
      position: absolute;
      left: 0px;
      margin-left: 0px;
      background: rgba(0, 0, 0, .8);
      top: auto;
      bottom: -70px;
      height: 60px;
      color: #FFF;
      text-align: center;
      line-height: 60px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .responsive_banner a{
      width: 100%;
      height: 450px;
      display: block;
      background-size: cover !important;
    }
    @media (max-width: 767px) {
      .responsive_banner a{
        width: 100%;
        height: 250px;
        display: block;
        background-size: 100% !important;
      }
    }
    .responsive_banner  a img{
      object-fit: cover;
    }
    .responsive_banner .slick-prev{
      left: 20px;
      display: block;
      border-radius: 5px;
      width: 50px;
      height: 60px;
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/btn_left.png') no-repeat left 5px rgba(0, 0, 0, 0);
    }
    @media (max-width: 767px) {
      .responsive_banner .slick-prev{
        top: 35%;
      }
    }
    .responsive_banner .slick-next {
      right: 20px;
      display: block;
      border-radius: 5px;
      width: 50px;
      height: 60px;
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/btn_right.png') no-repeat center 5px rgba(0, 0, 0, 0);
    }
    @media (max-width: 767px) {
      .responsive_banner .slick-next{
        top: 35%;
      }
    }
    .responsive_banner .slick-prev:hover{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/btn_left.png') no-repeat left 5px rgba(0, 0, 0, .7);
    }
    .responsive_banner .slick-next:hover{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/btn_right.png') no-repeat center 5px rgba(0, 0, 0, .7);
    }
    .responsive_banner .slick-next::before,.responsive_banner .slick-prev::before{
      display: none;
    }
    @media (max-width: 767px) {
      .responsive_banner {
        height: 290px;
      }
      .responsive_banner h2 {
        width: 100%;
        padding: 0px 20px;
        font-size: 1.2em;
        position: absolute;
        left: 0px;
        margin-left: 0px;
        background: rgba(0, 0, 0, .8);
        top: auto;
        bottom: -60px;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .responsive_banner .slick-slide img {
        display: block;
        width: 100%;
      }
    }
    .circle_icon{
      margin-bottom: 15px;
    }
    .circle_icon ul li{
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 21%;
      height: 120px;
      margin: 0px 1%;
    }
    .circle_icon ul li a {
      text-decoration: none;
      color:#666;
      display: block;
      border-right: 1px dotted #CCC;
    }
    .circle_icon ul li:nth-child(4) a{
      border: none;
    }
    .circle_icon ul li a h3{
      color: #666;
      font-size: 1.25em;
      margin: 5px 0px;
    }
    @media (max-width: 767px) {
      .circle_icon ul li a h3{
        font-size: 1em;
      }
    }
    .circle_icon ul li a img{
      margin: 0px auto 0px;
      display: block;
    }
    .call{
      margin-bottom: 15px;
      background: #f5893f;
      padding: 15px;
      width: 100%;
      height: 110px;
      border-radius: 10px;
      color: #FFF;
    }
    .call a{
      color: #FFF;
    }
    .call h3{
      color:#FFF;
      margin:10px 0px 5px 0px;
    }
    .call img{
      float: left;
      margin-right: 10px;
      margin-left: 2%;
    }
    .call p{
      font-size: 1.6em;
    }
    @media (max-width: 767px) {
      .call{
        width: 80%;
        margin: 10px auto;
      }
      .call img{
        margin-left: 2%;
      }
    }
    /* new_info */
    .new_info{
      overflow: hidden;
      padding-bottom: 30px;
    }
    .new_info h3{
      background: #44beb1;
      color: #FFF;
      padding: 8px 10px;
      font-size: 1.25em;
      border-radius: 5px;
    }
    .new_info ul{
      padding-left: 15px;
      margin-bottom: 15px;
    }
    .new_info ul li{
      border-bottom: 1px dotted #ccc;
      margin-bottom: 15px;
      display: block;
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/sitempa_arrow.png') no-repeat left 6px;
      padding-left: 15px;
    }
    .new_info ul li a{
      color: #333;
    }
    .new_info ul li a:hover{
      color: #44beb1;
    }
    .new_info ul li span{
      color: #999;
      font-size: .813em;
      margin-left: 15px;
    }
    .new_info .more{
      border: 1px solid #666;
      border-radius: 5px;
      padding: 5px 15px;
      clear: both;
      margin: 15px 0px 15px auto;
      width: 80px;
      display: block;
      color: #333;
    }
    /* section common */
    .section .h2.sectionTitle{
      width: 80%;
      margin: 0px auto 35px;
    }
    .section p{
      position: relative;
      color: #FFF;
      z-index: 99;
      width: 40%;
      margin: 0px auto 15px;
      text-align: center;
    }
    @media (max-width: 767px) {
      .section p{
        width: 80%;
      }
    }
    /* small_banner */
    .small_banner{
      text-align: center;
    }
    .small_banner a{
      display: block;
      width: 700px;
      height: 100px;
      margin: 0px auto;
    }
    .small_banner a img{
      width: 100%;
    }
    @media (max-width: 767px) {
      .small_banner a{
        width: 100%;
        height: auto;
      }
    }
    /* reject */
    .reject{
      background: #0c975d;
      min-height: 600px;
      position: relative;
      padding-top: 80px;
      padding-bottom: 20px;
      text-align: left;
    }
    .reject p{
      color: #FFF;
      width: 100%;
      text-align: left;
    }
    .reject .youtube{
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
      width: 90%;
      margin: 0px auto  15px;
      clear: both;
    }
    .reject .youtube iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .reject .r_5{
      width: 80%;
      margin: 0px auto 15px;
      padding: 15px;
      border-radius: 5px;
      display: block;
      background: #FFF;
      font-size: 1.25em;
      text-decoration: none;
      color: #0c975d;
    }
    .reject .r_6{
      width: 80%;
      margin: 0px auto 15px;
      padding: 15px;
      border-radius: 5px;
      display: block;
      background: #FFF;
      font-size: 1.25em;
      text-decoration: none;
      color: #0c975d;
    }
    /* identify */
    .identify{
      background: #ed843d;
      min-height: 800px;
      position: relative;
      padding-top: 80px;
      padding-bottom: 20px;
      text-align: center;
    }
    .identify .show{
      display: block;
      padding: 0px;
      margin-bottom:15px;
    }
    .identify .show li{
      list-style: none;
      display: inline-block;
      width: 180px;
      height: 180px;
      margin: 0px 20px 20px;
      border-radius: 50%;
      line-height: 180px;
      color: #FFF;
      -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }
    .identify .show li a{
      color: #FFF;
      width: 180px;
      height: 180px;
      display: block;
      text-decoration: none;
      font-size: 1.25em;
      background: #0c975d;
      transition: .3s ease-out;
      border-radius: 50%;
    }
    .identify .show li a:hover{
      background: #0c975d;
    }
    .identify .institute{
      padding: 15px;
      background: #FFF;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, .4);
      max-width: 970px;
      margin: 0px auto 15px;
      border-radius: 5px;
    }
    .identify .institute li{
      list-style: none;
      display: inline-block;
      width: 150px;
      height: 180px;
      margin: 0px 30px 15px;
      vertical-align: top;
      position: relative;
    }
    .identify .institute li::before{
      content: "";
      height: 150px;
      width: 1px;
      background: #CCC;
      position: absolute;
      top: 15px;
      right: -32px;
    }
    .identify .institute li:last-child::before{
      display: none;
    }
    @media (max-width: 767px) {
      .identify .institute li::before{
        display: none;
      }
    }
    .identify .institute li img{
      width: 100px;
      display: block;
      margin: 0px auto 0px;
    }
    .identify .institute li a {
      color: #666;
    }
    /* restore */
    .restore{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/bg_health.jpg') no-repeat left top;
      background-size: cover;
      min-height: 600px;
      position: relative;
      padding-top: 80px;
      padding-bottom: 20px;
      text-align: center;
    }
    .restore::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .2);
      z-index: 0;
    }
    .restore a {
      text-decoration: none;
    }
    .restore div p{
      width: 90%;
      color: #333;
      margin-top: 10px;
      text-align:left;
    }
    @media (max-width: 767px) {
      .restore div p{
        width: 90%;
      }
    }
    .restore .r_left{
      display:block;
      width: 450px;
      background: rgba(255, 255, 255, .8);
      position: absolute;
      top: 260px;
      left: 50%;
      min-height: 150px;
      margin-left:-460px;
      z-index: 99;
      padding: 15px;
      transition: .3s ease-out;
    }
    .restore .r_right{
      display:block;
      width: 450px;
      background: rgba(255, 255, 255, .8);
      position: absolute;
      top: 260px;
      left: 50%;
      min-height: 150px;
      margin-left:10px;
      z-index: 99;
      padding: 15px;
      transition: .3s ease-out;
    }
    @media (max-width: 767px) {
      .restore .r_left{
        position: relative;
        width: 80%;
        display: block;
        margin: 0px auto 15px;
        left: auto;
        top: auto;
        overflow: hidden;
      }
      .restore .r_right{
        position: relative;
        width: 80%;
        display: block;
        margin: 0px auto 15px;
        left: auto;
        top: auto;
        overflow: hidden;
      }
    }
    .restore .r_left:hover,.restore .r_right:hover{
      background: #FFF;
      background: rgba(255, 255, 255, 1);
    }
    .restore .r_left h3,.restore .r_right h3{
      float: left;
      width: 100px;
      height: 100px;
      background: #44beb1;
      color: #FFF;
      text-align: center;
      line-height: 100px;
      border-radius: 50%;
      font-size: 1.25em;
      margin: 0px 15px 20px 0px;
    }
    .restore .r_left ul,.restore .r_right ul{
      text-align: left;
    }
    .restore .r_left ul li ,.restore .r_right ul li{
      list-style: none;
    }
    .restore .r_left ul li a,.restore .r_right ul li a{
      padding: 10px 15px;
      text-align: center;
      color: #FFF;
      display: block;
      float: left;
      margin: 0px 5px 5px 0px;
      background: #05a4bb;
      border-radius: 5px;
    }
    @media (max-width: 767px) {
      .restore .r_left ul li a,.restore .r_right ul li a{
        width: 100%;
      }
    }
    .restore .r_left ul li:nth-child(1) a,.restore .r_right ul li:nth-child(1) a{
      background: #05a4bb;
    }
    .restore .r_left ul li:nth-child(2) a,.restore .r_right ul li:nth-child(2) a{
      background: #0e96c4;
    }
    .restore .r_left ul li:nth-child(3) a,.restore .r_right ul li:nth-child(3) a{
      background: #0070a4;
    }
    /* understanding */
    .understanding{
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/bg_restore.jpg') no-repeat left top;
      background-size: cover;
      min-height: 600px;
      position: relative;
      padding-top: 80px;
      padding-bottom: 20px;
      text-align: center;
      overflow: hidden;
    }
    .understanding::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .4);
      z-index: 0;
    }
    .understanding .tabSet{
      z-index: 999;
      position: relative;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, .5);
      display: block;
      margin-top: 0px;
    }
    @media (max-width: 767px) {
      .understanding .tabSet{
        width: auto;
      }
    }
    .understanding .tabSet p{
      color: #333;
      text-align: left;
      width: 90%;
    }
    .understanding h3{
      width: 150px;
      height: 150px;
      float: left;
      color: #FFF;
      font-size: 1.25em;
      border-radius: 50%;
      border: 2px solid #FFF;
      margin: 0px 15px 30px 0px;
      position: relative;
      z-index: 99;
      line-height: 150px;
    }
    @media (max-width: 991px) {
      .understanding h3{
        border-radius: 5px;
        width: 90%;
        margin: 0px auto 15px;
        float: none;
        height: 50px;
        line-height: 50px;
      }
    }
    @media (max-width: 767px) {
      .understanding h3{
        border-radius: 5px;
        width: 90%;
        margin: 0px auto 15px;
        float: none;
        height: 50px;
        line-height: 50px;
      }
    }
    .understanding .level{
      display: block;
      position:relative;
      z-index: 99;
    }
    @media (max-width: 767px) {
      .understanding .level{
        width: 100%;
        float: none;
      }
    }
    .understanding .level li {
      display: inline-block;
      width: 150px;
      height: 150px;
      background: #0c975d;
      border-radius: 50%;
      color: #FFF;
      margin: 0px 10px;
      line-height: 150px;
      -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    }
    .understanding .level li:first-child {
      margin-left:0px;
    }
    @media (max-width: 767px) {
      .understanding .level li {
        width: 100%;
        display: block;
        margin: 0px auto 15px;
        border-radius: 5px;
        float: none;
        height: 60px;
        line-height: 60px;
      }
    }
    .understanding .level li a{
      color: #FFF;
      display: block;
      height: 150px;
      font-size: 1.25em;
      height: 40px;
      border-radius: 50%;

      text-decoration: none;
    }
    @media (max-width: 767px) {
      .understanding .level li a{
        border-radius: 0px;
      }
    }
    .understanding .level li:nth-child(1) a{
      height: 150px;
      background: #0c975d;
    }
    .understanding .level li:nth-child(2) a{
      height: 150px;
      background: #44beb1;
    }
    .understanding .level li:nth-child(3) a{
      height: 150px;
      background: #3494b2;
    }
    .understanding .level li:nth-child(4) a{
      height: 150px;
      background: #ed843d;
    }
    /* tab */
    .tabSet { width: 600px; margin: 40px auto; background: #f3f3f3; box-shadow: rgba(0,0,0,.3) 0 2px 12px;text-align:left  ; }
    .tabs { position: relative; }
    .tabs>h1 { float: left; font-size: 1em; margin: 0; padding: 0; line-height: 1; font-weight: normal; }
    .tabs h1>a { display: block; padding: 16px 0 14px; text-align: center; background-color: #aaa; color: #fff; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .tabs h1>a:hover { background: #24b579; }
    .tabs h1.active>a { background-color: #24b579; color: #FFF; }
    .tabContent { position: absolute; top: auto; left: 0; right: 0; clear: both; padding: 30px 20px; }
    .tabContent ul { list-style-type: none; margin: 0; padding: 0; line-height: 1.6;text-align: left; }
    .tabContent li { margin: 0 0 1.3em 0; padding: 0; }
    .tabContent li span { display: inline-block; margin: 0 0 0 1em; }
    .tabContent .more { text-align: right; }
    .tabContent { display: none; }
    .active + .tabContent { display: block; }
    @media (max-width:768px) {
      .tabSet { width: auto; height: auto !important; }
      .tabs { position: relative; }
      .tabs>h1 { float: none; }
      .tabs>h1>a { width: 100% !important; border-bottom: 1px solid #888; }
      .tabs>h1.active>a { border-color: #bbb; }
      .tabContent { position: static; }
    }
    .punish{
      background:#e7e7e7;
      min-height: 600px;
      position: relative;
      padding-top: 80px;
      padding-bottom: 40px;
      text-align: center;
      overflow: hidden;
    }
    .punish h2.sectionTitle{
      color: #333;
      text-shadow:none;
    }
    .punish .tabSet{
      width: 100%;
    }
    .punish  .tabSet .tabs>h1{
      width:calc(100%/7);
    }
    @media (max-width: 767px) {
      .punish  .tabSet .tabs>h1{
        width:100%;
      }
    }
    .punish  .tabSet .tabs>h1 a{
      width: 100% !important;
      padding: 10%;
    }
    @media (max-width: 767px) {
      .punish  .tabSet .tabs>h1 a{
        display: block; 
        padding: 16px 0 14px; 
        text-align: center; 
        background-color: #aaa; 
        color: #fff; 
        text-decoration: none; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        overflow: hidden;
      }
    }
    .punish .tabSet span{
      color: #0c975d;
      margin-right: 10px;
    }
    .punish .tabContent li {
      display: block;
      border-bottom: 1px dotted #CCC;
      margin-bottom: 5px;
      padding-bottom: 5px;
      background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/sitempa_arrow.png') no-repeat left 7px;
    }
    .punish h4{
      margin-bottom: 15px;
    }
    .punish .more{
      border: 1px solid #666;
      border-radius: 5px;
      padding: 5px 15px;
      clear: both;
      margin: 15px 0px 15px auto;
      width: 80px;
      display: block;
      color: #333;
      text-align: center;
      color: #333 !important;
    }
    .punish .more a{
      color: #333;
    }
    /* QA */
    .qa_search {
      padding: 2%;
      border: 8px solid #d1ccc8;
      margin-bottom: 15px;
    }
    @media (max-width: 767px) {
      .qa_search {
        padding: 8%;
      }
    }
    .qa_search .checkbox label{
      margin-right: 15px;
      margin-bottom: 15px;
    }
    .qz{
      display: block;
      color: #08bba2;
      cursor: pointer;
      padding-left: 35px;
      position: relative;
    }
    .qz::before{
      content: "Q";
      width: 25px;
      height: 25px;
      display: block;
      text-align: center;
      line-height: 25px;
      border-radius: 50%;
      background: #999;
      color: #FFF;
      position: absolute;
      top: 0px;
      left: 0px;
    }
    .qz:hover,.qz:focus{
      color: #017874;
    }
    .answer{
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      color: #666;
      position:relative;
      padding-left: 35px;
      margin-top: 10px;
    }
    .answer::before{
      content: "A";
      width: 25px;
      height: 25px;
      display: block;
      text-align: center;
      line-height: 25px;
      border-radius: 50%;
      background: rgb(254, 102, 79);
      color: #FFF;
      position: absolute;
      top: 0px;
      left: 0px;
    }
    /* cp */
    .cp table th{
      min-width: 150px;
    }
    .cp table td{
      word-break: break-all !important;
    }
    .cp_slider{
      padding: 15px 0 15px;
      margin-bottom: 30px;
    }
    .cp_slider .slick-slide img{
      max-height: 200px;
    }
    .cp_slider .slick-slide{
      background: transparent;
    }
    .necessary{
      color:  #F00;
    }
    .help_table th{
      width:25% !important ;
      text-align: right;
    }
    .help_table img{
      max-width: 150px;
    }
    .help_table input{
      vertical-align: middle;
    }
    .btn_block{
      text-align: center;
    }
    .exit{
      float: right;
      width: 200px;
      height: 200px;
      margin: 0px 0px 25px 25px;
    }
    @media (max-width: 767px) {
      .exit{
        float: none;
        height: 230px;
        margin: 10px auto 25px;
      }
    }
    .exit p{
      color: #666;
      font-size: 13px;
      line-height:1.45em !important;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 5px;
    }
    .exit a{
      display: block;
      width: 200px;
      color: #FFF;
      text-align: center;
      height: 150px;
      text-decoration: none;
      line-height: 1.25em;
      font-size: 1.75em;
      padding: 40px 10px;
      box-sizing: border-box;
      border-radius: 15px;
      transition: .3s ease-out;
      text-shadow: 0px 0px 10px #666;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
      background: rgb(255,168,76); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    }
    .exit a:hover{
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff670f+0,c9440c+100 */
      background: rgb(255,103,15); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(255,103,15,1) 0%, rgba(201,68,12,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(201,68,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(255,103,15,1) 0%,rgba(201,68,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#c9440c',GradientType=0 ); /* IE6-9 */
    }
    /* sitemap */
    .cascading {
      margin: 0px 1% !important;
      padding: 0px  !important;
    }
    .cascading li {
      margin: 0 1% 4px;
      line-height: 1.5em;
      margin-bottom: 5px;
      font-size: 1em;
      list-style: none;
      width: 22.5%;
      display: inline-block;
      vertical-align: top;
    }
    @media (max-width: 767px) {
      .cascading li {
        width: 100%;
      }
    }
    .cascading li ul {
      margin-left:0px;
      padding-left: 1%;
    }
    .cascading li ul li{
      width: 100%;
      display: block !important;
    }
    .cascading li a {
      margin: 10px 0px;
      font-size: 16px;
      color: #333;
      padding: 3px;
      display: block;
      font-size: 20px;
      font-weight: bold;
      border-bottom: 2px solid #04a497;
    }
    .cascading li li a {
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 16px;
      display: block;
      border-bottom: 1px dotted #ccc;
      background-color: transparent;
      font-weight: normal;
      color: #666 !important;
      font-weight: normal;
    }
    .cascading li a:hover,
    .cascading li a:focus {
      color: #04a497 !important;
      text-decoration: none;
    }
    .cascading li a:hover {
      color: #069;
    }
    .notice{
      display: block;
      margin: 10px 0px;
      background: #E4E4E4;
      padding: 20px 20px;
      border-radius: 15px;
    }
    .notice .accesskeyDefine{
      background: #FFF;
      padding: 15px 30px;
      border-radius: 10px;
    }
    /* table */
    @media screen and (max-width: 767px){
      .table-responsive>.table{
        width: 1000px !important;
      }
      .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap !important;
        word-break: break-all;
      }
      .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th{
        white-space: normal !important
      }
    }
    @media screen and (max-width: 767px){
      .table-responsive {
        -webkit-overflow-scrolling: touch; /* lets it scroll lazy */
      }
    }
    img.rssimg{
      margin: 0px 15px !important;
    }
    .all_map{
      position: relative;
    }
    .all_map .county{
      width: 45%;
      height: 450px;
    }
    @media (max-width: 767px) {
      .all_map .county{
        width: 90%;
        margin: 0px auto;
        height: auto;
        overflow: hidden;
        padding-bottom: 40px;
      }
    }
    .all_map .county ul li{
      display: inline-block;
      width: 30%;
      height: 30px;
      white-space: nowrap;
      margin: 0px 1% 10px;
    }
    .all_map .county ul li a{
      background: #666;
      color: #FFF;
      width: 100%;
      height: 30px;
      display: block;
      border-radius: 3px;
      text-align: center;
      line-height: 30px;
      text-decoration: none;
    }
    .all_map .county ul li a:hover,.all_map .county ul li a:focus{
      background: rgb(8, 187, 162);
    }
    /* 綠島 蘭嶼 */
    .all_map .map_green{
      width: 45px;
      height: 120px;
      text-align: center;
      vertical-align: top;
      position: absolute;
      right: 120px;
      bottom: 45px;
      margin-left:0px;

    }
    @media (max-width: 767px) {
     .all_map .map_green{
      display: none;
    }
  }
  .all_map .map_green svg{
    width: 45px;
    /* outline: 1px solid green; */
  }
  /* 小琉球 */
  .luichui{
    width: 10px;
    height: 10px;
    text-align: center;
    vertical-align: top;
    position: absolute;
    right: 270px;
    bottom: 75px;
    margin-left:0px;
  }
  @media (max-width: 767px) {
   .luichui{
    display: none;
  }
}
.all_map .luichui svg{
  width: 10px;
  /* outline: 1px solid green; */
}

.all_map .map_kinman{
  width: 120px;
  height: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 120px;
  margin-left:0px;
}
@media (max-width: 767px) {
  .all_map .map_kinman{
    display: none;
  }
}
.all_map .map_kinman:hover{
  background: #F2F2F2;
  border-radius: 5px;
  cursor:pointer;
}
.all_map .map_kinman .mouse{
  width:100px;
  height:30px;
  border-radius:5px;
  background:rgba(0, 0, 0, 0.6);
  color:#FFF;
  text-align: center;
  line-height:30px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left:-50px;
  display: none;
}
.all_map .map_kinman:hover .mouse{
  display: block;
}
.all_map .map_mazu{
  width: 120px;
  height: 80px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left:20px;
}
@media (max-width: 767px) {
  .all_map .map_mazu{
    display: none;
  }
}
.all_map .map_mazu:hover .mouse{
  display: block;
}
.all_map .map_mazu:hover{
  background: #F2F2F2;
  border-radius: 5px;
  cursor:pointer;
}
.all_map .map_mazu .mouse{
  width:100px;
  height:30px;
  border-radius:5px;
  background:rgba(0, 0, 0, 0.6);
  color:#FFF;
  text-align: center;
  line-height:30px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left:-50px;
  display: none;
}
.all_map .map_penhu{
  width: 120px;
  height: 130px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 240px;
  margin-left:40px;
}
@media (max-width: 767px) {
  .all_map .map_penhu{
    display: none;
  }
}
.all_map .map_penhu:hover{
  background: #F2F2F2;
  border-radius: 5px;
  cursor:pointer;
}
.all_map .map_penhu .mouse{
  width:100px;
  height:30px;
  border-radius:5px;
  background:rgba(0, 0, 0, 0.6);
  color:#FFF;
  text-align: center;
  line-height:30px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left:-50px;
  display: none;
}
.all_map .map_penhu:hover .mouse{
  display: block;
}
.all_map .taiwan_map {
  width:350px;
  position: absolute;
  left: 50%;
  margin-left:150px;
  top: 0px;
}
@media (max-width: 767px) {
  .all_map .taiwan_map {
    display: none;
  }
}
.all_map .taiwan_map .mouse{
  width:100px;
  height:30px;
  border-radius:5px;
  background:rgba(0, 0, 0, 0.6);
  color:#FFF;
  text-align: center;
  line-height:30px;
  position: absolute;
}
/* 地圖設定 */
/* 區塊縣市 hover 為#e3441c */
.taiwan_map .map_block:hover{
  fill:#e3441c;
  cursor:pointer;
  outline:none;
}
/* 區塊縣市 focus也要設定，不然會有outline*/
.taiwan_map .map_block:focus{
  outline:none;
}
.taiwan_map .map_focus{
  cursor:pointer;
  fill:#edb302;
}
.taiwan_map svg path .HOVERED{
 fill:#e3441c;
}
/* 如果不要分顏色，拿掉以下css */
/* 北區 */
.taiwan_map svg path[name='臺北市'],
.taiwan_map svg path[name='新北市'],
.taiwan_map svg path[name='基隆市'],
.taiwan_map svg path[name='桃園市'],
.taiwan_map svg path[name='新竹市'],
.taiwan_map svg path[name='新竹縣']{
  fill:#edb302;
}
/* 中區 */
.taiwan_map svg path[name='苗栗縣'],
.taiwan_map svg path[name='臺中市'],
.taiwan_map svg path[name='彰化縣'],
.taiwan_map svg path[name='南投縣'],
.taiwan_map svg path[name='雲林縣']{
  fill:#01b3d6;
}
/* 南區 */
.taiwan_map svg path[name='嘉義縣'],
.taiwan_map svg path[name='嘉義市'],
.taiwan_map svg path[name='臺南市'],
.taiwan_map svg path[name='高雄市'],
.taiwan_map svg path[name='屏東縣']{
  fill:#c967ac;
}
/* 東區 */
.taiwan_map svg path[name='宜蘭縣'],
.taiwan_map svg path[name='花蓮縣'],
.taiwan_map svg path[name='臺東縣']{
  fill:#b5cb0d;
}
.taiwan_map svg path.map_focus[name='臺北市'],
.taiwan_map svg path.map_focus[name='新北市'],
.taiwan_map svg path.map_focus[name='基隆市'],
.taiwan_map svg path.map_focus[name='桃園市'],
.taiwan_map svg path.map_focus[name='新竹市'],
.taiwan_map svg path.map_focus[name='宜蘭縣'],
.taiwan_map svg path.map_focus[name='新竹縣'],
.taiwan_map svg path.map_focus[name='苗栗縣'],
.taiwan_map svg path.map_focus[name='臺中市'],
.taiwan_map svg path.map_focus[name='彰化縣'],
.taiwan_map svg path.map_focus[name='南投縣'],
.taiwan_map svg path.map_focus[name='雲林縣'],
.taiwan_map svg path.map_focus[name='嘉義縣'],
.taiwan_map svg path.map_focus[name='嘉義市'],
.taiwan_map svg path.map_focus[name='臺南市'],
.taiwan_map svg path.map_focus[name='高雄市'],
.taiwan_map svg path.map_focus[name='屏東縣'],
.taiwan_map svg path.map_focus[name='花蓮縣'],
.taiwan_map svg path.map_focus[name='臺東縣'],
.taiwan_map svg path.map_focus[name='金門縣']{
  fill:#e3441c;
}
.drug_table {
  border-bottom: 1px solid #ddd;
}
.drug_table a{
  color: rgb(8, 187, 162);
}
.drug_table thead{
  white-space: nowrap;
}
.drug_table thead tr{
  background: #fefefe !important;
}
.drug_table img{
  /* width: 100%; */
  max-width: 200px;
}
@media screen and (max-width: 767px) {
  .drug_table {
    border-bottom:none;
    border-top: 2px solid #333;
  }
  .drug_table table{
    border-collapse: collapse;
  }
  .drug_table table a{
    word-break: break-all;
  }
  .drug_table table thead {
    display: none;
  }
  .drug_table table tr {
    margin-top: 5px;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 5px;
    background: #F2F2F2;
  }
  .drug_table table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
    padding-left: 30% !important;
    position: relative;
    border-top: none !important;
  }
  .drug_table table td::before {
    content: attr(aria-label);
    position: absolute;
    left: 5px;
    top: 7px;
    width: 30%;
  }
}
.child_header{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/child/images/bg.jpg') repeat left top ;
  position: relative;
}
.child_header::before{
  content: "";
  width: 100%;
  height: 11px;
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/child/images/header_bg.jpg') repeat-x left top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.child_header .Header_Links ul{
  padding-top: 10px;
}
.child_header .Search{
  top: 50px !important;
}
@media (max-width: 767px) {
  .child_header .Search{
    top:0px !important;
  }
}
.child_header .Logo{
  margin-left: -220px !important;
}
@media (max-width: 767px) {
  .child_header .Logo{
    margin-left: 30px !important;
  }
}
/* np */
.child_cpimg{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/child/images/child_banner_bg.png') no-repeat center -120px #ff6650;
  height: 100px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .child_cpimg{
    background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/child/images/child_banner_bg.png') no-repeat center 0px #ff6650;
    height: 100px;
    background-size: cover;
    margin-bottom: 5px;
  }
}
.child_fat_footer{
  background: #333 !important;
}
.child_fat_footer .FatFooterBtn{
  background: #ff6650 !important;
}
.child_fat_footer ul li ul li a{
  color:  #ff6650 !important;
}
.icon-angle-double-left{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_prev10.png') no-repeat left top  rgba(238, 238, 238, 1.0)!important;
  width: 47px;
  height: 35px;
  text-indent: -9999px;
}
.icon-angle-left{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_prev.png') no-repeat left top  rgba(238, 238, 238, 1.0)!important;
  width: 47px;
  height: 35px;
  text-indent: -9999px;
}
.icon-angle-double-right{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_next10.png') no-repeat left top rgba(238, 238, 238, 1.0)!important;
  width: 47px;
  height: 35px;
  text-indent: -9999px;
}
.icon-angle-right{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/icon_next.png') no-repeat left top rgba(238, 238, 238, 1.0)!important;
  width: 47px;
  height: 35px;
  text-indent: -9999px;
}
/* Accessible_icon */
.Footer_icon{
  display:inline-block;
}
.Footer_icon img{
  height: 31px;
  margin-bottom: 5px;
  margin-right: 4px;
}
.Footer_icon .social{
  display: block;
  padding-bottom: 40px;
  background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/footer_fb_bg.png") no-repeat left bottom;
  background-size: contain;
}
@media (max-width: 767px) {
  .Footer_icon .social{
    display:inline-block;
    padding-right: 200px;
    padding-bottom: 0px;
    padding-top: 10px;
    min-width: 200px;
    background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180102171410/http://antidrug.moj.gov.tw/xslGip/welcome/images/footer_fb_bg.png") no-repeat right 10px;
  }
}





/*
     FILE ARCHIVED ON 17:14:10 一月 2, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:16:11 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/