@charset "utf-8";
html, body{min-width:33.33vw;background:#FFF;}
.searccls{cursor:pointer;}
.show400{display:none!important;}
.hide400{display:block;}
.cutblock{position:relative;}
.fbbold{font-weight:900;}
.fbold{font-weight:700;}
.fnormal{font-weight:400;}
.fupcase{text-transform: uppercase; }
.fcapital{text-transform: capitalize;}
.selectstep2{display:none;}
.fullbg{position:absolute;top:0;left:0;width:100%;height:100%;}
/* ## margin ############## */
.mu05{margin-top:0.5vw;}
.mu1{margin-top:1vw;}
.mu2{margin-top:2vw;}
.mu3{margin-top:3vw;}
.mu4{margin-top:4vw;}
.mb2{margin-bottom:2vw;}
.myerror{position: absolute;top: 46%;left: 42%;}
.nscolor1{background:#ff0000;}/*鐵路*/
.nscolor2{background:#0000ff;}/*高鐵 */
.nscolor3{background:#00ff00;}/*國道*/
.nscolor11{background:#00db00;}
.nscolor21{background:#ffff37;}
.nscolor31{background:#ff0000;}
.fcolor1{color:#3f5e72;}/*網站色*/
.fcolor2{color:#d1bd50;}/*High light 色 */
.fcolor3{color:#cd6745;}/*紅點*/
.fcolor4{color:#ff6c00;}/*亮局色*/
.fcolor5{color:#bf3a36;}/*紅字*/
.fcolor11{color:#fff;}/*白色*/
.fcolor12{color:#dde2e5;}/*幾乎白*/
.fcolor13{color:#7a8e71;}/*中灰*/
.fcolor14{color:#889d89;}/*淡灰色*/
.fcolor15{color:#242424;}/*幾乎黑*/
.fcolor16{color:#b1903c;}/*幾乎黑*/

.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.scolor1{background:#731d1a;}/* swatch 顏色 */
.scolor2{background:#49799a;}/* swatch 顏色 */
.scolor3{background:#a58b3d;}/* swatch 顏色 */
.scolor4{background:#e952ce;}/* swatch 顏色 */
.scolor5{background:#05a464;}/* swatch 顏色 */
.scolor6{background:#06bdff;}/* swatch 顏色 */
.scolor21{background:#e2e1ee;}/*區塊被景色 1*/
.scolor22{background:#eae9a6;}/*區塊被景色 2*/
.scolor23{background:#f1c775;}/*區塊被景色 3*/

.bkgnd1{background:#3f5e72;}/*網站色*/
.bkgnd2{background:#bb9f64;}/*特殊被景色*/
.bkgnd2{background:#bb9f64;}/*特殊被景色*/
.bkgnd11{background:#ffffff;}/*白*/
.bkgnd12{background:#fafafa;}/*幾乎白*/
.bkgnd13{background:#f1f1f1;}/*也很白*/
.bkgnd14{background:#dbe2d7;}
.bkgnd15{background:#536d7b;}/*淡一點的網站色*/
.bkgnd16{background:#88b2ce;}/*mobile header*/
.bkinmenu{background:rgba(63,94,114,0.5);}

.linecolor1{background:#c48c31;}/*文湖*/
.linecolor2{background:#e3002c;}/*淡水信義線 */
.linecolor3{background:#fd92a3;}/*新北投支線*/
.linecolor4{background:#008659;}/*松山新店線 */
.linecolor5{background:#cfdb00;}/*小碧潭支線*/
.linecolor6{background:#f8b61c;}/*中和新蘆線*/
.linecolor7{background:#0070bd;}/*板南線  */
.linecolor8{background:#fedb00;}/*環狀線 */
.linecolor9{background:#a1d884;}/*萬大樹林線  */
.linecolor10{background:#77bc1f;}/*貓空纜車  */
.linecolor11{background:#79bce8;}/*三鶯線 */
.linecolor12{background:#e5554f;}/*淡海輕軌  */
.linecolor13{background:#c3b091;}/*安坑輕軌 */
.linecolor14{background:#cc7722;}/*深坑輕軌  */
.linecolor15{background:#ff00ff;}/*五股泰山輕軌  */

.linecolor21{background:#8246AF;}/*機場線  */
.linecolor22{background:#0057B8;}/*桃園捷運藍線  */
.linecolor23{background:#B20016;}/*桃園捷運紅線  */
.linecolor24{background:#62A033;}/*桃園捷運綠線  */
.linecolor25{background:#006835;}/*桃園捷運綠線2-延伸線  */
.linecolor26{background:#824729;}/*桃園捷運棕線  */
.linecolor27{background:#00549D;}/*三鶯線桃園段  */
.linecolor28{background:#FFA500;}/*桃園捷運橘線 */

.linecolor31{background:#008000;}/*烏日文心北屯線、綠線延伸線  */
.linecolor32{background:#ea0437;}/*臺鐵捷運紅線  */

.linecolor41{background:#008000;}/*台南保留 */
.linecolor42{background:#ea0437;}/*台南保留 */

.linecolor51{background:#e20b65;}/*高雄紅線 */
.linecolor52{background:#faa73f;}/*高雄橘線 */
.linecolor53{background:#7cbd52;}/*高雄環狀輕軌 */
.linecolor54{background:#0008bd;}/*高雄台鐵捷運 */

.centerwrap{position:relative;width:88%;margin:0 auto;}
.centerwrap.h100{position:absolute;height:100%;top:0;left:50%;transform: translateX(-50%);z-index:2;}
.centerwrapmenu{width:68%;margin:0 auto;}
.font06{font-size:0.6vw;line-height:1vw;}
.font08{font-size:0.8vw;line-height:1.2vw;}
.font10{font-size:1vw;line-height:1.6vw;}
.font12{font-size:1.2vw;line-height:1.9vw;}
.font15{font-size:1.5vw;line-height:2.4vw;}
.font17{font-size:1.7vw;line-height:2.8vw;}
.font20{font-size:2vw;line-height:3.4vw;}

/* ############## HEAD ########## */

.headlogo{position:absolute;top:50%;left:0;transform: translateY(-50%);height:45%;z-index:2;}
.topbanners{position:relative;width:100%;z-index:1;display:block;}
#navmenu{z-index:2;position:absolute;display: inline-block;right:0;bottom:0;}
#navmenu .navitem{display: inline-block;float:left;width:7vw;text-align:center;height:2vw;border-top-left-radius:0.3vw; border-top-right-radius:0.3vw;background:#4e4e4e;margin:0 1px;font-size:1vw;line-height:2vw;color:2vw;}
#navmenu .navitem:hover{background:#666666;font-weight:bold;}
#menuline{position:relative;display: inline-block;border-left:1px solid #eee;margin:0.2vw 0.5vw;height:1.6vw;float:left;}
#menuglob{position:relative;display: inline-block;height:2vw;width:1vw;margin:0 0.5vw;float:left;}
#menuglob img{position:absolute;top:50%;left:0;transform: translateY(-50%);}
#menulanbox{position:relative;display: inline-block;height:2vw;width:5vw;float:left;}
#menulanbox select{width:100%;background:none;font-size:1vw;line-height:2vw;height:2vw;color:#fff;border:none;}
#menulanbox select option{font-size:1vw;line-height:2vw;color:#fff;background:#333;}

/* MAP */
.graphwrap{position:relative;padding:20px 0;height:38vw;overflow:hidden;}
.graphmap{position:relative;width:100%;height:100%;background:#eaeaea;z-index:1;}
#grabackbtn{position:absolute;top:28px;right:80px;z-index:9;font-size:14px;line-height: 26px;height:26px;width:80px;background:#fff;border-radius: 8px;border:1px solid #ccc;text-align:center;}
/* search 中文*/

.search1#searchwrap{position:absolute;top:50%;left:-24vw;transform: translateY(-50%);z-index:9;background:#fff;width:24vw;transition: all 0.6s;}
.search1#searchwrap.on{left:0;}
.search1  #searchcontrolbtn{cursor: pointer;position:absolute;top:50%;right:-4.9vw;transform: translateY(-50%) rotate(90deg);z-index:9;background:#fff;width:5vw;font-size:1.1vw;line-height:2.1vw;color:#000;width:8vw;text-align:center;border-top-left-radius: 0.5vw;border-top-right-radius: 0.5vw;}
.search1  #searchbox{padding:1.5vw 1vw 6vw 1vw;}
.search1  #searchbox h1{font-size:1.3vw;line-height: 1.6vw;color:#000;font-weight:bold;}
.search1  #searchbox h1  i{margin-right:0.5vw;}
.search1  #searchline{padding:0.5vw 0;}
.search1  #searchline span{display:inline-block;border-bottom: 1px solid #000;margin:0;float:left;}
.search1  #searchline span:nth-child(1){width:30%;border-bottom: 1px solid #e60012;}
.search1  #searchline span:nth-child(2){width:70%;border-bottom: 1px solid #000;}
.search1  .searchtline{padding:0.3vw 0;}
.search1  .searchtline p,.searchtline p{font-size:0.9vw;line-height: 1.4vw;color:#000;}
.search1  .searchtline p.red,a.red{color:#e60012;}
.search1  .searchtline span{display:inline-block;font-size:1vw;line-height: 2vw;color:#000;font-weight:bold;height:2vw;}
.search1  .searchtline span:nth-child(1){width:5vw;}
.search1  .searchtline span:nth-child(2){width:8vw;}
.search1  .searchtline span:nth-child(3){width:8vw;}
.search1  .searchtline span.w{width:16vw;}
.search1  .searchtline span select{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:1vw;line-height: 2vw;color:#000;}
.search1  .searchtline span input{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:1vw;line-height: 2vw;color:#000;}
.search1  .submitbtn{display:inline-block;font-size:1vw;line-height: 1.6vw;color:#fff;background:#e60012;border-radius: 0.5vw;padding:0.3vw 1vw;min-width:8vw;}
/* search 英文*/

.search2#searchwrap{position:absolute;top:50%;left:-24vw;transform: translateY(-50%);z-index:9;background:#fff;width:24vw;transition: all 0.6s;}
.search2#searchwrap.on{left:0;}
.search2 #searchcontrolbtn{cursor: pointer;position:absolute;top:50%;right:-4.9vw;transform: translateY(-50%) rotate(90deg);z-index:9;background:#fff;width:5vw;font-size:1.1vw;line-height:2vw;color:#000;width:8vw;text-align:center;border-top-left-radius: 0.5vw;border-top-right-radius: 0.5vw;}
.search2 #searchbox{padding:1.5vw 1vw 6vw 1vw;}
.search2 #searchbox h1{font-size:1.3vw;line-height: 1.6vw;color:#000;font-weight:bold;}
.search2 #searchbox h1  i{margin-right:0.5vw;}
.search2 #searchline{padding:0.5vw 0;}
.search2 #searchline span{display:inline-block;border-bottom: 1px solid #000;margin:0;float:left;}
.search2 #searchline span:nth-child(1){width:30%;border-bottom: 1px solid #e60012;}
.search2 #searchline span:nth-child(2){width:70%;border-bottom: 1px solid #000;}
.search2 .searchtline{padding:0.3vw 0;}
.search2 .searchtline p,.searchtline p{font-size:0.9vw;line-height: 1.4vw;color:#000;}
.search2 .searchtline p.red,a.red{color:#e60012;}
.search2 .searchtline span{display:block;font-size:1vw;line-height: 2vw;color:#000;font-weight:bold;height:2vw;margin:0.3vw 0;}
.search2 .searchtline span:nth-child(1){width:20vw;}
.search2 .searchtline span:nth-child(2){width:20vw;}
.search2 .searchtline span:nth-child(3){width:20vw;}
.search2 .searchtline span.w{width:20vw;}
.search2 .searchtline span select{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:1vw;line-height: 2vw;color:#000;}
.search2 .searchtline span input{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:1vw;line-height: 2vw;color:#000;}
.search2 .submitbtn{display:inline-block;font-size:1vw;line-height: 1.6vw;color:#fff;background:#e60012;border-radius: 0.5vw;padding:0.3vw 1vw;min-width:8vw;}
/* POP */
#pop{position:fixed;top:0;height:100%;left:0;width:100%;;height:100%;z-index:999998;background:rgba(0,0,0,0.7);}
#popin{position:fixed;top:10vh;height:80vh;width:100%;}
#popin .centerwrap{background:#fff;max-width:1200px;height:calc(100% - 4vw);padding:2vw 3vw;}
#popin .centerwrapin{position:relative;z-index:1;max-height:calc(100% - 2vw);padding: 1vw;overflow: auto}
.popclosebtn{position:absolute;top:0;right:0;height:2.5vw;width:2.5vw;text-align:center;z-index:99;}
.popclosebtn i{font-size:2vw;line-height:2.5vw;color:#444;}
#popin table{width:100%;border:1px solid #999;border-collapse: collapse;}
#popin table tr{border:1px solid #999;border-collapse: collapse;}
#popin table tr td{padding:0.5vw;font-size:1vw;line-height:1.6vw;vertical-align: top;}
#popin table tr td:nth-child(1){width:25%;color:#66E;font-weight: bold;}
#popin table tr td:nth-child(2){width:75%;color:#333;}


/* ######### footer ######### */
footer{background:#3e3e3e;padding:1.5vw 0;}
#footbk1{position:relative;float:left;width:42%;text-align:left;height:3.6vw;}
#footbk2{position:relative;float:left;width:calc(42% - 1px);height:3.6vw;border-right:1px solid #fff;}
#footbk3{position:relative;float:left;width:15%;padding-left:1%;height:3.6vw;}
#flblock{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
#footbk1 a{font-size:1.4vw;line-height:1.4vw;color:#fff;margin:0;display:inline-block;padding:0 1vw;}
#footbk1 a:nth-child(1){border-right:1px solid #fff;}
#footbk2 img{height:3.6vw;float:left;margin-right:0.6vw;}
#footbk2 p{font-size:0.7vw;line-height:1.2vw;color:#fff;}
#footbk3 p{font-size:1.1vw;line-height:1.1vw;color:#fff;}
#fb3in{padding-top:0.5vw;}
#fb3in img{height:2vw;margin-right:1vw;}
@media screen and (max-width: 1600px) {
  .centerwrap{position:relative;width:74%;margin:0 auto;}
  .centerwrapmenu{width:74%;margin:0 auto;}
  .font06{font-size:0.66vw;line-height:1.1vw;}
  .font08{font-size:0.9vw;line-height:1.4vw;}
  .font10{font-size:1.1vw;line-height:1.7vw;}
  .font12{font-size:1.3vw;line-height:2vw;}
  .font15{font-size:1.6vw;line-height:2.5vw;}
  .font17{font-size:1.8vw;line-height:2.8vw;}
  .font20{font-size:2.1vw;line-height:3.5vw;}
  #flchart1wrap{height:28.5vw;}
  #flchart2wrap{height:14vw;}
  #flchart3wrap{height:14vw;}
}
/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 1360px) {
  .centerwrap{position:relative;width:78%;margin:0 auto;}
  .centerwrapmenu{width:78%;margin:0 auto;}
  .font06{font-size:0.7vw;line-height:1.1vw;}
  .font08{font-size:1vw;line-height:1.6vw;}
  .font10{font-size:1.2vw;line-height:1.8vw;}
  .font12{font-size:1.4vw;line-height:2.1vw;}
  .font15{font-size:1.7vw;line-height:2.6vw;}
  .font17{font-size:1.9vw;line-height:3vw;}
  .font20{font-size:2.3vw;line-height:3.8vw;}
  .chatsp32item{width:32.6%;height:32.6vw;background:#fff;border-radius:1vw;float:right;}
  .chatsp31item{width:32.6%;height:16vw;margin-right:1%;margin-bottom:0.6vw;background:#fff;border-radius:1vw;float:left;}
  #flchart1wrap{height:30.5vw;}
  #flchart2wrap{height:15vw;}
  #flchart3wrap{height:15vw;}
}

/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 1000px) {
  .show400{display:block!important;}
  .hide400{display:none!important;}
  .centerwrap{position:relative;width:90%;margin:0 auto;}
  .centerwrapmenu{width:92%;margin:0 auto;}
  /* ## margin ############## */
  .mu05{margin-top:1.5vw;}
  .mu1{margin-top:3vw;}
  .mu2{margin-top:6vw;}
  .mu3{margin-top:9vw;}
  .mu4{margin-top:12vw;}
  .mb2{margin-bottom:6vw;}
  /* ############## HEAD ########## */
  .mheader{position:fixed;top:0;left:0;height:15vw;width:100%;}
  .mheaderfix{z-index:100;}
  .mheaderfixbg{position:relative;z-index:8;opacity:0;}
  .headlogo{position:absolute;top:50%;left:0;transform: translateY(-50%);height:60%;z-index:2;}
  #sidemenuicon{position:fixed;top:50%;transform: translateY(-50%);right:0;font-size:8vw;line-height:8vw;color:#fff;z-index:99;}
  #formpop{position:fixed;z-index:998;width:90%;padding:1vw;border:1vw solid #fff;}
  #formpopin{border:1vw solid #00335f;overflow-y:auto;max-height:80vh;z-index:1;}
  #formpopclose{position:absolute;top:-1vw;right:-1vw;border:2vw solid #fff;height:9vw;width:9vw;}
  #formpopclose i{font-size:7vw;line-height:9vw;}
  .formbox{padding:8vw 5vw;}
  #mnavmenu{position:fixed;top:15vw;left:100%;width:100%;height:100%;z-index:199;background:#4e4e4e;transition: left 1s;}
  #mnavmenu.on{left:0;}
  #submenuicon{position:fixed;top:3vw;right:0;font-size:8vw;line-height:8vw;color:#fff;z-index:99;}
  #submenulist{padding:15vw 0;text-align:center;}
  .navitem{display:block;font-size:4vw;line-height:6vw;text-align:center;padding:5vw 0;border-bottom:1px solid #eee;color: #fff;}
  #mmenuglob{padding:5vw 0;display:inline-block;}
  #mmenuglob img{ height:5vw;margin-right:5vw;float:left;}
  #mmenuglob select{width:30vw;font-size:4vw;line-height:6vw;color:#fff;background:none;border:none;}
  #mmenuglob select option{color:#444;}

  .font06{font-size:3vw;line-height:4.8vw;-webkit-transform:scale(0.6); }
  .font08{font-size:3vw;line-height:4.8vw;-webkit-transform:scale(0.8); }
  .font10{font-size:3vw;line-height:4.8vw;}
  .font12{font-size:3.5vw;line-height:5.4vw;}
  .font15{font-size:4.5vw;line-height:6.8vw;}
  .font17{font-size:5.1vw;line-height:8vw;}
  .font20{font-size:6vw;line-height:10vw;}
  /* MAP */
  .graphwrap{position:relative;padding:3vw 0;height:120vw; min-height:80vh; overflow:hidden;}
  #grabackbtn{position:absolute;top:60px;right:10px;z-index:9;font-size:14px;line-height: 26px;height:26px;width:80px;background:#fff;border-radius: 8px;border:1px solid #ccc;text-align:center;}

  .graphmap{position:relative;width:100%;height:100%;background:#eaeaea;z-index:1;}

  /* search 中文*/
.search1#searchwrap{position:absolute;top:50%;left:-78vw;transform: translateY(-50%) ;z-index:9;background:#fff;width:78vw;transition: all 0.6s;}
.search1#searchwrap.on{left:0;}
.search1 #searchcontrolbtn{cursor: pointer;position:absolute;top:50%;right:-13vw;transform: translateY(-50%) rotate(90deg);z-index:9;background:#fff;font-size:4vw;line-height:7vw;color:#000;width:20vw;text-align:center;border-top-left-radius: 1.5vw;border-top-right-radius: 1.5vw;}
.search1 #searchbox{padding:8vw 5vw 20vw 5vw;}
.search1 #searchbox h1{font-size:5vw;line-height: 8vw;}
.search1 #searchbox h1  i{margin-right:2vw;}
.search1 #searchline{padding:2vw 0;}
.search1 #searchline span{display:inline-block;border-bottom: 1px solid #000;margin:0;float:left;}
.search1 #searchline span:nth-child(1){width:30%;border-bottom: 1px solid #e60012;}
.search1 #searchline span:nth-child(2){width:70%;border-bottom: 1px solid #000;}
.search1 .searchtline{padding:1.5vw 0;}
.search1 .searchtline p,.searchtline p,a{font-size:3.6vw;line-height: 8vw;color:#000;}
.search1 .searchtline p.red,a.red{color:#e60012;}
.search1 .searchtline span{display:inline-block;font-size:3.6vw;line-height: 8vw;color:#000;font-weight:bold;height:8vw;}
.search1 .searchtline span:nth-child(1){width:16vw;}
.search1 .searchtline span:nth-child(2){width:24vw;}
.search1 .searchtline span:nth-child(3){width:24vw;}
.search1 .searchtline span.w{width:49vw;}
.search1 .searchtline span select{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:3.2vw;line-height: 6vw;color:#000;}
.search1 .searchtline span input{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:3.2vw;line-height: 6vw;color:#000;}
.search1 .submitbtn{display:inline-block;font-size:3.6vw;line-height: 6vw;color:#fff;background:#e60012;border-radius: 1.5vw;padding:1vw 4vw;min-width:20vw;}

  /* search 英文*/
.search2#searchwrap{position:absolute;top:50%;left:-78vw;transform: translateY(-50%) ;z-index:9;background:#fff;width:78vw;transition: all 0.6s;}
.search2#searchwrap.on{left:0;}
.search2 #searchcontrolbtn{cursor: pointer;position:absolute;top:50%;right:-13vw;transform: translateY(-50%) rotate(90deg);z-index:9;background:#fff;font-size:4vw;line-height:7vw;color:#000;width:20vw;text-align:center;border-top-left-radius: 1.5vw;border-top-right-radius: 1.5vw;}
.search2 #searchbox{padding:8vw 5vw 20vw 5vw;}
.search2 #searchbox h1{font-size:5vw;line-height: 8vw;}
.search2 #searchbox h1  i{margin-right:2vw;}
.search2 #searchline{padding:2vw 0;}
.search2 #searchline span{display:inline-block;border-bottom: 1px solid #000;margin:0;float:left;}
.search2 #searchline span:nth-child(1){width:30%;border-bottom: 1px solid #e60012;}
.search2 #searchline span:nth-child(2){width:70%;border-bottom: 1px solid #000;}
.search2 .searchtline{padding:1.5vw 0;}
.search2 .searchtline p,.searchtline p,a{font-size:3.2vw;line-height: 6vw;color:#000;}
.search2 .searchtline p.red,a.red{color:#e60012;}
.search2 .searchtline span{display:block;font-size:3.2vw;line-height: 6vw;color:#000;font-weight:bold;height:6vw;margin:1vw 0;}
.search2 .searchtline span:nth-child(1){width:60vw;}
.search2 .searchtline span:nth-child(2){width:60vw;}
.search2 .searchtline span:nth-child(3){width:60vw;}
.search2 .searchtline span.w{width:60vw;}
.search2 .searchtline span select{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:3.2vw;line-height: 6vw;color:#000;}
.search2 .searchtline span input{width:100%;height:100%;border:1px solid #e60012;border-collapse: collapse;font-size:3.2vw;line-height: 6vw;color:#000;}
.search2 .submitbtn{display:inline-block;font-size:3.2vw;line-height: 6vw;color:#fff;background:#e60012;border-radius: 1.5vw;padding:1vw 4vw;min-width:20vw;}
  /* POP */
  #popin .centerwrap{background:#fff;width:80%;height:calc(100% - 10vw);padding:5vw 5vw;}
  #popin .centerwrapin{position:relative;z-index:1;max-height:calc(100% - 6vw);padding: 3vw 3vw 3vw 0;overflow: auto}
  .popclosebtn{position:absolute;top:0;right:0;height:8vw;width:8vw;text-align:center;z-index:99;}
  .popclosebtn i{font-size:6vw;line-height:8vw;color:#444;}
  #popin table tr td{padding:1vw;font-size:3.6vw;line-height:5vw;}
  #popin table tr td:nth-child(1){width:30%;}
  #popin table tr td:nth-child(2){width:70%;}


  /* ######### footer ######### */
  footer{padding:3vw 0;}
  #footbk1{position:relative;float:none;width:100%;text-align:left;height:auto;padding-bottom:6vw;}
  #footbk2{position:relative;float:left;width:calc(73% - 1px);height:auto;border-right:1px solid #fff;padding-right:2%;}
  #footbk3{position:relative;float:left;width:22%;padding-left:2%;height:auto;}
  #flblock{position:relative;top:0;left:0;width:100%;transform:none;}
  #footbk1 a{font-size:4vw;line-height:6vw;color:#fff;margin:0;display:inline-block;padding:0 1vw;}
  #footbk1 a:nth-child(1){border-right:1px solid #fff;}
  #fimgbox{float:none;}
  #fimgbox img{width:25%;height:auto;float:left;margin-right:2vw;}

  #footbk2 p{font-size:3vw;line-height:3.6vw;color:#fff;float:none;padding:1vw 0;}
  #footbk3 p{font-size:3.2vw;line-height:4vw;color:#fff;padding-bottom:1vw;}
  #fb3in{padding-top:0.5vw;}
  #fb3in a{display:block;}
  #fb3in img{height:8vw;padding-bottom:1vw;}
}