﻿@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul,ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}address{font-style:normal}body{font-size:14px;line-height:1.4;margin:0;position:relative;background:#ffffff;font-family:'PMingLiU', AR Ming B , serif;color:#333}.wrapper{position:relative;width:100%;max-width:1030px;min-width:935px;margin:0 auto;display:block}.wrapper select::-ms-expand{display:none}@media (max-width: 780px){.wrapper{min-width:inherit;overflow:hidden}}.header-wrapper{position:relative;width:100%;min-width:1030px;transition:.5s}.header-wrapper:before{position:absolute;display:block;content:"";bottom:0;background-color:#F3F3F3;height:70px;width:100%;z-index:-1}.header-wrapper header{margin:0 auto;width:1030px}.header-wrapper #header-search form{width:1030px;margin:0 auto 5px;padding-top:16px;text-align:right}.header-wrapper #header-search form input,.header-wrapper #header-search form button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-wrapper #header-search form .radio{display:inline-block;margin-bottom:20px}.header-wrapper #header-search form .radio input{display:none}.header-wrapper #header-search form .radio input+label{font-size:18px;font-family:'Noto Sans TC';line-height:1.2;position:relative;padding-left:26px;margin-right:40px}@media (max-width: 780px){.header-wrapper #header-search form .radio input+label{margin-right:24px}}.header-wrapper #header-search form .radio input+label:before{display:block;position:absolute;content:"";top:4px;left:0;width:16px;height:16px;border:1px solid #AAAAAA;border-radius:3px}.header-wrapper #header-search form .radio input+label:hover{cursor:pointer}.header-wrapper #header-search form .radio input:checked+label:before{border-color:#B8124B;background-color:#B8124B}.header-wrapper #header-search form .radio input:checked+label:after{display:block;position:absolute;content:"✔︎";top:6px;left:4px;font-size:12px;color:#fff}.header-wrapper #header-search form .text-freeword{display:inline-block;line-height:1.2;width:250px;padding:8px;padding-right:50px;font-size:16px;border:1px solid #898989;border-radius:5px;background-color:#fff;box-sizing:border-box}.header-wrapper #header-search form button{margin-left:-47px;width:42px;height:37px;vertical-align:top;background-color:#898989;border:1px solid #898989;border-radius:0 5px 5px 0}.header-wrapper #header-search form button img{width:80%}.header-wrapper #header-search form button:hover{cursor:pointer}.header-wrapper .header-nav{background-color:#F3F3F3;width:100%;text-align:center;padding:16px 0}.header-wrapper .header-nav li{display:inline-block;width:200px;text-align:center}.header-wrapper .header-nav li a{display:block;cursor:pointer;padding:5px;border-left:2px dotted #aaa}.header-wrapper .header-nav li a:hover{opacity:1}.header-wrapper .header-nav li img{height:26px;width:auto}.header-wrapper .header-nav li:first-child a{border:none}@media (max-width: 780px){.header-wrapper{min-width:inherit}.header-wrapper header{width:100%}.header-wrapper #header-search form{width:100%;padding-right:8px;box-sizing:border-box}.header-wrapper .header-nav li{width:19%}}.header-wrapper.smallHeight{position:fixed;top:-80px;z-index:1000;background-color:#FFFFFF;transition:.3s}.header-wrapper.smallHeight:before{display:none}.header-wrapper.smallHeight.open{top:0}.header-wrapper.smallHeight header #header-logo{display:none}.header-wrapper.smallHeight header #header-search form{margin:0 0 5px auto}@media (max-width: 780px){.header-wrapper.smallHeight header #header-search form{padding-left:2%;padding-right:2%;box-sizing:border-box}}.header-wrapper.smallHeight header #header-search form .radio input+label{margin-right:30px}@media (max-width: 780px){.header-wrapper.smallHeight header #header-search form .radio input+label{margin-right:10px}}.header-wrapper.smallHeight header #header-search form .text-freeword{width:180px;margin-top:-4px;margin-bottom:4px}@media (max-width: 780px){.header-wrapper.smallHeight header #header-search form .text-freeword{width:136px}}.header-wrapper.smallHeight header #header-search form button{margin-top:-4px;margin-bottom:4px}.header-wrapper.smallHeight header .header-nav{position:absolute;width:620px;background-color:#fff;top:0}.header-wrapper.smallHeight header .header-nav li{width:120px}.header-wrapper.smallHeight header .header-nav li img{height:20px}@media (max-width: 780px){.header-wrapper.smallHeight header .header-nav{width:60%}.header-wrapper.smallHeight header .header-nav li{width:18%}.header-wrapper.smallHeight header .header-nav li img{height:16px}}h1,#header-logo{width:1030px;margin:10px auto}h1 #tbir_logo,h1 #ciao_logo,#header-logo #tbir_logo,#header-logo #ciao_logo{float:left;margin-right:10px}h1 #tbir_logo img,h1 #ciao_logo img,#header-logo #tbir_logo img,#header-logo #ciao_logo img{height:52px}@media (max-width: 780px){h1,#header-logo{width:100%}}#side-nav{float:right;width:300px;padding-top:20px;padding-bottom:50px}@media (max-width: 780px){#side-nav{width:30%;padding-right:2%;box-sizing:border-box}}#side-nav #side-book{padding-bottom:16px;border:1px solid #aaa}#side-nav #side-book .side-cover{text-align:center;color:#333}#side-nav #side-book .side-cover .side-cover-title{font-size:20px;padding:10px 0 6px;border-bottom:1px solid #333}#side-nav #side-book .side-cover .side-cover-sub{padding:10px 0 8px;font-size:16px;font-family:'Noto Sans TC'}#side-nav #side-book .side-cover .book-hyoushi{display:block;width:220px;margin:0 auto}#side-nav #side-book .side-cover .book-hyoushi:hover{opacity:0.8}#side-nav #side-book .side-cover span{display:block;font-size:20px;padding:5px 0;letter-spacing:1px}#side-nav #side-book .side-cover .gobook{display:block;width:255px;margin:0 auto}#side-nav #side-book .btn{padding:10px 20px;border-radius:5px;margin:0 auto 10px;display:block;font-family:'Noto Sans TC';color:#ffffff;text-decoration:none;font-size:18px;line-height:25px}@media (max-width: 780px){#side-nav #side-book .side-cover .side-cover-title{font-size:15px}#side-nav #side-book .side-cover .book-hyoushi{width:86%}}#side-nav .btn-read{background:#B8124B;text-align:center;width:255px;box-sizing:border-box;margin:0 auto}#side-nav .btn-read img{display:inline-block;vertical-align:middle;width:15%;margin:0;margin-top:-8px}@media (max-width: 780px){#side-nav .btn-read{width:86%}#side-nav .btn-read img{margin-top:-3px}}#side-nav #side-search h4,#side-nav #side-hash h4,#side-nav #side-recommend h4,#side-nav #side-ranking h4{margin:16px 0 10px;font-size:20px;font-family:'Noto Sans TC';font-weight:bold}#side-nav #side-search h4:before,#side-nav #side-hash h4:before,#side-nav #side-recommend h4:before,#side-nav #side-ranking h4:before{display:inline-block;content:"";background-color:#B8124B;width:5px;height:20px;vertical-align:-3px;margin-right:8px}#side-nav #side-search{margin-top:30px;margin-bottom:30px;padding:16px 22px 30px;background-color:#F3F3F3;box-sizing:border-box}#side-nav #side-search .choice{display:inline-block;padding:8px 0;margin-bottom:15px;font-family:'Noto Sans TC';font-weight:bold;background-color:#fff;width:120px;border:1px solid #B8124B;border-radius:5px;text-align:center;font-size:16px;color:#707070;box-sizing:border-box}@media (max-width: 780px){#side-nav #side-search .choice{width:45%}}#side-nav #side-search .choice:nth-child(2n-1){margin-right:12px}#side-nav #side-search .choice.active{color:#fff;background-color:#B8124B}#side-nav #side-search .choice:hover{cursor:pointer;color:#fff;background-color:#B8124B}#side-nav #side-search label{display:block;font-size:16px;font-family:'Noto Sans TC';margin-bottom:5px}#side-nav #side-search .selectWrap{position:relative;margin-bottom:25px}#side-nav #side-search .selectWrap:before{display:block;position:absolute;content:"";width:6px;height:6px;border-top:2px solid #707070;border-right:2px solid #707070;transform:rotate(135deg);top:14px;right:16px}#side-nav #side-search select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2;width:100%;padding:10px 16px 8px;font-size:16px;border:1px solid #000;border-radius:5px;background-color:#fff;margin-bottom:5px;cursor:pointer}#side-nav #side-search button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;background-color:#070450;border-radius:5px;font-family:'Noto Sans TC';color:#fff;line-height:50px;font-size:18px;text-align:center;cursor:pointer}#side-nav #side-hash{margin-top:30px;margin-bottom:30px}#side-nav #side-hash .h-tag{display:inline-block;font-size:15px;font-family:'Noto Sans TC';color:#707070;margin:0 20px 8px 0}#side-nav #side-hash .h-tag:hover{opacity:1;color:#B8124B}#side-nav #side-recommend,#side-nav #side-ranking{margin-bottom:20px;color:#333;width:300px}@media (max-width: 780px){#side-nav #side-recommend,#side-nav #side-ranking{width:100%}}#side-nav #side-recommend ul,#side-nav #side-ranking ul{margin-bottom:10px}@media (max-width: 780px){#side-nav #side-recommend ul,#side-nav #side-ranking ul{margin-bottom:20px}}#side-nav #side-recommend ul .reco,#side-nav #side-recommend ul .rank,#side-nav #side-ranking ul .reco,#side-nav #side-ranking ul .rank{position:relative;width:100%;margin-bottom:16px}#side-nav #side-recommend ul .reco div,#side-nav #side-recommend ul .rank div,#side-nav #side-ranking ul .reco div,#side-nav #side-ranking ul .rank div{position:relative;display:inline-block;width:90px;height:90px;margin:0 6px 0 0;overflow:hidden}@media (max-width: 780px){#side-nav #side-recommend ul .reco div,#side-nav #side-recommend ul .rank div,#side-nav #side-ranking ul .reco div,#side-nav #side-ranking ul .rank div{width:70px;height:70px}}#side-nav #side-recommend ul .reco div img,#side-nav #side-recommend ul .rank div img,#side-nav #side-ranking ul .reco div img,#side-nav #side-ranking ul .rank div img{position:absolute;height:100%;width:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}#side-nav #side-recommend ul .reco p,#side-nav #side-recommend ul .rank p,#side-nav #side-ranking ul .reco p,#side-nav #side-ranking ul .rank p{display:inline-block;font-size:12px;line-height:1.4;width:200px;vertical-align:top;color:#707070;font-family:'Noto Sans TC'}@media (max-width: 780px){#side-nav #side-recommend ul .reco p,#side-nav #side-recommend ul .rank p,#side-nav #side-ranking ul .reco p,#side-nav #side-ranking ul .rank p{width:calc(100% - 80px)}}#side-nav #side-recommend ul .reco p span,#side-nav #side-recommend ul .rank p span,#side-nav #side-ranking ul .reco p span,#side-nav #side-ranking ul .rank p span{position:absolute;display:block;bottom:5px;right:0}#side-nav #side-recommend ul .reco p:hover,#side-nav #side-recommend ul .rank p:hover,#side-nav #side-ranking ul .reco p:hover,#side-nav #side-ranking ul .rank p:hover{opacity:0.8}#side-nav #side-recommend ul .reco:hover,#side-nav #side-recommend ul .rank:hover,#side-nav #side-ranking ul .reco:hover,#side-nav #side-ranking ul .rank:hover{color:#333}#side-nav #side-recommend ul .reco:hover p,#side-nav #side-recommend ul .rank:hover p,#side-nav #side-ranking ul .reco:hover p,#side-nav #side-ranking ul .rank:hover p{text-decoration:underline}#side-nav #side-recommend ul .reco:hover img,#side-nav #side-recommend ul .rank:hover img,#side-nav #side-ranking ul .reco:hover img,#side-nav #side-ranking ul .rank:hover img{opacity:0.8}#side-nav #side-recommend ul a,#side-nav #side-ranking ul a{position:absolute;width:100%;height:100%;top:0;left:0}#side-nav #side-ranking{margin-bottom:0}#side-nav #side-ranking ul{margin-bottom:40px}#side-nav #side-ranking .rank{position:relative}#side-nav #side-ranking .rank p{margin-top:24px}@media (max-width: 780px){#side-nav #side-ranking .rank p{margin-top:0}}#side-nav #side-ranking .rank:before{position:absolute;content:"1";background-color:#B8124B;font-family:'Noto Sans TC';color:#fff;font-size:14px;width:50px;top:0;left:100px;text-align:center;border-radius:10px}@media (max-width: 780px){#side-nav #side-ranking .rank:before{left:0}}#side-nav #side-ranking .rank:nth-child(2):before{content:"2"}#side-nav #side-ranking .rank:nth-child(3):before{content:"3"}#side-nav #side-ranking .rank:nth-child(4):before{content:"4"}#side-nav #side-ranking .rank:nth-child(5):before{content:"5"}#side-nav #side-recommend{margin-bottom:80px}#side-nav #side-recommend ul .reco{margin-bottom:0}#side-nav #side-recommend ul .reco p{width:190px}#side-nav #side-recommend ul .reco div{width:100px;height:70px}@media (max-width: 780px){#side-nav #side-recommend ul .reco{margin-bottom:20px}#side-nav #side-recommend ul .reco p{width:calc(100% - 90px)}#side-nav #side-recommend ul .reco p span{bottom:-5px}#side-nav #side-recommend ul .reco div{width:80px;height:55px}}#side-nav #side-recommend .reco-more{display:inline-block;float:right;padding:0 8px;text-align:right;font-size:14px;border:2px solid #333;border-radius:20px;line-height:24px;color:#333;font-family:'Noto Sans TC';font-weight:bold;text-decoration:none}#side-nav #side-recommend .reco-more span{font-size:16px;margin-right:8px;vertical-align:1px}#side-nav #side-recommend .reco-more:hover{background-color:#333;opacity:1;color:#fff}#side-nav .side-ad img,#side-nav .side-ad2 img{width:100%}#side-nav .side-ad2{margin-bottom:80px}#side-nav .feature-more{display:inline-block;float:right;padding:0 8px;text-align:right;font-size:14px;border:2px solid #333;border-radius:20px;line-height:24px;color:#333;font-family:'Noto Sans TC';font-weight:bold;text-decoration:none}#side-nav .feature-more span{font-size:16px;margin-right:8px;vertical-align:1px}#side-nav .feature-more:hover{background-color:#333;opacity:1;color:#fff}#side-nav #side-sns{margin-top:60px}#side-nav #side-sns.scrollFix{position:fixed;top:0;margin-top:70px}#side-nav #side-sns.scrollBottom{position:absolute;top:auto;bottom:100px}#side-nav #side-sns .fbTB{display:none}@media (max-width: 780px){#side-nav #side-sns .fbPC{display:none}#side-nav #side-sns .fbTB{display:block}}footer{position:relative;width:100%;background:#EFEFEF;padding-top:35px;padding-bottom:20px;color:#000;font-family:'Noto Sans TC'}footer .attention{display:block;margin-bottom:10px;font-size:16px;width:1000px;margin:-15px auto 10px;color:#666666}footer a{color:#000;text-decoration:none;font-style:normal}footer a.footerBFlink{display:block;position:absolute;bottom:30px;right:0;width:60px}footer a.footerBFlink img{width:100%}footer a.footerIGlink{display:block;position:absolute;bottom:30px;right:75px;width:60px}footer a.footerIGlink img{width:100%}footer .footer-navi{margin:0 auto;width:100%;max-width:1030px;min-width:935px;font-size:20px;padding-bottom:16px}footer .footer-navi li{display:inline;border-left:1px solid #000;padding:0 14px 0 18px}footer .footer-navi li:first-child{border:none}footer .contact{position:relative;width:100%;max-width:1030px;min-width:935px;margin:0 auto;font-size:16px;padding-bottom:25px;color:#666666}footer .contact address{font-style:normal;margin:0}footer .contact a{color:#666666}footer .inquiry,footer address{text-align:center;display:inline;margin:0 15px}footer .footer_logo{text-align:center;margin:0 auto;width:275px}footer .footer_logo .footer_tabiiro_logo{float:left}footer .footer_logo .footer_collabo{float:left;margin:10px 20px;font-size:30px}footer .copyright{width:100%;max-width:1030px;min-width:935px;margin:0 auto;text-align:right;font-size:16px;color:#666666}@media (max-width: 780px){footer .attention{width:96%}footer .footer-navi,footer .contact,footer .copyright{min-width:inherit}footer a.footerBFlink{right:2%}footer .copyright{padding-right:2%;box-sizing:border-box}}#breadcrumb{margin:20px 0 15px}#breadcrumb ul li{display:inline-block;font-size:12px;color:#707070;font-family:'Noto Sans TC'}#breadcrumb ul li a{cursor:pointer;text-decoration:none;color:#707070}#pageTop{position:fixed;bottom:20px;right:20px;z-index:10}#pageTop a{display:block;width:10px;height:10px;background-image:url(/images/top.png);background-size:contain;background-repeat:no-repeat;width:50px;height:80px;position:relative}#pageTop a:hover{text-decoration:none;opacity:0.7}.clearfix:after{content:"";display:block;clear:both}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}@media (max-width: 780px){.main-area{padding-left:2%;box-sizing:border-box}}footer{width:100%}footer.fixed{position:fixed;bottom:0}h1{font-size:30px;margin-top:0px;padding:0 10px;margin-bottom:30px}h2{font-size:18px}ol{margin:10px;font-size:16px}ol li{list-style-type:decimal;line-height:1.5;margin-left:2em;margin-bottom:0.5em}p,dt,dd{font-size:16px;margin-bottom:10px}dl{margin-bottom:30px}#info .read{font-size:20px;margin-bottom:40px}#info #intro .text-area{float:left;width:70%}#info #intro .img{float:left;width:25%}#info #intro .copy{font-size:26px;color:#010923;margin-bottom:10px;font-weight:bold}#info .img a{display:block}#info .img a:hover{opacity:0.7}#info dt{font-weight:bold}#info h2{font-family:"Microsoft JhengHei","微軟正黑體" , SimSun , Arial , AR UDShuyuanhei M , sans-serif;margin-bottom:20px;color:#898989}#info #closing{font-family:"Microsoft JhengHei","微軟正黑體" , SimSun , Arial , AR UDShuyuanhei M , sans-serif;font-size:18px;margin-bottom:20px}.headline{float:left;border:1px solid #bcbfca;color:#212c50;width:29%;font-family:"Microsoft JhengHei","微軟正黑體" , SimSun , Arial , AR UDShuyuanhei M , sans-serif;text-align:center;padding:10px 0;font-weight:bold;font-size:16px}.content{float:left;padding-left:3%;width:67%;margin:0}.content .plugin{display:inline-block;margin-top:20px;margin-right:20px}ol.content{padding-left:1em}ol.content ol li{list-style-type:none}ol.content ol li span{width:2em;display:inline-block;margin-left:-2em}#environment dl{border-bottom:1px dotted #c7c7c7;padding-bottom:20px;margin-bottom:20px}#environment dl:last-child{border-bottom:none}#regulation .list{border-bottom:1px dotted #c7c7c7;padding-bottom:20px;margin-bottom:20px}#regulation .list.red{color:#da2121}#regulation .list.red .headline{color:#da2121;border:1px solid #da2121}#regulation .list:last-child{border-bottom:none}
