@charset "utf-8";
/* CSS Document */

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;

border: 0;
font-size: 100%;
font-family: Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{height:100%;}
body{line-height:1; height:100%; background-image:url(../images/funky-lines.png);}
ol, ul{list-style:inherit;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:super;}

p, ul li{font-size:16px; line-height:2em;}

img{max-width:100%; max-height:100%;}

.item-link{
    width:100%;
    height:100%;
    font-size:0px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:30;
	}

.list-setting{padding-left:0; list-style:none;}
.list-setting>li{position:relative;}

.btn a{color:#fff!important;}
.btn:hover a{color:#fff!important;}

input{outline:none!important;}
button:focus{outline:none!important;}

table{
    border:0;
    width:100%;
    margin:15px 0 25px;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
	}

table tr{padding:5px;}

table th, table td{
	color:#606266;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
	padding:10px;
	border:1px solid #e5e7eb;
	}

table th{font-size:16px; letter-spacing:1px;}

table tbody tr:nth-child(odd){background-color:rgba(203,220,235,0.35);}

.tableProgressbar{min-width:200px;}

.dashTable .progress{height:2rem;}

.divide-row{
	padding-top:5px;
	margin-top:5px;
	border-top:1px dashed rgba(204,204,204,0.75);
	}

.formBox{margin-bottom:10px;}

.formBox>label{
	font-size:16px;
	font-weight:bold;
	color:#476eae;
	line-height:1em;
	letter-spacing:3px;
	padding:5px 10px 7px;
	position:relative;
	}

.formBox .formBoxContent{position:relative;}

.formBoxContent>input, .formBoxContent>select, .formBoxContent>textarea{padding:6px 10px;}

.formBoxContent>textarea{min-height:120px;}

.demoSection{padding:50px 0 80px;}

.demoContainer{
	width:90%;
	max-width:600px;
	padding:50px 30px 80px;
	margin:0 auto;
	border:3px solid #fff;
	border-radius:20px;
	background:linear-gradient(#fff, #67c6f1);
    background:-moz-linear-gradient(#fff,#67c6f1);
    background:-o-linear-gradient(#fff,#67c6f1);
    background:-webkit-linear-gradient(#fff, #67c6f1);
    box-shadow:rgba(0, 0, 0, 0.35) 0px 10px 10px;
	}

.demoTitle h1{font-size:28px; font-weight:bold;}

.demoContentArea a{font-size:16px; color:#0b4a72;}

.iconLinkList{display:flex;}

.iconLinkList li{margin-right:15px;}

.iconLinkList li img{height:30px;}

@media screen and (max-width:768px){
	.lanListBox{display:none;}
	.main-sidebar{display:none;}
	.navTrigger{display:block;}
	.content-wrapper{border-left:none;}
	}