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

* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
}
html, body {
	/*font-family: "Open Sans", Helvetica, Verdana, Tahoma, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; */
	width:100%;
	height: 100%;
}

h1, h2, h3, h4, h5, {
  /*font-family: "Open Sans", Helvetica, Verdana, Tahoma, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; */
}

/* DeskTop First 桌機版優先 */


/* Station - 主要框架 */
.station_lt_tp_tit {  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;}

/* Main */



.main{
	background:url(../_images/img.jpg) no-repeat center;

}

.main .row{
	border:0pt solid #0000ff;
	position: relative;
	padding-bottom:30px;
}

.main .titbox {
	margin: 0 auto;
	position: absolute;
	top: 70px;
	right: 15px;
	width: 45%;
	padding:15px;
	background-color:#FFFFFF;
    opacity: 0.8;
	}
	
.main .titbox h2{
	font-size:35px;
	}
	
.main .titbox h3{
	font-size:42px;
	font-weight: bolder;
	color:#306DBF;
	}
	

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


.main .titbox_en {
	margin:40px auto;
	padding: 30px 25px 10px 25px;
    width: 90%;
    text-align: center;
	}
	
.main .titbox_en h2{
	font-size:42px;
	line-height:1.4em;
	font-weight: bolder;
	color:#306DBF;
    font-weight: 500;
    margin: 20px 0px;
	}
	
.main .titbox_en h3{
	font-size:30px;
	line-height:1.4em;
	font-weight: bolder;
	color:#494949;
	font-weight: 500;
	}
	
.main .titbox_en p{
	font-size:20px;
	line-height:1.65em;
	margin-top: 20px;
	}

.main .titbox_en img{
	text-align: center;

	}

.main .titbox_en .fb{
	font-size:18px;
	color: #AD3F17;
    font-weight: bolder;
	text-align: center;
	padding:10px 20px;
	margin-top: 20px;
}

.box{
	width: 33%;
    height: 460px;
    clear: none;
	padding: 20px 0.4em;
	text-align: center;
	float: left;
}

.box2{
	width: 50%;
    clear: none;
	padding: 20px 1em;
	text-align: center;
	float: left;
}


.box4{
width: 40%;
  clear: none;
  padding-top: 40px;
  margin: auto;
  /*margin-right: 10px;*/
  /*margin-left: 60px;*/
  text-align: center;
  /*float: left;*/
}

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

.box4 ul li{
  text-align: left;
  list-style: disc;
  padding-left: 0px;
  margin-left: 40px;
  font-size:15px;
}


/* 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:950px;    
	position: relative;

}

.main .container .main_img img {
	width:750px;
}

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


 
/* tab_control */ 
.tab_control{
	font-size:16px;
	line-height:1.5em;
	background-color: #308fc6;
}


/* learn */

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

.learn h4{
	font-size:18px;
	padding-top:20px;
	text-align:center;
	color:#0E5EB3;
	margin-bottom: 10px;
	font-weight: bold;
}

.learn hr {
    margin-top: 60px;
    margin-bottom: 60px;
}

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

