@charset "utf-8";

@import url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/css/owl.carousel.css");
@import url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/css/jquery.datetimepicker.css");

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{ text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
button{padding:0; cursor:pointer;}

body{font-family:arial , "微軟正黑體";}
#all.active{position:fixed; left:0; top:0; width:100%; height:100%;}

/* header */
#header{position:fixed; left:0; top:0; width:100%; background:#003e73; z-index:99999}
#header > .wrap{width:96%; max-width:1400px; margin:0 auto; padding-top:10px;}
#header > .wrap:after{content:""; display:block; clear:both;}

#logo{float:left; width:280px; height:46px; margin-top:10px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/logo.png); text-indent:-9999px; cursor:pointer;}

#header > .wrap .function{float:right;}
#header > .wrap .function:after{content:""; display:block; clear:both;}
#header > .wrap .function > *{float:left;}

#header > .wrap .function .lang{position:relative; width:75px; height:24px; padding-right:15px; overflow:hidden; box-sizing:border-box;}
#header > .wrap .function .lang:after{content:""; position:absolute; right:5px; top:10px; display:block; width:0; height:0; border-style:solid; border-width:4px 3px 0 3px; border-color:#CCC transparent transparent transparent;}
#header > .wrap .function .lang a{display:block; padding:0 5px; font-size:0.75em; color:#CCC; line-height:24px; text-align:right; border:1px solid transparent; box-sizing:border-box;}
#header > .wrap .function .lang .hide{position:absolute; right:15px; top:25px; width:60px;}
#header > .wrap .function .lang:hover{overflow:visible;}
#header > .wrap .function .lang:hover a{border-color:#aeaeae; background:#FFF; color:#000;}
#header > .wrap .function .lang:hover a:hover{background:#999; color:#FFF;}

#header > .wrap .function .link{margin:3px 20px 0 20px;}
#header > .wrap .function .link a{display:inline-block; width:18px; height:18px; margin:0 5px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/top_linkn.png); text-align:left; text-indent:-9999px; opacity:.8; transition:all .3s;}
#header > .wrap .function .link a:hover{opacity:1;}
#header > .wrap .function .link .share{background-position:-20px -20px;}
#header > .wrap .function .link .fb{background-position:-47px -20px;}
#header > .wrap .function .link .youtube{background-position:-73px -20px;}
#header > .wrap .function .link .rss{background-position:-102px -20px;display:none}
#header > .wrap .function .link .video{background-position:-130px -20px;}
#header > .wrap .function .link .cart{background-position:-160px -20px;}

#header > .wrap .function form{position:relative; width:160px; padding-right:30px; box-sizing:border-box;}
#header > .wrap .function form input{display:block; width:100%; height:24px; padding:0 5px; background:none; border:none; border-bottom:1px solid #CCC; font-size:0.75em; color:#dbdbdb; box-sizing:border-box;}
#header > .wrap .function form button{position:absolute; right:8px; top:5px; display:block; width:18px; height:18px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/search.png); border:none; text-indent:-9999px; opacity:.8; transition:all .3s;}
#header > .wrap .function form button:hover{opacity:1;}

#navigation{float:right; width:74%;}
#navigation:after{content:""; display:block; clear:both;}
#navigation li{float:left;/* width:8%*/; text-align:center;padding: 0 1.9%;}
#navigation li:nth-child(1) ,
#navigation li:nth-child(2) ,
#navigation li:nth-child(3){/*width:12%;*/}
#navigation li > a{display:block; border-bottom:4px solid transparent; font-size:0.938em; color:#FFF; line-height:40px;}
#navigation li:hover > a{border-bottom-color:#CCC;}
#navigation li .sub-menu{position:absolute; left:0; top:100%; display:none; width:100%; background:rgba(255,255,255,.9); border-top:1px solid #777;}
#navigation li:hover .sub-menu{display:block;}
#navigation li .sub-menu .wrap{max-width:1200px; margin:0 auto; padding:15px 0; font-size:0.938em; color:#717171; text-align:center;}
#navigation li .sub-menu .wrap a{display:inline-block; color:#717171;}
#navigation li .sub-menu .wrap a:before{content:"|"; display:inline-block; margin:0 20px;}
#navigation li .sub-menu .wrap a:first-child:before{display:none;}
#navigation li .sub-menu .wrap a:hover{color:#000;}
#navigation li .sub-menu .wrap a:hover:before{color:#717171;}

/* mobile */
#mask{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999999;}
#mobi-btn{position:relative; float:none !important; display:none; width:40px; height:40px; margin-left:10px; border:1px solid #777; border-radius:10px; vertical-align:middle;}
#mobi-btn:before ,
#mobi-btn:after ,
#mobi-btn b{content:""; position:absolute; left:7px; width:25px; height:4px; background:#FFF; border-radius:3px;}
#mobi-btn:before{top:10px;}
#mobi-btn:after{top:18px;}
#mobi-btn b{top:26px; text-indent:-9999px;}

#mobile{position:absolute; left:-250px; top:0; width:250px; min-height:100%; background:#FFF; z-index:9999999;}
#mobile .lang{padding:20px; background:#666; text-align:center;}
#mobile .lang a{display:inline-block; padding:0 20px; font-size:1em; color:#FFF;}

#mobile .link{padding-bottom:20px; background:#666; text-align:center;}
#mobile .link a{display:inline-block; width:18px; height:18px; margin:0 10px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/top_linkn.png); text-indent:-9999px;}
/*#mobile .link .share{background-position:left top;}
#mobile .link .fb{background-position:-18px top;}
#mobile .link .youtube{background-position:-36px top;}
#mobile .link .rss{background-position:right top;}*/
#mobile > .link .share{background-position:-20px -20px;}
#mobile > .link .fb{background-position:-47px -20px;}
#mobile > .link .youtube{background-position:-73px -20px;}
#mobile > .link .rss{background-position:-102px -20px;display:none}
#mobile > .link .video{background-position:-130px -20px;}
#mobile > .link .cart{background-position:-160px -20px;}

#mobile .menu li > a ,
#mobile .group h2{display:block; padding:0 20px; background:#f9f9f9; border-bottom:1px solid #DDD; font-size:1.125em; color:#000; line-height:50px; font-weight:normal;}
#mobile .group .h2{display:block; padding:0 20px; background:#f9f9f9; border-bottom:1px solid #DDD; font-size:1.125em; color:#000; line-height:50px; font-weight:normal;}
#mobile .menu li .sub-menu ,
#mobile .group ul{display:none;}
#mobile .menu li .sub-menu a ,
#mobile .group li a{display:block; padding:20px; border-bottom:1px dashed #DDD; font-size:0.938em; color:#666; line-height:20px;}

/* slider */
#slider{position:relative; max-width:1400px; margin:78px auto 0 auto; padding-right:340px; box-sizing:border-box;}
#slider .item{width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .item img.pad ,
#slider .item img.phone{display:none;}
#slider .owl-nav{display:none;}
#slider .owl-dots{position:absolute; left:0; top:0; padding:15px 0 0 30px;}
#slider .owl-dots .owl-dot{display:inline-block; width:10px; height:10px; margin:0 5px; background:#235658; border:1px solid #FFF; border-radius:50%;}
#slider .owl-dots .owl-dot.active{background:#dbdbdb;}

#slider .news{position:absolute; right:0; top:0; width:340px; height:100%; padding:3% 1% 1% 2%; background:#000; overflow:hidden; box-sizing:border-box;}
#slider .news h2{display:inline-block; border-bottom:2px solid #FFF; font-size:1.25em; color:#FFF; letter-spacing:.5px;}
#slider .news li{padding:6% 0 4% 0; border-bottom:1px solid #242424;}
#slider .news li a{font-size:0.938em; color:#CCC; line-height:20px; letter-spacing:.5px; transition:all .3s;}
#slider .news li a:hover{color:#FFF;}
#slider .news li span{display:block; margin-top:3%; font-size:0.812em; color:#666; letter-spacing:.5px;}
#slider .news .more{float:right; margin-top:5%; font-size:0.812em; color:#787878; transition:all .3s;}
#slider .news .more:hover{color:#FFF;}
#slider .news iframe{max-width:100%;height:170px;margin:10% 0;overflow:hidden;}

/* container */
#container{width:96%; max-width:1400px; margin:0 auto; padding:30px 0;}

/* section */
.section{position:relative; margin-bottom:2%; padding-left:150px;}
.section .title{position:absolute; left:0; top:0; width:150px; height:100%; background:#fafafa; overflow:hidden; box-sizing:border-box;}
.section .title .tab a{display:block; font-size:3.125em; color:#CCC; letter-spacing:.5px; text-align:center; transition:all .3s}
.section .title .tab a:hover ,
.section .title .tab a.active{background:#BBB; color:#FFF;}
.section .title .more{float:right; padding:10px 20px; font-size:0.812em; color:#787878; transition:all .3s;}
.section .title .more:hover{color:#000;}

.section .owl-carousel{background:#e5e5e5;}

.section .item dl > a{display:block;}
.section .item dt{position:relative; padding-bottom:100%; /*background:#000; */overflow:hidden;}
.section .item dt img{position:absolute; left:0; right:0; top:0; bottom:0; display:block; max-width:100%; max-height:100%; height:auto; margin:auto;width:auto;}

.section .item dd{position:absolute; left:0; top:0; width:100%; height:100%; padding:10%; background:rgba(0,0,0,.9); font-size:1.125em; color:#FFF; line-height:24px; letter-spacing:.5px; box-sizing:border-box; opacity:0; transition:all .3s;}
.section .item dl > a:hover dd{opacity:1;}

.section .item dd .b{display:block; margin-top:5px; font-size:0.75em; color:#CCC; letter-spacing:1px; font-weight:normal;}
.section .indexdc b{display:block; margin-top:5px; font-size:0.75em; color:#CCC; letter-spacing:1px; font-weight:normal;}

.section .item dd span{position:absolute; right:0; bottom:0; display:inline-block; padding:5px 10px; background:#555; font-size:0.75em; color:#FFF; letter-spacing:.5px; transition:all .3s;}
.section .item dd span:before{content:""; display:inline-block; width:15px; height:14px; margin-right:5px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/index_news_icon.png); vertical-align:middle;}
.section .item dd span:hover{background:#999;}

.section .owl-nav{opacity:0; transition:all .3s;}
.section .owl-carousel:hover .owl-nav{opacity:1;}
.section .owl-nav > div{position:absolute; top:50%; display:block; width:45px; height:45px; margin-top:-23px; background:rgba(255,255,255,.8); text-indent:-9999px; transition:all .3s;}
.section .owl-nav > div:hover{background:rgba(255,255,255,1);}
.section .owl-nav > div:before{content:""; position:absolute; top:12px; display:block; width:12px; height:21px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/index_news_arrow.png);}
.section .owl-nav .owl-prev{left:0;}
.section .owl-nav .owl-prev:before{left:15px; background-position:left top;}
.section .owl-nav .owl-next{right:0}
.section .owl-nav .owl-next:before{left:19px; background-position:right top;}

/* information */
#information{overflow:hidden;}

#information .open-time{float:left; width:24%; padding:2.1%; background:#f5f5f5; box-sizing:border-box;}
#information .open-time h2{margin-bottom:10px; font-size:1.5em; color:#000; letter-spacing:.5px; font-weight:normal;}
#information .open-time h2 span{font-size:1.5em;}

#information .open-time .h2{margin-bottom:10px; font-size:1.5em; color:#000; letter-spacing:.5px; font-weight:normal;}
#information .open-time .h2 span{font-size:1.5em;}

#information .open-time p{font-size:1em; color:#666; line-height:24px; word-break:break-all}
#information .open-time p.mark{min-height:24px;}
#information .open-time .more{display:block; margin-top:10px; padding:10px; background:#979797; font-size:0.938em; color:#FFF; text-align:center; transition:all .3s;}
#information .open-time .more:hover{background:#000; color:#FFF;}

#information .xdsoft_datetimepicker{float:left; width:24%; margin-left:3%;}

#information .schedule{float:right; width:46%;}
#information .schedule dl{position:relative; margin-bottom:10px; padding:0 0 10px 60px; border-bottom:1px solid #e4e4e4;}
#information .schedule dt{position:absolute; left:0; top:0; width:50px; transition:all .3s;}
#information .schedule dt img{display:block; width:100%; height:auto;}

#information .schedule dd span{display:block; font-size:0.75em; color:#999; line-height:25px; letter-spacing:1px;}
#information .schedule dd p{font-size:1.125em; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s;}

#information .schedule dl a:hover dt{opacity:.6;}
#information .schedule dl a:hover dd p{color:#666;}
#information .schedule .more{display:inline-block; margin-top:5px; padding:10px 15px; background:#222; font-size:0.938em; color:#FFF; text-align:center; transition:all .3s;}
#information .schedule .more:after{content:""; position:relative; top:2px; display:inline-block; width:14px; height:15px; margin-left:5px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/index_event.png);}
#information .schedule .more:hover{background:#666;}

/* footer */
#footer{padding:30px 0; background:#000;}
#footer > .wrap{position:relative; width:96%; max-width:1400px; margin:0 auto; padding-right:500px; box-sizing:border-box;}
#footer > .wrap .left{overflow:hidden;}
#footer > .wrap .left .group{float:left; width:29.33%; margin:0 2%;}
#footer > .wrap .left .group h2{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #4e4e4e; font-size:1.125em; color:#FFF;}
#footer > .wrap .left .group .h2{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #4e4e4e; font-size:1.125em; color:#FFF;display:block;font-weight:bold;}
#footer > .wrap .left .group li{padding-bottom:10px;}
#footer > .wrap .left .group li a{font-size:0.938em; color:#999; line-height:18px;}
#footer > .wrap .left .group li a:hover{color:#FFF;}
#footer > .wrap .right a{
    color:#ffffff;
}
#footer > .wrap .right a:hover{
    opacity:.6;
}
#footer > .wrap .right{position:absolute; right:0; top:0;}
#footer > .wrap .right .link{margin-bottom:20px; overflow:hidden;}
#footer > .wrap .right .link .epaper{float:left; display:block; width:130px; margin-right:6px; background:#727272; font-size:1em; color:#FFF; line-height:50px; text-align:center; transition:all .3s;}
#footer > .wrap .right .link .epaper.cancel{background:#2e2e2e;}
#footer > .wrap .right .link .epaper:hover{background:#CCC; color:#000;}
#footer > .wrap .right .link span{float:left; display:block; overflow:hidden;}
#footer > .wrap .right .link span a{position:relative; float:left; display:block; width:50px; height:50px; margin-right:6px; border:1px solid #262626; text-indent:-9999px; transition:all .3s; box-sizing:border-box;}
#footer > .wrap .right .link span a:before{content:""; position:absolute; left:7px; top:14px; display:block; width:33px; height:22px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/footer_icon.png);}
#footer > .wrap .right .link span a:hover{opacity:.6;}
#footer > .wrap .right .link span a.mail:before{background-position:left top;}
#footer > .wrap .right .link span a.circle:before{background-position:center top;}
#footer > .wrap .right .link span a.cart:before{background-position:right top;}
#footer > .wrap .right p{font-size:0.938em; color:#aaa; line-height:30px;}

/* map */
#map{width:100%; height:250px;}

/* copyright */
#copyright{padding:10px 0; background:#000;}
#copyright .wrap{width:96%; max-width:1400px; margin:0 auto; overflow:hidden;}
#copyright .wrap .left{float:left; font-size:0.812em; color:#FFF; line-height:25px;}
#copyright .wrap .left a{display:inline-block; margin:0 5px; color:#FFF; transition:all .3s;}
#copyright .wrap .left a:hover{color:#CCC;}
#copyright .wrap .left p{padding-left:5px; font-size:0.75em; color:#999; line-height:20px; letter-spacing:.5px;}
#copyright .wrap .right{float:right;}
#copyright .wrap .right a{display:inline-block; text-indent:-9999px;}
#copyright .wrap .right a.accessibility{width:102px; height:36px; margin-right:10px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/accessibility.jpg);}
#copyright .wrap .right a.gov{width:43px; height:45px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/gov.png);}

/* gotop */
#gotop{position:fixed; right:0; bottom:200px; display:block; width:35px; height:35px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181111173934/https://www.ntmofa.gov.tw/themes/49/index/images/gotop.png) center center no-repeat #000; text-indent:-9999px; transition:all .3s; z-index:99999;}
#gotop:hover{background-color:#999;}



/* RWD */
@media screen and (max-width:1400px){
  #slider .news iframe{margin:5% 0;}
}

@media screen and (max-width:1200px){
/* header */
#header > .wrap .function{margin-top:20px;}
#navigation{float:none; width:100%; clear:both;}
#navigation li{float:left;}
#navigation li:nth-child(1) ,
#navigation li:nth-child(2) ,
#navigation li:nth-child(3){/*width:12%;*/}
#navigation li{/*width:8%;*/ margin:0; padding:0 1.5%; text-align:center; box-sizing:border-box;}
#navigation li a{display:block;}
/* slider */
#slider .news li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#slider .news li{padding:4% 0 2% 0;}
#slider .news .more{margin-top:1%;}
#slider .news li span{ margin-top:1%;}
/* information */
#information{padding-top:20px;}
#information .open-time{width:48%; padding:3.8%; text-align:center;}
#information .xdsoft_datetimepicker{float:right; width:48%; margin-left:0;}
#information .schedule{float:none; width:100%; clear:both; padding-top:40px;}
}

@media screen and (max-width:1000px){
/* slider */
#slider{padding:0;}
#slider h2{margin-bottom:20px;}
#slider .news{position:static; width:100%; padding:20px;}
#slider .news li{padding:10px 0;}
#slider .news li a{display:inline; white-space:normal;}
#slider .news li span{margin-top:10px;}
#slider .news .more{margin-top:10px;}
#slider .owl-dots{top:auto; bottom:0; width:100%; padding:10px 0; text-align:center;}
#slider .news iframe{margin:7% 0 1%;}
/* footer */
#footer > .wrap{padding-right:0;}
#footer > .wrap .left .group{float:none; width:100%; margin:0 auto 30px auto; text-align:center;}
#footer > .wrap .left .group h2{margin-bottom:0; border-bottom:none;}
#footer > .wrap .left .group .h2{margin-bottom:0; border-bottom:none;}
#footer > .wrap .left .group li{display:inline-block; padding:0 10px;}
#footer > .wrap .right{position:static; max-width:440px; margin:0 auto; text-align:center;}
/* copyright */
#copyright .wrap .left ,
#copyright .wrap .right{float:none; width:100%; text-align:center;}
#copyright .wrap .left p{padding:10px 0;}
}

@media screen and (max-width:768px){
/* header */
#header > .wrap{padding:15px 0;}
#header > .wrap .function{margin-top:5px;}
#header > .wrap .function .lang ,
#header > .wrap .function .link{display:none;}
#header > .wrap .function form{float:none; display:inline-block;}
#logo{margin:0;}
#navigation{display:none;}
/* mobile */
#mobi-btn{display:inline-block;}
/* slider */
#slider{margin-top:77px;}
#slider .item img.pad{display:block;}
#slider .item img.pc ,
#slider .item img.phone{display:none;}
/* section */
.section .item dd{position:static; opacity:1;}
.section .item dd span{position:static; margin-top:10px;}
/* footer */
#footer > .wrap .left{display:none;}
}

@media screen and (max-width:640px){
/* section */
.section{margin-bottom:30px; padding-left:0;}
.section .title{position:static; width:100%; height:auto; padding:20px 0; background:none; overflow:hidden;}
.section .title .tab{float:left;}
.section .title .tab a{display:none;}
.section .title .tab a.active{display:block; background:none; font-size:1.875em; color:#666; text-align:left;}
.section .title .more{margin-top:5px; font-size:1.125em;}
.section .title .more:hover{color:#000;}
/* information */
#information{padding:0;}
#information .open-time ,
#information .xdsoft_datetimepicker{float:none; width:100%; margin:20px auto;}
#information .schedule{padding-top:0;}
#information .schedule .more{display:block; width:130px; margin:20px auto;}
}

@media screen and (max-width:550px){
/* header */
#logo{float:none; margin:0 auto}
#header > .wrap .function{float:none; width:100%; text-align:center;}
/* slider */
#slider{margin-top:123px;}
}

@media screen and (max-width:480px){
/* slider */
#slider .item img.phone{display:block;}
#slider .item img.pc ,
#slider .item img.pad{display:none;}
/* footer */
#footer{padding:20px 0;}
#footer > .wrap .right .link{margin-bottom:10px;}
#footer > .wrap .right .link .epaper{width:48%; margin:0 1% 10px 1%;}
#footer > .wrap .right .link span{float:none; display:block; width:100%;}
#footer > .wrap .right .link span a{width:31.33%; margin:0 1%;}
#footer > .wrap .right .link span a:before{left:50%; margin-left:-16.5px;}
/* gotop */
#gotop{display:none;}
}







/*
     FILE ARCHIVED ON 17:39:34 十一月 11, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 10:11:26 五月 12, 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)).
*/