@charset "utf-8";
.div-table{
  display: table;
  border-collapse: collapse;
}
.div-table .tr{
  display:table-row;
}
.div-table .td{
   display:table-cell;
   vertical-align: middle;
}
.css-table{
  display: table;
  width:100%;
}
.css-table .thead{
  display:table-header-group;
}
.css-table .tbody{
  display:table-row-group;
}
.css-table .tr{
  display:table-row;
}
.css-table .th,
.css-table .td{
   display:table-cell;
   padding:3px;
}
.css-table .th{
  vertical-align: top;
  padding-top:5px;
  text-align:right;
}
.css-table .td input[type="text"],.css-table .td textarea{
  width:100%;
}
.css-table .td .pre_name{
  padding:0px 3px;
}

.css-table-tb .th,
.css-table-tb .td{
   padding:3px;
}
.css-table-tb .th{
  vertical-align: top;
  padding-top:5px;
  text-align:right;
}
.css-table-tb .td input[type="text"],.css-table-tb .td textarea{
  width:100%;
}
.css-table-tb .td .pre_name{
  padding:0px 3px;
}
em{
  font-family: 新細明體;
  line-height: 20px;
  font-style: normal;
  font-size:11px;
  color:#d73d32;
  margin:4px 3px;
}


.layout_full .div-table .th{
  width:83px;
  line-height: 20px;
  margin:4px 0px;

}
.layout_full .input_member_email,.layout_full .input_member_pwd,.layout_full .input_member_confirmpwd{
  width:776px;
  line-height:20px;
  border: 1px solid #e2e2e2;
  background-color: #f4f4f4;
  margin:4px 0px;
  padding:0px 3px;
}

.login_table tr{
  height:40px;
}


.login_panel_split{
  float:left;
  position: relative;
  /*width: 100%;*/
}

.login_panel_split:after{
     content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    top: 0;
    left: 50%;
    margin-left: -0.5px; 
}


.login_join_panel{
  float:left;
  margin-left:43px; 
  line-height:26px;
  padding-top:36px;  
}
.split_style{
  background-color:#dcdcdc;
  width:1px;
  font-size:1px;
  height:160px;
  margin-top:20px;
    background: transparent;
}
.layout,.layout_full{
  margin-top:49px;
  color:#4d4d4d;
}

/*有側邊的CSS*/
.layout .login_input_panel{
  float:left;
  width:310px;
}
.layout .login_table .th{
  width:52px; /*54*/
  line-height: 20px;
  margin:0px;
  text-align: left;
}
.layout .input_account,.layout .input_pwd{
  width:204px; /*212*/
  line-height:20px;
  border: 1px solid #e2e2e2;
  background-color: #f4f4f4;
  margin:0px;
  padding:0px 3px;
}
.layout .input_verifycode{
  width:105px; /*113*/
  line-height:20px;
  border: 1px solid #e2e2e2;
  background-color: #f4f4f4;
  margin:0px;
  padding:0px 3px;
}
.layout .verifyimg{
  width:81px;
  margin-left:18px;
}
.layout .login_join_panel{
  width:266px;
}

/*無側邊的CSS*/
.layout_full .login_join_panel{
  margin-left:78px; 
}
.layout_full .login_input_panel{
  float:left;
  width:422px;
  margin-left: 16px;
}
.layout_full .login_table .th{
  width:102px; /*104*/
  line-height: 20px;
  margin:0px;
  text-align: center;
}
.layout_full .input_account,.layout_full .input_pwd{
  width:230px; /*238 -8 */
  line-height:20px;
  border: 1px solid #e2e2e2;
  background-color: #f4f4f4;
  margin:0px;
  padding:0px 3px;
}
.layout_full .input_verifycode{
  width:105px; /*113*/
  line-height:20px;
  border: 1px solid #e2e2e2;
  background-color: #f4f4f4;
  margin:0px;
  padding:0px 3px;
}
.layout_full .verifyimg{
  width:81px;
  margin-left:18px;
}
.layout_full .login_join_panel{
  width:300px;
}

/*按鈕樣式*/
.btn_area{
  position:relative;
  margin-left:83px;
}

.btn1{

  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #323232;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: block;
}
.btn1 a{
  color:#ffffff;
  text-decoration: none;
}

.btn1:hover{
  background: #5b5b5b;
}