.section1-background {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(12%,#f7fbfc), color-stop(12%,#f7fbfc), color-stop(56%,#d9edf2), color-stop(100%,#add9e4)); /* Chrome,Safari4+ */
}

.section-background p{
	text-align:center;
}

.section-background h4{
	font-size:18px;
	padding-top:20px;
	text-align:center;
	color:#0E5EB3;
	margin-bottom: 10px;
	font-weight: bold;
}

.section1-background h2{
	font-size:36px;
	color:#444444;
	margin-bottom: 25px;
    line-height: 1.3em;
}

.section1-background h3{
	font-size:15px;
	text-align: center;
	color:#444444;
	line-height: 2em;
	margin-bottom: 25px;
}

.section1-background h4{
	font-size:18px;
	padding-top:20px;
	text-align: center;
	margin-bottom: 10px;
	color:#444444;
	font-weight: bold;
}

.img-background {
	background:url(../_images/background_light.jpg) center no-repeat;
	height:600px;
}


.img-background .textbox{
	background-color:hsla(240, 0%, 5%, 0.8);
	padding:30px 10px 50px 10px;
	margin-top: 100px;
}

.img-background .container .img{
	text-align:center;
	margin-top: 50px;
	margin-bottom:50px;
	}


.img-background .container .p_tit{
	text-align:center;
	color:#FFFFFF;
}

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

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

.learn h2.p_tit2 {
	
	font-size: 16px;
	font-weight:100;
	line-height:1.75em;
	color:#444444;
	padding-bottom:25px;
}


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

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

.learn h5.p_tit { 
	font-size:22px;
	line-height:1.3em;
	color: #17ABE0;
	font-weight:500;
	text-align:center;
	margin-bottom:25px;
}
.learn p {
	text-align: center;
	font-size:18px;
    line-height: 30px;
    color: #545454;
	margin-bottom:20px;
    font-weight: 300;
}

.learn img {
	/*width:750px;*/
	width: 100%;
	margin:auto 0;
}

.learn .box3 img {
	width:100%;
	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 .box3 {
    width: 50%;
    height: 100px;
    clear: none;
    padding: 0px 0px 30px 15em;
    text-align: left;
    float: left;
}
.learn .box3 ul{
    list-style: disc;
	font-size:15px;
    padding-left: 1em;
	padding-bottom:20px;
}

.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-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%; 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: bold; color:#165888; background-color:rgba(222, 242, 247, 1); 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:10px 3px; background:#fff; text-align:center; }
.learn .container .tab td ul li { text-align:left; list-style:disc; padding-left:0px; margin-left:40px; }
.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;
}

.learn .container .tab .btn_more:hover { background:#1253a9;}

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


/* List */
		ul {
		}

			ul.default {
				list-style: disc;
				padding-left: 1em;
			    margin-top: 50px;
			}
			
				ul.default li {
	 			   font-size: 18px;
			    	line-height:1em;
                   color: #545454;
                   margin-bottom: 20px;
                   font-weight: 200;
				}		

			ul.icons {
				cursor: default;
			}	
			
				ul.icons li {
					display: inline-block;
				}
				
					ul.icons a {
						display: inline-block;
						width: 2em;
						height: 2em;
						line-height: 2em;
						text-align: center;
						border: 0;
					}

			ul.menu {
				cursor: default;
			}
			
				ul.menu li {
					display: inline-block;
					line-height: 1em;
					border-left: solid 1px rgba(145,146,147,0.25);
					padding: 0 0 0 0.5em;
					margin: 0 0 0 0.5em;
				}
				
				ul.menu li:first-child {
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}

			ul.actions {
				cursor: default;
			}
			
				ul.actions li {
					display: inline-block;
				}
				
				ul.actions li:first-child {
					margin-left: 0;
				}

		ol {
		}

			ol.default {
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li {
					padding-left: 0.25em;
				}
*/

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

/* btn */
.learn .container .btn_all {
font-size:15px;
line-height:1.6em;
text-align:center;
display: block;
background: #3f3532;
color: #fff;
text-decoration:none;
padding: 15px 0;
width: 600px;
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-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: 52px;
	height: 52px;
	font-size: 32px;
    margin: 10px;
	/* color: #666;
	text-align: center;
	line-height: 36px; */
	text-decoration: none;
}

.addthis_sharing_toolbox {
	width: 258px;
	margin: auto;
}
@media screen and (min-width: 1000px) {
	.addthis_sharing_toolbox {
	position: absolute;
	top: 73px;
	/*right: 20px;*/
	left: 50%;
	margin-left: 222px;
	}
}
header.mainHeader .func-search .input-text input[type="text"],
header.mainHeader .func-subscribe .input-text input[type="text"],
header.mainHeader .qp-container h1,
header.mainHeader .qp-container nav.mainNav ul li.subItems-opened div.subItems {
	-o-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_l li a .label, header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_rl li a .label, header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_rr li a .label {
    color: #00ADEF;
}
header.mainHeader .qp-container nav.mainNav ul li .subItems .subItemsBlock .list_l li a .label {
	padding: 0px;
	text-align: left;
	line-height: 50px;
	font-weight: 300;
	font-size: 17px;
}
.main .titbox h2 {
	line-height: 40px;
	padding-top: 10px;
}
.main .titbox h3 {
	line-height: 80px;
}
sup{
	font-size:70% !important;
}

.table_wrapper {
	overflow: auto;
	-webkit-ove
	rflow-scrolling: touch;
	margin-bottom:50px;
}