@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900');
@import url('font-awesome.min.css');

* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
}
html, body {
	font-family: 'Open Sans', sans-serif;
	width:100%;
	height: 100%;
}

/* DeskTop First 桌機版優先 */


/* Station - 主要框架 */
.station_lt_tp_tit { font-family: 'Open Sans', sans-serif; font-weight:300; padding:25px 0 8px; margin:0 0 12px; font-size:24px; line-height:1em; line-height:1em\9; color:#666; /*border-bottom:1px solid #ccc;*/ text-align:left; overflow:auto; }
.station_lt_tp_tit .f_lt { display:block; float:left;}
.station_lt_tp_tit span { color:#ddd; }
.station_main_tit { text-align:center; font-weight:normal; padding:20px; margin:0; }
.station_sup_txt { text-align:center; line-height:1.7em; font-size:18px; color:#555; padding:12px 0; width:925px; margin:0 auto;}

@media (max-width: 980px) {
.station_sup_txt { width:100%; }
.container { width:100% !important; margin:auto; }
}

/* Main */

.main{
	background: top center no-repeat url(../images/bg.jpg);
}

.main .container .row h1{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:35px;
	line-height:1.5em;
	font-weight:100;
	text-align:center;
	margin-top:35px;
	padding-bottom:35px;
}

.main .container p{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:18px;
	line-height:1.7em;
	font-weight:100;
	text-shadow: 0 0 4px #021022;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	margin:0 auto;
}

/* Footer */
.station_ft { background:#999; text-align:center; padding:15px 0; font-size:12px; color:#fff; } 
.station_ft a { color:#fff; }
.station_ft a:hover { border-bottom:1px #9CF dotted; color:#FF0;}

/* 次頁
-------------------------------------------------- */
:focus {
	outline:none;
}

::-moz-focus-inner {
	border:0;
}

/* Container */

.container{
	width:980px;
}

.container a, 
.container a:link, 
.container a:active, 
.container a:hover, 
.container a:focus {
	color:#62e0ff;
	text-decoration: none;
	border:0;
}

.main .container .main_img img {
	width:720px;
	padding-bottom:60px;
}

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

/* Navigation

.navbar{
	background:#0e2f8f;
	border-bottom:#3f5fbd solid 1px;
}
 */
 
/* tab_control */ 
.tab_control{
	font-size:16px;
	line-height:1.5em;
	background-color: #308fc6;
}


/* learn */

.learn{
	padding-top:40px;
	padding-bottom:40px;
}

.section-background {
	background-color: #f5f5f5;
}

.blue-background {
	background-color: #37cddc;
}

.learn h1.p_tit1  {
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:100;
	line-height:1.4em;
	color:#0e2f8f;
	text-align:center;
	margin-bottom:25px;
}

.learn h2.p_tit2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:100;
	line-height:1.75em;
	color:#444444;
	padding-bottom:25px;
}

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

.learn p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:20px;
}

.learn img {
	width:600px;
	margin:auto 0;
}

.learn .main-invite {
	padding-top:10px;
}

.learn .main-invite .signal-note {
	color:#f77625;
	font-size:14px;	
	line-height:30px;
	text-align:left;
	padding-top:8px;
}

.learn .main-invite .signal a {
	font-size:18px;
	font-weight:400;
	line-height:16px;
	text-align:center;
	display:inline-block;
	background:#f77625;
	padding:15px 60px;
	border-radius:5px;
	color:#fff;
	text-decoration: none;
	margin:0 auto;
}

.learn .main-invite .signal a:hover {
	background:#f66722;
	border:0;
}

.learn .main-invite .signal i {
	padding-left:0px;	
}

/* 表格_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-family: 'Open Sans', sans-serif; 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-family: 'Open Sans', sans-serif; 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_pro { width:100%; margin:30px auto 30px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab_pro th { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; 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_pro td { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; 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_pro td img { width:100%; height:auto; }

/* 表格 Button */
.learn .container .tab_pro .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;
}

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

/* List */
.learn .container ul {
	margin-bottom:20px;
}

.learn .container ul li {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:3px;
}

/* Note */
.note {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:1.6em;
	color:#777777;
}

/* btn */
.learn .container .btn_all {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:1.6em;
	text-align:center;
	display: block;
	background: #1282d5;
	color: #fff;
	text-decoration:none;
	padding: 20px 0;
	width: 300px;
	margin: 50px auto 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

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

.btn-download a.download {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	width: 100%;
	line-height: 50px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	background: #3ec28b;
	color: #fff;
	position: relative;
	border-radius:4px;
}

.btn-download a.download:hover{
	background: #72c2a1;
}

/* 下方按鈕 */
.totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
	border:3px solid #666;
	border-radius:36px;
	background:url(../images/top.png) center no-repeat;
}

.totop a, .totop a:visited, .totop a:hover{
	display: block;
	width: 36px;
	height: 36px;
	font-size: 32px;
	color: #666;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
}

/* Responsive CSS */

/* 手機版 */
@media screen and (max-width: 480px){

/* Main */

.main{
	background: top center no-repeat url(../images/bg.jpg);
}

.main .container .row h1{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:28px;
	line-height:1.5em;
	font-weight:100;
	text-align:center;
	margin-top:35px;
	padding-bottom:35px;
}

.main .container p{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:18px;
	line-height:1.7em;
	font-weight:100;
	text-shadow: 0 0 4px #021022;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	margin:0 auto;
}

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

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

.container {
	width:100%;
}

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

/* learn - 手機 */

.learn{
	padding-top:40px;
	padding-bottom:50px;
}

.learn h1.p_tit1  {
	font-family: 'Open Sans', sans-serif;
	font-size:32px;
	font-weight:500;
	line-height:1.5em;
	color:#104c7b;
	text-align:left;
}

.learn h2.p_tit2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight:500;
	line-height:1.7em;
	color:#444444;
	padding-bottom:15px;
}

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

.learn p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:20px;
}

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

/* 表格_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-family: 'Open Sans', sans-serif; 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-family: 'Open Sans', sans-serif; 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_pro { width:100%; margin:20px auto 20px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab_pro th { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; 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 0px; text-align:center; }
.learn .container .tab_pro td { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:1.5em; font-weight:normal; padding:15px 5px; background:#fff; text-align:center; }
.learn .container .tab_pro td img { width:100%; height:auto; }

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

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

/* btn */
.learn .container .btn_all {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:1.6em;
	text-align:center;
	display: block;
	background: #1282d5;
	color: #fff;
	text-decoration:none;
	padding: 20px 0;
	width: 100%;
	margin: 50px auto 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

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

/* Note - 手機 */
.note {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:1.6em;
	color:#777777;
}

/* Warning - 手機 */
.warning {
	font-family: 'Open Sans', sans-serif;
	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-family: 'Open Sans', sans-serif;
	font-size:21px;
	font-weight:500;
	line-height:1.4em;
	color:#494949;
	padding-left:10px;
}
.actions p {
	padding-top:15px;
}

}

/* 平板電腦 */
@media screen and (min-width: 481px) and (max-width: 768px){

/* Main */

.main{
	background: top center no-repeat url(../images/bg.jpg);
}

.main .container .row h1{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:32px;
	line-height:1.5em;
	font-weight:100;
	text-align:center;
	margin-top:35px;
	padding-bottom:35px;
}

.main .container p{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:18px;
	line-height:1.7em;
	font-weight:100;
	text-shadow: 0 0 4px #021022;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	margin:0 auto;
}

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

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

.container {
	width:100%;
}

.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-family: 'Open Sans', sans-serif;
	font-size:36px;
	line-height:1.3em;
	color:#444444;
	font-weight:100;
	text-align:center;
	margin-bottom:25px;
}

.learn p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
	color:#444444;
	margin-bottom:20px;
}

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

/* Warning - 平板 */
.warning {
	font-family: 'Open Sans', sans-serif;
	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-family: 'Open Sans', sans-serif; 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-family: 'Open Sans', sans-serif; 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_pro { width:100%; margin:20px auto 20px; border:1px solid #d8dadc; line-height:1.5em; border-collapse:collapse; }
.learn .container .tab_pro th { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; 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 0px; text-align:center; }
.learn .container .tab_pro td { border:1px solid #d8dadc; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:1.5em; font-weight:normal; padding:15px 5px; background:#fff; text-align:center; }
.learn .container .tab_pro td img { width:100%; height:auto; }

/* 表格 Button - 平板 */
.learn .container .tab_pro .btn_more {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1.6em;
	display: block;
	background: #3b81de;
	color: #fff;
	text-decoration:none;
	padding: 10px;
	width: 100%;
	margin: auto;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}

/* btn */
.learn .container .btn_all {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:1.6em;
	text-align:center;
	display: block;
	background: #1282d5;
	color: #fff;
	text-decoration:none;
	padding: 20px 0;
	width: 100%;
	margin: 50px auto 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

}