/* Responsive CSS //////////////////////////////////////////////////////////////////////////////////////////////////  */

@media (max-width: 980px) {

	.station_sup_txt { 
  width:100%; 
  }
  
	.container { 
  width:100% !important; 
  margin:auto; 
  }
	
}

/* 手機版 ////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 0) and (max-width: 480px){

/* Main */

.main{
	padding-top: 30px;
	background:url(../_images/img.jpg) center no-repeat;
	background-color:#7BBEE8;
	background-size: cover;
  
}

.main .titbox {
	margin: 15px auto 0;
	position: static;
	width: 90%;
	min-height: 235px;
	padding:10px 15px 15px 15px;
	background-color:#FFFFFF;
    opacity: 0.8;
	}
	
.main .titbox h2{
	font-size:32px;
	text-align:center;
	}
	
.main .titbox h3{
	font-size:36px;
	font-weight: bolder;
	color:#306DBF;
	text-align:center;
	}

.main .titbox p{
	font-size:20px;
	line-height:1.6em;
	}


.main .container .main_img img{
	width:100%;
}

.main .container .minor_img img{
	width:100%;
}

.container {
	width:100%;
	position: relative;
}

/* Menu */
.container.mobile_menu { 
	padding:0px;
}
.nav-tabs>li {
	float:none;
	border-bottom:#FFF solid 1px;
}

/* learn - 手機  */

.learn{
	padding-top:40px;
}

.learn h1.p_tit1  {
	
	font-size:32px;
	font-weight:500;
	line-height:1.5em;
	color:#104c7b;
	text-align:left;
}

.learn h2.p_tit2 {
	
	font-size: 15px;
	font-weight:500;
	line-height:1.7em;
	color:#444444;
	padding-bottom:15px;
}



.learn h3.p_tit { 
	
	font-size:22px;
	line-height:1.3em;
	color:#444444;
	font-weight:100;
	text-align:center;
	margin-bottom:25px;
}

.learn h4.p_tit { 
	
	font-size:36px;
	line-height:1.3em;
	color:#444444;
	font-weight:100;
	text-align:center;
	margin-bottom:25px;
}

.learn p {
	
	font-size:15px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:20px;
}

.learn img {
	width:100%;
	height:auto;
}

.img-background .container p{
	font-size:17px;
	line-height:1.45em;
	text-align:center;
	color:#FFFFFF;
}



.learn .box3 {
    width: 50%;
    height: 100px;
    clear: none;
    padding: 0px 0px 30px 3em;
    text-align: left;
    float: left;
}
.learn .box3 ul{
    list-style: disc;
    padding-left: 1em;
	padding-bottom:20px;
}



