/*--------------------------------------------------------------------------------------------*/

body {
    font-size: 17px;
    font-family:tahoma, arial, "Microsoft Yahei", "微軟正黑體", Helvetica, sans-serif;
    background-color: #fff;
}

.titleBg{border-bottom: 1px solid #CCC;color: #fff; background-color:#c24450}
.safeCode-box, .login-box{min-height: calc(100vh - 70px);}
.safeCode-form{	border: 1px solid #CCC;	width:40%;	margin:10% auto; }
.safeCode-info{ margin:30px; background-color:#fff}
.safeCode-title{
    font-size: 30px;
    line-height: 60px;

    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 5px;
}
.safeCode-info .form-control{
    height: 40px;
    font-size:16px;
    font-family: Verdana, Geneva, sans-serif;
}
.safeCode-info .btn-lg{	letter-spacing: 10px;}
.selectline-box{}
.selectline-top{width: 100%;	}
.selectline-title{font-size: 30px;	line-height: 60px; float:left;letter-spacing: 5px;}
.selectline-title-R{ float:right; margin-top:15px}
.webAdd{
    padding:8px ;
    margin:30px 0 15px;
    border: 1px solid #CCC;
    font-size:15px;
    line-height: 15px;
    -moz-box-shadow: 0px 1px 4px 0px #cfcfcf;
    -webkit-box-shadow: 0px 1px 4px 0px #cfcfcf;
    box-shadow: 0px 1px 4px 0px #cfcfcf;
    background: #fff;

}
.selectline-info{min-height: calc(100vh - 70px);}
.line-memBg .title, .line-proxyBg .title{
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px dashed #adb2b4;

}
.line-memBg{	
    background-color: #d1eafa;	
    padding:20px;
    moz-border-radius: 0 0 60px 0px;
    -webkit-border-radius: 0 0 60px 0px;
    border-radius: 0 0 0px 60px;
}
.line-proxyBg{	
    background-color: #d3f0d7; 
    padding:20px;
    moz-border-radius: 0 0 60px 0px;
    -webkit-border-radius: 0 0 60px 0px;
    border-radius: 0 0px 60px 0;}
.line-memBg .title{	color: #065493;}
.line-proxyBg .title{	color: #288A48;}
.lineNav{	margin: 0px;	padding: 0px;	list-style-type: none;}
.lineNav li{
    width:31%;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
    margin:5px 3px;
    background-color: #FFF;
    padding:7px
}
.lineNav li:hover{
    background-color: #999;
    color: #FFF;
}
.selectline-info .col-lg-6, .selectline-info .col-xs-12{ margin-bottom:15px}
.login-box{
    min-height: calc(100vh - 0px);
    background: #69e2fd url(/images/login-bg.jpg) center center fixed no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    padding-top:3%;
	/*padding-bottom:5%*/
}
.login-title{
    width:80%;
    margin:0 auto;
    font-size: 23px;
    line-height: 50px;
    color: #C30;
    text-align: center;
	text-shadow:1px 1px 2px rgba(255,255,255,07)
}

.login-info{ 
    width:410px; 
    margin:0 auto; 
    background:#FFF; 
    border:1px solid #ccc;
    -moz-box-shadow: 0px 3px 3px 0px #999;
    -webkit-box-shadow: 0px 3px 3px 0px #999;
    box-shadow: 0px 3px 3px 0px #999;
}
.login-form{padding:20px; background:#fff; position:relative; z-index:155 }
.group-set-R a{ font-size:20px; vertical-align:middle;margin-left: 3px;}
.group-set-R img{ width:100px ; height:30px}
.login-icon-head{	text-align: center;	padding:8px 0}
.login-form .input-group-addon, .login-form .form-control{ font-size:15px}
.browser-type{width: 100%; font-size:13px;color:#afc6d2;  background: url(/images/login-browserBg.png) center bottom no-repeat; height:123px; padding: 60px 5px 0 15px;  position:relative}
/*
.browser-type{width: 100%; font-size:13px;color:#afc6d2;  background: url(/images/login-browserBg.png) center bottom no-repeat; height:123px; padding: 60px 5px 0 15px; margin-top:-25px; position:relative}

*/
.visible-lg {  display: none !important;}

/*語系-登入頁*/
.lan-formLine, .lan-set-index{  
background: #eef1f4;
background: -moz-linear-gradient(top, #ffffff 0%, #fbd980 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#fbd980 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fbd980 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbd980',GradientType=0 );
border-bottom: 1px solid #eaab3e;
padding: 3px 7px; text-align:center;border-top-right-radius:5px;border-top-left-radius:5px;}
.lan-formLine{ display:block;    padding: 6px 15px;}
.lan-formLine-L{ float:left; margin-right:8px}
.lan-formLine-R{ float:right; color:#86542f}
.lan-formLine-L img{ background-size:100%;width:30px;border-radius: 3px;}
.lan-login-show{ margin:15px auto ; width:80%;background-color: rgba(255,255,255,.6);    border-radius: 5px; position:absolute; left:0; right:0}
.lan-login-show-list img{background-size:100%;width: 40px; border-radius: 3px;border:1px solid #888; margin-right:8px}
.lan-login-show-list{  padding:8px; margin:0; font-size:15px;    padding: 10px 5px 10px;}
.lan-login-show-list .select{border:2px solid #ff2f00; color:#ff2f00;width:25px; height:25px; }
.lan-set-list-R{ float:right; border:2px solid #757575; width:25px; height:25px; text-align:center; line-height:20px; }
.lan-login-show-list .select img{
box-shadow:0px 0px 5px rgba(255, 248, 80,0.8);
	border:1px solid #ffef8d;}
.lan-set-login{  background: transparent;border-bottom: 0px solid #eaab3e; border-radius: 0;cursor: pointer; }

.lan-set-login .lan-formLine-L{ float:left}
.lan-set-login .lan-formLine-L img{width:40px;}
.login-toolBar{border-top: 1px solid #ccc;    width: 100%;    margin: 30px 0 0px;    padding: 10px 3%;}

/*隔離頁*/
.isolation-box{ padding-top:150px}
.isolation-info{
	width: 410px;
    margin: 0 auto;
    border: 1px solid #ccc;
    -moz-box-shadow: 0px 3px 3px 0px #999;
    -webkit-box-shadow: 0px 3px 3px 0px #999;
    box-shadow: 0px 3px 3px 0px #999;
	}
.isolation-title{ line-height:1.5; padding:8px;border-bottom: 1px solid #CCC;
    color: #fff;    text-align: center;    padding: 8px 0;    background-color: rgba(144, 0, 0, 0.8);}
.isolation-content{    padding: 20px;    background: rgba(255,255,255,.9);    position: relative;}
/*@media all and (max-width:1021px){	.lan-set-login .lan-formLine-R{ color:#fff}	}*/

@media (min-width: 1200px) {
  .visible-lg {    display: block !important;  }
  .hidden-lg {   display: none !important;  }
  }
@media screen and (max-width: 1024px) {
    .login-info{width:50%;}
    .login-title{ width:90%; color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,07)}
    .browser-type{-moz-background-size:100%;    background-size: 100%;    height: 150px;    padding: 80px 25px 0;    }
	.lan-set-login .lan-formLine-R{ color:#fff; float:right; font-size: 15px;text-shadow: 1px 1px 3px #000}


}
@media screen and (max-width: 992px) {
    .login-info{ width:100%; background:none;    border: 0px;
                 -moz-box-shadow: 0px 0px 0px 0px #999;
                 -webkit-box-shadow: 0px 0px 0px 0px #999;
                 box-shadow: 0px 0px 0px 0px #999;}
    .login-icon-head{ padding:15px 0}
    .login-box{    background: #dbdbdb url(/images/mod-bg.jpg) center center fixed no-repeat;
    -moz-background-size: cover;
    background-size: cover; padding-top:0}

    .login-form .btn{border-radius: 30px;}
    .login-form{ background:none;  min-height: calc(100vh - 350px);}
    .titleBg{ background:#256839}
    .input-group-addon{ background-color:#FFF}
	.login-info .btn-danger {     background-color: #256839;    border-color: #519d5b;}
	.login-info .btn-danger:hover, .login-info .btn-danger:not(:disabled):not(.disabled):active{          background-color: #00486f;    border-color: #4cb0b6;}
	.isolation-info{ width:80%; padding-top:80px}



}

@media screen and (max-width: 768px) {
    .safeCode-box, .selectline-info{ background:#f1f1f1}
    .safeCode-form{ width:90%}
    .lineNav li{width:100%;margin: 5px 0px;    padding: 10px 7px;}
    .webAdd{    margin: 10px 0;}
    .line-memBg, .line-proxyBg{padding:15px 10px;border-radius: 0px;}
    .line-memBg .title, .line-proxyBg .title {    margin-bottom: 10px;}
    .group-set-R{ text-align:right; }
   /* .browser-type{ font-size: 13px;  bottom:0 ;position:relative;
                   -moz-background-size:130%;    background-size:130%;height: 130px;    padding: 50px 15px 0;}*/
	


}
@media screen and (max-width: 667px) {.login-form{ min-height: calc(100vh - 233px);}}
@media screen and (width: 768px) {	
    .browser-type{-moz-background-size: 100%;    background-size: 100%;    height: 250px;    padding: 150px 15px 0;}

}
@media (max-height: 480px) {
    .login-icon-head{    padding-top: 15px;}
    .form-group {    margin-bottom: 10px;}
    .browser-type {height: 130px;    padding: 45px 15px 0;    line-height: 13px; }

}

@media (min-width: 359px) {
    .group-set-L{    width: 51%;    float: left;}
    .group-set-R{    width: 49%;    float: right;text-align: center; padding-top:3px}

}
@media (min-width: 410px) {.login-form-set{    width: 390px; margin:0 auto}}