@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------------------------------
  宣告CSS的樣式歸零設定
-------------------------------------------------------------------------------------------------------------*/
/*
  http://meyerweb.com/eric/tools/css/reset/ 
  v2.0 | 20110126
  License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
td { line-height: 1; font-size: 13px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*-------------------------------------------------------------------------------------------------------------*/

html {background: url(../../Images/img_login_bg.jpg) repeat-x center top #fff fixed;background-size: cover;background-position:center;}
body {font-family: Arial, sans-serif, 微軟正黑體, 新細明體;width: 100%;margin: 2% auto;padding: 0px;font-size: 15px;text-align: center;}



input { font-family: Arial; }

.AllSet{ margin: 2.5% 1.8% 0 0;}


.login_logo {margin: 10px auto 0;width: 100%;height: 210px;background: url(../../Images/login_logo.png) no-repeat 50% 50%;}
.loginmain { text-align: left; /*background: url(../../Images/login.png) no-repeat center*/; margin: 0 auto; color: #FFF; font-weight: bold; line-height: 38px; }
.loginmain .enterview { padding-top: 5px; _text-align:center; }
.loginmain .enterview table { height:130px; border-collapse: separate; margin: 0px auto; padding: 0px; border-spacing: 2px; }
.loginmain .enterview td {line-height: 30px; color: #000; font-size: 18px;}
.loginmain a { width: 140px; height: 39px; display: block; background: url(../../Images/btn_login_enter.png) no-repeat; margin: 5px 0 0 77px; text-align: center; color: #fff; text-decoration: none; line-height: 38px;}
.loginmain a:hover { background: url(../../Images/btn_login_enter_hover.png) no-repeat; }
.loginmain input { transition-property:box-shadow, background; transition-duration:0.25s; border-radius:5px; border:1px inset #EEE; padding:0 3px; } /*transition-property要半透明的物件、transition-duration半透明淡入淡出時間、border-radius邊框圓角*/
.loginmain input:hover { box-shadow:0px 0px 4px #ffe585; background-color:#f1d059; } /*box-shadow輸入框滑過-外光暈範圍+顏色、background-color輸入框滑過-背景色*/

.lineForIE6 { width: 175px; height:18px;font-size: 18px; vertical-align: middle; margin-left: 5px; _float: left; }
.Valid_Code{ width: 57px; height:18px;font-size: 18px; vertical-align: middle; margin-left: 5px; _float: left; }
.reFlash { width:50px; height:22px; line-height:16px; vertical-align:middle; margin-left:2px ; }
.outsideWrapper { height: auto; }
.browser {width: 320px;margin: 5px auto 0;font-size: 12px;line-height: 2;text-align: left;color: #000;padding-left: 60px;}
.browser a { color: #ff000b; margin: 0 5px; padding: 0; font-size: 12px; display: inline; line-height: 12px; text-decoration: underline;}

.download{ width:300px; margin:10px auto; padding-left: 60px;}
.download img{ float:left; }
.download a.link1{float:left;height:50px;line-height:50px;font-size:28px;font-weight:bold;text-decoration:underline;color: #000;}
.download a.link2{ float:left; height:50px; line-height:50px; font-size:28px; font-weight:bold; text-decoration:underline; color:#bb0000;}

/*線路轉換_HostSelect*/
.changeLine{ top:350px; left:0.5%; width:280px; position:absolute;} /*表格欄位設定*/
.changeLine table{ width:100%}
.changeLine table th{ border:1px solid #555; background:#666; color:#ffe585; font-weight:bold; line-height:25px;} /*表格標題列-線路、速度(秒)*/
.changeLine table td{ border:1px solid #999; background:#E0E0E0; color:#000; line-height:30px; text-align:left; padding-left:5px;} /*表格標題列-線路、速度(秒)*/
.speed{ width:47%;}
.speed .Loading{ text-align:center; margin:0 auto;}
.speed .good_Link{ color:blue; font-weight:bold; font-size:15px; display:inline-block; float:left;} /*線路轉換*/
.speed .bad_Link{ color:red; font-weight:bold; font-size:15px; display:inline-block; float:left;} /*測試失敗*/
.speed .btn{ display:inline-block; float:right; margin-right:5px; margin-top:2px ;}
.speed button{ width:70px; width:80px ; height:23px; line-height:16px;}

/*新增手機qrcord*/
.mobile_qrcord {
    position: fixed;
    width: 130px;
    height: 157px;
    bottom: 5px;
    right: 5px;
    background-color: #c42133;
    border: 3px solid #c42133;
}
.mobile_qrcord h2 a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
    line-height: 25px;
}
}
.mobile_qrcord h2 a:hover {
  text-decoration: none;
}
.mobile_close {
    position: absolute;
    left: -15px;
    top: -15px;
    display: block;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #000;
    border: 4px solid #c42133;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

/*多國語系*/
.lang {
  margin: 0px auto;
  width: 150px;
  height: 40px;
  padding-left: 30px;
  background: url(../../Images/globe_k.png) no-repeat 0px 9px;
  background-size: 15%;
  background-color: transparent;
  border: none;
  appearance: none;
  font-size: 20px;
  position: relative;
  top: -4px;
  left: 35px;
}
.langoption {
  color: #000;
}

/*友站連結*/

.other_link {
  position: fixed;
  bottom: 200px;
  z-index: 99;
  right: 0px;
  background-color: rgba(211,35,54,.8);
  width: 110px;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid rgba(176,28,48,.8);
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.other_link:hover {
  text-decoration: underline;
}

.login_popup2 {
  width: 360px;
  height: 345px;
  padding: 1.5rem 1rem 1rem;
  margin: 200px auto 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  position: relative;
}
.login_popup2 ul {
  height: 330px;
  overflow-y: auto;
}
.login_popup2 li {
  float: left;
  width: calc(97% / 3);
  height: 105px;
  margin-left: 1%;
  margin-bottom: 1%;
  box-sizing: border-box;
  border: 1px solid rgba(255,216,0,.8);
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.login_popup2 li:hover {
  text-decoration: underline;
}
.login_popup2 .picter {
  width: 65px;
  height: 70px;
  overflow: hidden;
  display: block;
  margin: 8px auto 0;
}
.login_popup2 .picter img {
  width: 100%; 
}
.close_btn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  line-height: 30px;
  text-align: center;
  background-color: #333;
  color: #fff;
  cursor: default;
}
.close_btn:hover {
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
.overlayout { 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}