body {
	-webkit-font-smoothing: antialiased;
	font-family: "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "新細明體", "PMingLiu", AppleGothic, Dotum, Lucida Grande, Verdana Sana-serif;
	color: #333;
}
.red { color: #c91010;}
.blue { color:#005bac;}
.green {color: #3d8906;}
.white {color: #ffffff;}
.orange { color: #eb6100}
.gray { color: #A8A8A8;}

/* Header */
#logo-bar {
	width:100%;
	height:56px;
	background: url(../images/bg.gif) center center no-repeat;
}
.logo {
	background: url(../images/logo.gif) center center no-repeat;
	width: 980px;
	height:56px;
	margin: 0 auto;
}
.submenu {
	width:320px;
	height:20px;
	font-size:12px;
	letter-spacing:1px;
	margin-top:30px;
	float:right;
	text-align:center;
}
.submenu a { color:#fff;}
.submenu > a:hover { border-bottom:1px solid #E6F6F9;}
.submenu span {
	font-size:10px;
	margin:0 5px 0;
	color:#135d9b;
}

#head {
	min-height:516px;
	text-align: center;
	padding-top:106px;
}
#pagehead {
	min-height:300px;
	padding-top:106px;
}

.navbar-brand { display: none;}

/*  Nav */
.navbar-inverse {
	border-radius: 0;
	background:rgba(238, 238, 238, .8);
	border-bottom:1px solid rgba(255, 255, 255, 0.15);
	min-height:100px;
	padding-top:0;
	margin-bottom:0;
}
.navbar-inverse *:focus { outline: 0; }

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a {
	font-size: 1.4em;
	color: #151515;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #ED4718;
	background:rgba(0, 173, 238, .3);
}
.navbar-inverse .navbar-nav > .open > a{
	background:none;
	color:#ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
	background: rgba(0, 173, 238, .6);
	color: #000000;
}

.navbar-inverse .navbar-nav > .active > a {
	background:none;
	color: #ED4718;
}

.navbar-inverse .navbar-brand {
	font-size: 1.4em;
	padding:0 0 0 15px;
	margin:12px 0 0 0;
}
	.navbar-inverse .navbar-brand img { margin-top:-8px;}

.navbar-nav .dropdown-menu {
	left:-5px;
	font-size: 1.2em;
	background-color: rgba(0, 173, 238, .8);
	border: 0px none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-nav .dropdown-menu > li > a { 
	color:rgba(0, 0, 0, .7);
	padding:7px 20px;
}
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:focus,
	.navbar-nav .dropdown-menu > .active > a:hover{ 
		background: rgba(0, 0, 0, .1);
		color:#ffffff;
}

.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:focus {
	background: none;
	color:#ffffff;
}

.navbar-inverse .navbar-nav > li a.btn {
	border:1px solid #aaaaaa;
	background-color: rgba(255,255,255,1);
	margin-left:5px;
	margin-top:5px;
	padding:10px 20px;
}
.navbar-inverse .navbar-nav > li a.btn:focus, 
.navbar-inverse .navbar-nav > li a.btn:hover  {
	background-color: rgba(255,255,255,0.8);
	border:1px solid rgba(255,255,255,1);
}

.navbar-collapse {
	border:0 none;
	border-top:0 none;
	box-shadow: none;
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom { border-radius: 0; }


/* Buttons */
#sign {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 50px;
	text-align: center;
	top:410px;
}
.btn {
	padding: 8px 20px;
	font-weight: bold;
	border:0 none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn-lg {
	padding: 15px 65px;
	font-weight:bold;
}
.btn-default {
	text-shadow: none;
	background:transparent;
	color:rgba(50,50,50,.5);
	-webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5);
	-moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5);
	box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.5);
}
	.btn-default:hover,
	.btn-default:focus {
		color:rgba(50,50,50,.8);
		-webkit-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8);
		-moz-box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8);
		box-shadow:inset 0px 0px 0px 3px rgba(50,50,50,.8);
		background: transparent;
}
	.btn-default:active, .btn-default.active {
		color:#333;
		-webkit-box-shadow:inset 0px 0px 0px 3px #333;
		-moz-box-shadow:inset 0px 0px 0px 3px #333;
		box-shadow:inset 0px 0px 0px 3px #333;
		background: transparent;
}
.btn-action {
		color:#fff;
		background: #FF9B22;
}
.btn-action:active, .btn-action:hover, .btn-action:focus {
	color:#fff;
	background: #FF8C00;
}
.btn-window {
	color: #E30A40;
	background: #ffffff;
	border: 1px solid #bcbcbc;
	margin: 0 5px ;
	padding: 4px 10px;
	font-size: 1em;
	transition: all 0.8s;
}
.btn-window:active, .btn-window:hover, .btn-window:focus {
	border: 1px solid #ffffff;
	transition: all 0.8s;
}

/*開戶按鈕*/
.btn-sign {
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	letter-spacing: 0.1em;
	padding: 10px 35px;
	-webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
	-moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
	box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}
.btn-sign:first-child { margin-right: 10px;}
.des-button-color-1d:after{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#FFE32C;
}
.des-button-color{
	border:none;
	color:inherit;
	cursor:pointer;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:0;
	font-weight:600;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	background:#ffffff;
}
.des-button-color:after{
	content:'';position:absolute;
	z-index:1;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.des-button-color span{
	z-index:2;
	position:relative;
}
.des-button-color-1d:after{
	width:0;
	height:103%;
	top:50%;
	left:50%;
	opacity:0;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
}
.des-button-color-1d:hover,
.des-button-color-1d:active,
.des-button-color-1d:active span,
.des-button-color-1d:hover span{color:#C70003!important;}
.des-button-color-1d:hover:after{width:102%;opacity:1;}
.des-button-color-1d:active:after{width:101%;opacity:1;}


/* Images */
.img-rounded {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Home Page Carousel */
.img-portfolio { margin-bottom: 30px;}

.img-hover:hover { opacity: 0.8;}

#head.carousel .item,
#head.carousel .item.active,
#head.carousel .carousel-inner,
#pagehead.carousel .item,
#pagehead.carousel .item.active,
#pagehead.carousel .carousel-inner { height: 100%;}

#head.carousel .fill {
    width: 100%;
	height: 516px;
	background-repeat: no-repeat;
    background-size: cover;
	text-indent: -9999px;
}
#pagehead.carousel .fill {
    width: 100%;
	height: 300px;
	background-repeat: no-repeat;
    background-size: cover;
	text-indent: -9999px;
}
.t1 { background-image: url(../images/header1.jpg);}
.t2 { background-image: url(../images/header2.jpg);}
.t3 { background-image: url(../images/header3.jpg);}
.t4 { background-image: url(../images/header4.jpg);}
.t5 { background-image: url(../images/header5.jpg);}
.t6 { background-image: url(../images/header6.jpg);}
.t7 { background-image: url(../images/header7.jpg);}
.t8 { background-image: url(../images/header8.jpg);}

#pagetitle { background-position: center -100px;}
#pagetitle2 { background-position: center top;}

/* navbar */
.slideUp { top:-130px; }
.headroom {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.highlight { margin-top:40px; }
	.h-caption { text-align: center; } 
	.h-caption i {
		display:block;
		color:#382526;
		margin-bottom:36px;
}
	.h-caption h4 {
		color:#382526;
		font-weight: 600;
		margin-bottom:20px;
}

/* Typography */
blockquote {
	color:#999;
	margin:30px 0 30px;
}
label { color: #777; }
.thin { font-weight:600;}
.page-title {
	margin-top:20px;
	font-weight:300;
}
.text-muted { color:#888888;}
.breadcrumb { background:none; padding:0; margin:30px 0 0px 0;}

ul { list-style: none;}
ul.list-spaces li{ margin-bottom:10px; }

h3 { color: #000000;}

hr {
	border-bottom: 2px solid #dcdcdc;
	margin-top: 20px;
}
hr:after { 
	display: block;
	content:"";
	width: 80px;
	height: 2px;
	background-color: #666666;
}

/* 外匯市場 */
#market > span, #point > span { color: #700b0b;}
.mtext {
	font-size: 1.6em;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	padding: 10px;
}
.ptitle {
	font-size: 1em;
	font-weight: 600;
	display: block;
	margin-top: 80px;
}
.market {
	display: block;
	background: url(../images/bg_text.jpg) center center no-repeat;
	background-size: cover;
	margin: 30px 0 100px;
}
.market > p {
	width: 60%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
}

#rate > span, #account > span, #tax > span { color: #0e1ab4;}
.rate {
	width: 760px;
	height: 660px;
	margin: 30px auto;
}

#product > span, #time > span, #password > span { color:#e24c02;}
.product-tab {
	width: 96%;
	margin: 20px auto;
	border-top: 3px solid #002e73;
	border-bottom: 3px solid #002e73;
}
.product-tab th, .product-tab td {
	border-right: 1px solid #002e73;
	border-bottom: 1px dashed #002e73;
	text-align: center;
	padding: 10px;
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
.product-tab th {
	background-color: #7ecef4;
	font-weight: 600;
}
.product-tab th:last-child, .product-tab td:last-child { border-right: none;}
.product-tab th:first-child {
	background-color: #F7A938;
	border-right: 2px solid #002e73;
}
.product-tab tr:nth-child(odd) { background-color: #dfebf1;}

/* 特色 */
.point-panel {
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:0;
}
.h-body p {
	font-size:1.3em;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}
.h-caption > h4 {
	font-size: 2em;
	letter-spacing: 0.2em;
}
.h-caption h4 > i {
    width: 180px;
    height: 90px;
    position: relative;
	left: 15%;
	margin-bottom: 60px;
}
.h-caption h4 > i::before {
    content: "";
    position: absolute;
    top: -45px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
}
.h-caption h4 > i::after {
    content: "";
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
}
#square1 { background:#ffb400 url(../images/icon1.png) center center no-repeat;}
#square1::before { border-bottom: 45px solid #ffb400;}
#square1::after {  border-top: 45px solid #ffb400;}

#square2 { background:#f81a44 url(../images/icon2.png) center center no-repeat;}
#square2::before { border-bottom: 45px solid #f81a44;}
#square2::after {  border-top: 45px solid #f81a44;}

#square3 { background:#73c21f url(../images/icon3.png) center center no-repeat;}
#square3::before { border-bottom: 45px solid #73c21f;}
#square3::after {  border-top: 45px solid #73c21f;}

#square4 { background:#1292dc url(../images/icon4.png) center center no-repeat;}
#square4::before { border-bottom: 45px solid #1292dc;}
#square4::after {  border-top: 45px solid #1292dc;}

.thumbnail { border: none;}
.color-1 { background-color: #16c0df;}
.color-2 { background-color: #fa9cb0;}
.color-3 { background-color: #97cffa;}
.color-4 { background-color: #ffc198;}
.color-5 { background-color: #f5cf4c;}
.color-6 { background-color: #7ddfd2;}
.color-7 { background-color: #3dd5f5;}
.thumbnail .caption > h3 {
	padding: 10px 20px;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.thumbnail .caption > p {
	font-size: 1.4em;
	letter-spacing: 0.2em;
}
.flag {
	background-image: url(../images/flag.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.us { background-position: center -16px;}
.gb { background-position: center -32px;}
.eu { background-position: center -48px;}
.jp { background-position: center -64px;}
.au { background-position: center -144px;}
.nz { background-position: center -160px;}
.ca { background-position: center -192px;}
.ch { background-position: center -208px;}

/*交易時間*/
.timeTab {
	width: 96%;
	margin: 20px auto;
	border-bottom: 2px solid #24486E;
}
.timeTab caption {
	font-size: 1.6em;
	letter-spacing: 1em;
	border-bottom: 2px solid #24486E;
	padding: 5px;
}
.timeTab td {
	border-right: 1px solid #002e73;
	border-bottom: 1px dashed #002e73;
	text-align: center;
	padding: 10px;
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
.timeTab td > span { color: #A01522}
.timeTab td:first-child { font-weight: 600;}
.timeTab td:last-child { border-right: none;}
.timeTab tr:nth-child(even) { background-color: #EAFBFF;}

/* 合約規格 */
.price > li > span { margin-right: 10px;}
.mtext > p sup { color: #FF0C10;}

.sample {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d8d8d8;
	padding: 20px;
	margin: 60px 0 0;
}
.sample::after {
	content: "範例";
	background-color: #d8d8d8;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
    position: absolute;
    top: -40px;
    left: 60px;
	font-size: 1em;
	font-weight: 600;
	padding: 0 30px;
}

.nb {
	background-color: #B51831;
	color: #ffffff;
	font-size: 0.7em;
	font-style: normal;
	padding: 3px 8px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	margin-right: 5px;
}

/* 損益 */
#myTab li, #coinTab li {
	font-size: 1.4em;
	letter-spacing: 0.2em;
}
#myTab li.active a, #coinTab li.active a {
	color: #FD5016;
	font-weight: 600;
}
#myTabContent h4, #coinTabContent h4 {
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
}
#myTabContent span, .save-way span {
	background-color: #EFEFEF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	display: block;
	width: 160px;
	padding: 2px;
	margin-top: 20px;
	text-align: center;
	font-size: 0.8em;
}
.bg-warning {
	color: #C50D35;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding: 5px 20px;
}
.interest-search > img {
	width: 100%;
	max-width:420px;
}

/* 新手 */
.panel-body a { font-size: 1.2em;}
#gmap {
	width:100%;
	height:350px;
}
.modal-dialog {
	width: 80%;
	min-width: 680px;
    margin: 150px auto;
}
.modal-body {
	font-size: 1.4em;
	height: 380px;
}
.modal-body h4 { margin-bottom: 20px;}
.modal-body p {
	line-height: 1.8em;
	margin-bottom: 10px;
}
.modal-body abbr {
	font-weight: 600;
	margin:0 5px;
}
.media-heading { padding-top: 8px;}

#step-panel .panel-body {
	padding: 10px;
	height: 115px;
}
.panel-body > h4 {
	padding: 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 須知 */
.save, .save-end {
	background-color: #D96619;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	padding-top: 10px;
}
.save::after {
	content: "→";
	color: #D96619;
    position: absolute;
    top: 5px;
    right: -16px;
	font-size: 2.4em;
}
.save-way > span {
	display: block;
	float: left;
	margin-right: 20px;
}
.save-info h5 {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 15px;
}
.save-info p {
	font-size: 0.9em;
	line-height: 1.4em;
}

.notice-title {
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	padding: 6px 0;
	font-size: 0.9em;
	text-indent: 15px;
}
.notice-title::before {
	content: "";
	background-color: #E0183D;
	display: inline-block;
    position: absolute;
    top: 16px;
    left: 15px;
	width: 3px;
	height: 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.notice-list, .save-list {
	list-style: decimal;
	font-size: 0.8em;
}
.notice-list li, .save-list li {
	line-height: 1.4em;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

.save-list li {	margin-bottom: 10px;}
.save-list li span { display: block;}

.app-QRCode { padding-left:0;}
.app-QRCode > li {
	display: inline-block;
	text-align: center;
	float: left;
}

.out P > span { display: block;}
.out, .out-end {
	background-color: #0082A3;
	color: #ffffff;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.2em;
	padding-top: 10px;
}
.out::after {
	content: "→";
	color: #0082A3;
    position: absolute;
    top: 5px;
    right: -16px;
	font-size: 2.4em;
}

.tax-Tab {
	width: 96%;
	margin: 20px auto;
	border-top: 3px solid #0d0e16;
	border-bottom: 3px solid #0d0e16;
}

.tax-Tab th, .tax-Tab td {
	border-left: 1px solid #0d0e16;
	border-bottom: 1px dashed #1f3c66;
	text-align: center;
	padding: 10px;
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
.tax-Tab th {
	background-color: #00316b;
	border-bottom: 2px solid #0d0e16;
	color: #fff;
	font-weight: 600;
}
.tax-Tab th:first-child, .tax-Tab td:first-child {
	border-left: none;
	border-right: 2px solid #0d0e16;
}
.tax-Tab tr:nth-child(odd) { background-color: #e6fcff;}

/* 平台 */
.moneywin {
	color: #FF400B;
	display: block;
}
.moneywin-logo {
	background: url(../images/moneywin.png) center center no-repeat;
	background-size: cover;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
.mt-logo img {
	width: 100%;
	width: 200px \9;
}
.mt-point > li {
	width: 25%;
	padding: 10px;
	margin-bottom: 12px;
	float: left;
}
.mt-point > li i { margin-right: 6px;}

.mt-download > i, .mt-pdf > i { margin-right: 3px;}
.maincontent a {
	color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	display: block;
	width: 70%;
	padding: 8px 20px;
	transition: all 1s;
	margin-bottom: 20px;
}
.mt-download {
	background-color: #003c7b \9;
	background: -webkit-gradient(linear, center top, center bottom, from(#167fe8), to(#003c7b));
	background: -webkit-linear-gradient(top, #167fe8, #003c7b);
	background: -moz-linear-gradient(top, #167fe8, #003c7b);
	background: -o-linear-gradient(top, #167fe8, #003c7b);
	background: -ms-linear-gradient(top, #167fe8, #003c7b);
	background: linear-gradient(to bottom, #167fe8, #003c7b);
	margin-right: 50px;
}
.mt-pdf {
	background-color: #e42a32 \9;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffee58), to(#e42a32), color-stop(0%, #fcc736), color-stop(44%, #f18d46), color-stop(75%, #e95d3b));
	background: -webkit-linear-gradient(top, #ffee58, #fcc736 0%, #f18d46 44%, #e95d3b 75%, #e42a32);
	background: -moz-linear-gradient(top, #ffee58, #fcc736 0%, #f18d46 44%, #e95d3b 75%, #e42a32);
	background: -o-linear-gradient(top, #ffee58, #fcc736 0%, #f18d46 44%, #e95d3b 75%, #e42a32);
	background: -ms-linear-gradient(top, #ffee58, #fcc736 0%, #f18d46 44%, #e95d3b 75%, #e42a32);
	background: linear-gradient(to bottom, #ffee58, #fcc736 0%, #f18d46 44%, #e95d3b 75%, #e42a32);
}
.maincontent a:hover, .maincontent a:active, .maincontent a:focus {
	border-radius: 28px;
	text-decoration: none;
	transition: all 1s;
}
.maincontent a:hover > i, .maincontent a:active > i, .maincontent a:focus > i {	color: #FFFD13;}

/* 常見問題 */
#accordion > .panel-default { border:none;}
#accordion > .panel-default > .panel-heading {
	background-color: #ffffff;
	border-bottom: 1px dotted #dddddd;
}
#accordion > .panel-default > .panel-heading > .panel-title {
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: 0.1em;
}
#accordion > .panel-default > .panel-heading > .panel-title > a:hover,
#accordion > .panel-default > .panel-heading > .panel-title > a:active,
#accordion > .panel-default > .panel-heading > .panel-title > a:focus {
	color: #0E62C5;
	font-weight: 600;
	text-decoration: none;
}
#accordion > .accordion-toggle {
	display: block;
	width: 100%;
	padding: 10px;
}
#accordion .panel-body {
	background-color: #f2f2f2;
	border-bottom: 1px solid #f1f1f1;
}
#accordion .panel-body ol li { font-size: 0.9em;}

.contitle {
	font-size: 1em;
	font-weight: 600;
}
.order {
	border-top: 1px solid #FFFFFF;
	padding-top: 30px;
	margin-top: 10px;　
}

.list-unstyled li {
	font-size: 0.9em;
	padding: 5px 0;
}
.list-unstyled li > span { margin-left: 10px;}

/* 公鑰 */
#key {
	width: 600px;
	height: 400px;
	margin-left: 60px;
}

/* 說明會 */
.event-word {
	font-size: 1.2em;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	padding-bottom: 100px;
}
.event-title {
	border-right: 1px solid #f1f1f1;
	color: #CB0B34;
	font-size: 1.6em;
	font-weight: 800;
	padding: 10px;
	text-align: center;
}

.event-nav-tabs {
	display: block;
	width: 96%;
	text-align: center;
	padding-top: 100px;
}
.event-nav-tabs > li {
	display: inline-block;
	padding: 0 30px;
	border-left: 1px solid #C1C1C1;
}
.event-nav-tabs > li:first-child { border-left: none;}
.event-nav-tabs > li a:hover {
	color: #EF3310;
	text-decoration: none;
}

.m-event-tab { display: none;}

.event-tab {
	position: relative;
	display: block;
	border-top: 1px solid #3c4043;
	border-bottom: 1px solid #3c4043;
	margin: 0 auto;
	font-size: 1em;
	width: 98%;
}
.event-tab th {
	border-top: 1px solid #d3dce4;
	border-bottom: 1px solid #3c4043;
	background-color: #d9e3eb;
	padding: 8px;
	text-align: center;
	font-size: 1.1em;
	font-weight: 800;
	white-space: nowrap;
}
.event-tab td {
	border-top: 1px solid #d6dfe6;
	padding: 10px 8px;
}

.event-tab caption {
	border-top: 1px solid #3c4043;
	padding-left: 10px;
}

#event-6m { color: #d50041;}
#event-7m {	color: #fb4d00;}
#event-8m {	color: #019683;}

.event-tab td > i, .process-tab th > i, .live > i, .YFspeaker-tab th > i, .m-tab caption > i { margin-right: 6px;}

.event-tab td > dt {
	display: block;
	padding: 10px;
}
.event-tab td > dt:first-child, .m-tab td > dt:first-child { border-bottom: 1px dotted #dee0e2;}
.event-tab td > dt.no-line, .m-tab td > dt.no-line { border-bottom: none;}

.event-tab td > dt > span, .m-tab td > dt > span {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #f7f7f7;
	display: inline-block;
	padding: 2px 16px;
	margin:3px 6px 3px 0;
	white-space: nowrap;
}
.event-tab td > dt > span.offline, .m-tab td > dt > span.offline { color: #014299;}
.event-tab td > dt > span.online, .m-tab td > dt > span.online { color: #fd4505;}

.event-tab tr.gray td > i,
.event-tab tr.gray td > dt > i,
.event-tab tr.gray td > dt > a,
.event-tab tr.gray td > dt > span.offline,
.event-tab tr.gray td > dt > span.online { color: #A8A8A8;}



.event-tab td.time > span { margin: 0 3px;}

.tooltip { white-space: nowrap;}

.live {
	font-size: 1.1em;
	margin-left: 20px;
	margin-top: 0;
	padding: 10px;
}

.process-tab, .YFspeaker-tab {
	border-top: 1px solid #838383;
	border-bottom: 1px solid #838383;
	width: 96%;
	margin: 10px auto;
	font-size: 1.1em;
}
.process-tab caption {
	background-color: #f7f7f7;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	width: 20%;
	text-align: center;
	margin-left: 20px;
	font-size: 1.2em;
}
.process-tab th, .YFspeaker-tab th { padding: 16px 8px;}
.process-tab th > i { color: #b8c2c6;}
.process-tab tr:nth-child(even) { background-color: #f5f5f5;}

.process-tab td { padding: 12px 2px;}

.YFspeaker-tab th {
	background-color: #f3f3f3;
	text-align: center;
	font-weight: 800;
}

.YFspeaker-tab td {padding: 10px;}
.YFspeaker-tab td > dt {
	border-top: 1px dotted #dee0e2;
	padding: 5px 0;
}
.YFspeaker-tab td > dt:first-child { border-top: none;}

.speaker { display: none;}
.speaker > img { width: 50%;}

.speaker-name {
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 20px 8px;
}
.speaker-office > span {
	background-color: #f7f7f7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #252525;
	display: block;
	padding: 3px;
	width: 100px;
	margin: 10px auto;
	font-size: 0.8em;
}

/* Sidebars */
.sidebar {
	padding-top:20px;
	padding-bottom:30px;
}
.sidebox {
	border-top:6px solid #0062CB;
	background-color: #E6EDF0;
}

/* Footer */
footer{
	border-top:5px solid #eb6100;
	background-color: #005bac;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer p {
	color: #ffffff;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

/* Helpers */
.container-full { margin: 0 auto; width: 100%;}

#myAccount .modal-dialog {
	width: 30%;
	min-width: 250px;
}
#myAccount .modal-body { height: 160px;}

.ps {
	color: #9C0F12;
	font-size: 0.8em;
}
.ps-size {font-size: 0.7em;}

.bold { font-weight: 300;}

.top-space { margin-top: 60px; }
.top-margin { margin-top:20px; }
.left-margin { margin-left:20px;}
i.space { margin-right:5px;}

img { max-width:100%; }
img.pull-right { margin-left: 10px; }
img.pull-left { margin-right: 10px; }
#social { margin-top:50px; margin-bottom:50px; }
#social .wrapper { width:340px; margin:0 auto; }