/*載入公用icon包*/
@font-face {
  font-family: 'iicon';
  src:  url('../../css/iicon/fonts/iicon.eot?vhmk3d');
  src:  url('../../css/iicon/fonts/iicon.eot?vhmk3d#iefix') format('embedded-opentype'),
    url('../../css/iicon/fonts/iicon.ttf?vhmk3d') format('truetype'),
    url('../../css/iicon/fonts/iicon.woff?vhmk3d') format('woff'),
    url('../../css/iicon/fonts/iicon.svg?vhmk3d#iicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ii-"], [class*=" ii-"] {
  font-family: 'iicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




.btnfb{
  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #415F9F;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:9px 0px;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 2px;
}
.btnfb:hover{
  background: #005F9F;
}

.btnfb a{
  color:#ffffff;
  text-decoration: none;
}
.btnfb.style_2{
  background: transparent;
  color:#4d4d4d;
  line-height: 21px;
  text-align: left;
  display: inline-block;
  padding: 0px;
  width:auto;
  margin-right: 8px;
  float: left;
  letter-spacing: 0px;
}
.btnfb.style_2::before{
  display: inline-block;
  vertical-align: middle ;
  margin-right:8px;
  content: url('../../../images/fb_login.jpg');
}


.btnline{
  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #00b900;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:9px 0px;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 2px;
}
.btnline:hover{
  background: #00b900;
}
.btnline a{
  color:#ffffff;
  text-decoration: none;
}
.btnline.style_2{
  background: transparent;
  color:#4d4d4d;
  line-height: 21px;
  text-align: left;
  display: inline-block;
  padding: 0px;
  width:auto;
  margin-right: 8px;
  float: left;
  letter-spacing: 0px;
}
.btnline.style_2::before{
  display: inline-block;
  vertical-align: middle ;
  height: 25px;
  width: 21px;
  font-size: 21px;
  margin-right:8px;
  content: "\e90a";
  font-family: 'iicon';
  color: #00b900;
}



.btngoogle{
  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #dc4a38;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:9px 0px;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 2px;
}
.btngoogle:hover{
  background: #dc4a38;
}

.btngoogle a{
  color:#ffffff;
  text-decoration: none;
}
.btngoogle.style_2{
  background: transparent;
  color:#4d4d4d;
  line-height: 21px;
  text-align: left;
  display: inline-block;
  padding: 0px;
  width:auto;
  margin-right: 8px;
  float: left;
  letter-spacing: 0px;
}
.btngoogle.style_2::before{
  display: inline-block;
  vertical-align: middle ;
  margin-right:8px;
  content: url('../../../images/google_login.png');
}


.btnweibo{
  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #D52B2B;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:9px 0px;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 2px;
}
.btnweibo:hover{
  background: #FF2B2B;
}

.btnweibo a{
  color:#ffffff;
  text-decoration: none;
}
.btnweibo.style_2{
  background: transparent;
  color:#4d4d4d;
  line-height: 21px;
  text-align: left;
  display: inline-block;
  padding: 0px;
  width:auto;
  margin-right: 8px;
  margin-top:9px;
  float: left;
  letter-spacing: 0px;
}
.btnweibo.style_2::before{
  display: inline-block;
  vertical-align: middle ;
  margin-right:10px;
  content: url('../../../images/weibo_login.jpg');
}

.btn2{
  color:#ffffff;
  line-height:32px;
  width:100%;
  text-align: center;
  background: #5b5b5b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:0px 2px;
  cursor: pointer;
  display: block;
}
.btn2:hover{
  background: #323232;
}

.btn2 a{
  color:#ffffff;
  text-decoration: none;
  display: block;
}

.btn_text_link{
  float:left;
  margin-right:10px;
  line-height: 32px;
}
.btn_text_link a{
  color:#818181;
  text-decoration: none;
}
.btn_text_link a:hover{
  color:#5c5656;
}

#forget_table{
  
}
#div_forget_content .subject{
  font-size:14px;
  color:#252525;
  line-height:20px;
  font-weight: bold;
  margin-bottom:10px;
}
#forget_table .th{
  color:#818181;
  display:table-cell;
  width:70px;
  padding:10px 0px;
}
#forget_table input{
  width:95%;
  background-color: #f4f4f4;
  border: 1px solid #e2e2e2;
}

#forget_table .forget_verifycode{
  width:85%;
}
#div_forget_content #forget_table_btn{
  margin-top:20px;
  padding-left:70px;
}

#waitmsg{
  position:relative;
  display:none;
}
#waitmsg #maskmsg{
  left:50%;
  margin-left:-25%;
  top:40%;
  width:50%;height:120px;
  position:fixed;
  display:block;
  text-align:center;
  padding-top:10px;-moz-opacity:1; opacity:1;font-weight:bold;color:#000;font-size:16px;line-height:230%;z-index:9999;
  background:#fff url(../../../images/loading.gif)  center center scroll no-repeat;
}
#waitmsg #maskcover{
  top:0;left:0;width:100%;height:100%;min-height:900px;position:fixed;display:block;background:#000;filter:Alpha(Opacity=80, FinishOpacity=80, Style=2);-moz-opacity:0.5; opacity:0.5; z-index:9998;
}