/* 表格_ico - 手機 */
.learn .container .tab_ico { width:100%; margin:20px auto 20px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab_ico th {  font-size:14px; line-height:1.3em; font-weight:normal; color:#333333; padding:20px 3px 5px; text-align:center; }
.learn .container .tab_ico td {  font-size:13px; line-height:1.5em; font-weight:normal; color:#ffffff; padding:10px 3px 20px; text-align:center; }
.learn .container .tab_ico th img { width:50px; }
.learn .container .tab_ico td ul li { text-align:left; list-style:disc; padding-left:0px; margin-left:20px; }

/* 表格 - 手機 */
.learn .container .tab { width:100%; margin:20px auto 20px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab th { border:1px solid #d8dadc;  font-size:14px; line-height:1.3em; font-weight:normal; color:#333333; background:url(../_images/th_bg.png) bottom repeat-x #fafbfb; height:18px; padding:10px 10px; text-align:center; }
.learn .container .tab td { border:1px solid #d8dadc;  font-size:13px; line-height:1.5em; font-weight:normal; padding:15px 5px; background:#fff; text-align:center; }
.learn .container .tab td ul li { text-align:left; list-style:disc; padding-left:0px; margin-left:20px; }
.learn .container .tab td img { width:50%; height:auto; }

/* 表格 Button - 手機 */
.learn .container .tab .btn_more {
font-size:14px;
line-height:1.6em;
display: block;
background: #3b81de;
color: #fff;
padding: 10px 5px;
width: 60px;
margin: auto;
border-radius: 0px;
-webkit-border-radius: 0px;
}

/* btn */
.learn .container .btn_all {
font-size:15px;
line-height:1.6em;
text-align:center;
display: block;
background: #3f3532;
color: #fff;
text-decoration:none;
width:100%;
padding: 15px;
margin: 30px auto 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
}

/* 分隔線 - 手機 */
.learn .container hr.soften {
	border:0;
	border-bottom:1px solid #e3e3e3;
	margin:40px auto;
}

/* Dowload按鈕 */
.btn-download {
	width:260px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

/* Note - 手機 */
.note {
	
	font-size:13px;
	font-weight:normal;
	line-height:1.6em;
	color:#777777;
}

/* Warning - 手機 */
.warning {
	
	font-size:13px;
	font-weight:normal;
	line-height:1.6em;
	color:#777777;
	background:#ff311e;
	border:#f0c36d solid 1px;
	padding:10px;
	margin:0px 5px 35px;
}

/* Icons - 手機 */

.icon-tit {
	
	font-size:21px;
	font-weight:500;
	line-height:1.4em;
	color:#494949;
	padding-left:10px;
}
.actions p {
	padding-top:15px;
}

#User-friendly_management_interface .box{
	width: 100%;
}


.box4{
  width: 80%;
  clear: none;
  margin: auto;
  padding: 0px 0.2em;
  padding-top: 40px;
  text-align: center;
  /*float: left;*/
}

.box4 h4{
	padding-bottom:20px;
	color:#165888;
	font-size:24px;	
}

.box4 ul li{
	text-align: left;
}




}

/* 平板電腦 ////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 481px) and (max-width: 768px){

.container {
	width:100%;
}

/* Main */

.main{
	background:url(../_images/img.jpg) no-repeat;
	background-color:#7BBEE8;
}

.main .titbox {
	margin: 15px auto 0;
	position: static;
	width: 80%;
	min-height: 235px;
	padding:10px 15px 15px 15px;    
	background-color:#FFFFFF;   
    opacity: 0.8;
	}
	
.main .titbox h2{
	font-size:32px;
	text-align:center;
	}
	
.main .titbox h3{
	font-size:36px;
	font-weight: bolder;
	color:#306DBF;
	text-align:center;
	}

.main .titbox p{
	font-size:20px;
	line-height:1.6em;
	}


.main .container .main_img img{
	width:100%;
	padding-top:180px;
}


.learn h2.p_tit2 img { vertical-align:middle; margin-right:10px; width:80px; }

/* Menu */
.container.mobile_menu { 
	padding:0px;
}
.nav-tabs>li {
	float:none;
	border-bottom:#FFF solid 1px;
}

/* learn */

.learn h4.p_tit { 
	
	font-size:36px;
	line-height:1.3em;
	color:#444444;
	font-weight:100;
	text-align:center;
	margin-bottom:25px;
}

.learn p {
	
	font-size:15px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:20px;
}

.learn img {
	width:100%;
	height:auto;
}

.img-background .container p{
	font-size:17px;
	line-height:1.45em;
	text-align:center;
	color:#FFFFFF;
}



.learn .box3 {
    width: 50%;
    height: 100px;
    clear: none;
    padding: 0px 0px 30px 8.5em;
    text-align: left;
    float: left;
}
.learn .box3 ul{
    list-style: disc;
    padding-left: 1em;
	padding-bottom:20px;
}

/* Warning - 平板 */
.warning {
	
	font-size:13px;
	font-weight:normal;
	line-height:1.6em;
	color:#777777;
	background:#ff311e;
	border:#f0c36d solid 1px;
	padding:10px;
	margin:10px 10px 35px;
}

/* 表格_ico */
.learn .container .tab_ico { width:100%; margin:30px auto 30px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab_ico th {  font-size:16px; line-height:1.3em; font-weight:normal; color:#333333; padding:20px 3px 5px; text-align:center; }
.learn .container .tab_ico td {  font-size:15px; line-height:1.6em; font-weight:normal; color:#ffffff; padding:10px 3px 20px; text-align:center; }
.learn .container .tab_ico th img { width:80px; }
.learn .container .tab_ico td ul li { text-align:left; list-style:disc; padding-left:0px; margin-left:20px; }

/* 表格 */
.learn .container .tab { width:100%; margin:30px auto 30px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab th { border:1px solid #d8dadc;  font-size:15px; line-height:1.3em; font-weight:normal; color:#333333; background:url(../_images/th_bg.png) bottom repeat-x #fafbfb; height:18px; padding:12px 3px; text-align:center; }
.learn .container .tab td { border:1px solid #d8dadc;  font-size:15px; line-height:1.6em; font-weight:normal; color:#666666; line-height:1.6em; padding:20px 3px; background:#fff; text-align:center; }
.learn .container .tab td ul li { text-align:left; list-style:disc; padding-left:0px; margin-left:20px; }
.learn .container .tab td img { width:50%; height:auto; }

/* 表格 Button */
.learn .container .tab .btn_more {
font-size:14px;
line-height:1.6em;
display: block;
background: #3b81de;
color: #fff;
text-decoration:none;
padding: 10px;
width: 150px;
margin: auto;
border-radius: 30px;
-webkit-border-radius: 30px;
}

/* btn */
.learn .container .btn_all {
font-size:15px;
line-height:1.6em;
text-align:center;
display: block;
background: #3f3532;
color: #fff;
text-decoration:none;
width:100%;
padding: 15px;
margin: 40px auto 20px;
border-radius: 6px;
-webkit-border-radius: 6px;
}

#User-friendly_management_interface .box{
	width: 100%;
}

}

/* 769px ~ 1024px ////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 769px) and (max-width: 1024px){
	
.main{
	padding-top: 0px;  
	background:url(../_images/img.jpg) center no-repeat;
	background-size: cover;
}
.container {
	padding-top: 30px;
}

.main .titbox {

	top: 30px;

}

.main .titbox {


}

.main .titbox h2{
	font-size:28px;
	}
	
.main .titbox h3{
	font-size:32px;
	font-weight: bolder;
	color:#306DBF;
	}
	
#User-friendly_management_interface .box{
	width: 50%;
	border:0pt solid #0000ff;
	min-height:400px;
}

.box4{
  width: 40%;
  clear: none;
  padding: 0px 1em;
  padding-top: 40px;
  margin-right: 40px;
  margin-left: 30px;
  text-align: center;
  float: left;
}

.box4 h4{
	padding-bottom:20px;
	color:#165888;
	
}

.box4 ul li{
	text-align: left;
}


.learn .box3 {
    width: 50%;
    height: 100px;
    clear: none;
    padding: 0px 0px 30px 11.5em;
    text-align: left;
    float: left;
}
.learn .box3 ul{
    list-style: disc;
    padding-left: 1em;
	padding-bottom:20px;
}



}

.modal-footer {
	line-height: 24px;
}
.box4 h4 {
	line-height: 30px;
}
@media (min-width: 480px) {
	.no_show_min480 {
		display: none;
	}
}
@media (min-width: 600px) {
	.box4{
		margin-right: 10px;
		margin-left: 50px;
		float: left;
	}
}
@media (min-width: 1000px) {
	.box4{
		margin-left: 60px;
	}
}