body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: "微軟正黑體",Arial,Helvetica;
}

body button,
.btn,
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.btn:hover,
body button:hover {
    opacity: .8;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

body a:hover {
    opacity: .8;
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: "微軟正黑體",Arial,Helvetica;
}

p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
    font-family: "微軟正黑體",Arial,Helvetica;
}
.imgB, .Big{ display: block;}
.imgS, .Small{ display: none;}
.left{ float: left;}
.right{ float:right;}
ul,
ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

ol, ul {
list-style: none;
}
body{color:#888888; background-color:#FFFFFF;}
a{color:#96AFAA;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}

.icon{color:#FFFFFF; background-color:#000000;}
.icon.nobg{color:inherit; background-color:inherit; border-color:#D7D7D7;}
.red{background-color:#DC8B8A;}
.orange{background-color:#EC9700;}
.green{background-color:#A7DFC4;}
.flexslider .heading, .flexslider .btn{color:#FFFFFF;}
h1, h2, h3, h4, h5, h6, .heading{color:#242424; border-color:inherit;}

/* CTA - Call To Action */
#cta .heading{color:inherit;}
.row1, .row1 a{}
.row2, .row2 a{}
.row3{border-top:1px solid;}
.row4{border-top:1px solid;}
.row5, .row5 a{}
.color_brown{color: #bd8100;}
.color_brown img{vertical-align:bottom;
}
/* Rows */
.row1, .row1 a{color:#242424;}
.row2{color:#888888; background-color:#FFFFFF;}
.row3{color:#888888; background-color:#F7F7F7; border-color:#EBEBEB;}
.row4{color:#888888; background-color:#F7F7F7; border-color:#EBEBEB;}
.row5, .row5 a{color:#888888; background-color:#EBEBEB;}
.row6{color:#FFFFFF; background-color:#96AFAA;}
.row6 a{color:#96AFAA; background-color:#FFFFFF;}
.tablebox{
	background-color: #bd8100;
	height: 50px;
	width: 4px;
	text-indent: -9999px;
}
#HTITLE{
	font-size: 30px;
	line-height: 30px;
}
/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}
/* Header */
#header{position: relative; width: 100%; max-width: 1600px; margin: 0 auto; min-width:1200px;}

#header #logo{ margin-right:50px;}
#header #logo img{ width:452px; height:92px;}

#header .icons{ position:absolute; width:160px; right:23px; top:28px; display:block;}
#header .icons .ii{ float:left; width:30px; margin-right:8px;}
.smenu a{
	display:none;
	}

/* Back to Top */
#backtotop{color:#FFFFFF; background-color:#96AFAA;}
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:90px; right:20px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}

/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}
#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute;  font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{ margin-top:20px; position:absolute; left:470px; width:700px; display:block;}
#mainav ul{
	text-transform: uppercase;
}
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{
	display: inline-block;
	position: relative;
	margin: 0 10px 0 0;
	padding: 0;
	color: #0463b2;

}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li .e{ position:absolute; top:5px;  font-size:14px; color:#707070; font-weight:normal;}
#mainav li a{display:block; padding:20px 0; font-size:18px; font-weight:bolder;font-family: "微軟正黑體",Arial,Helvetica;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}

#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{
	width: 100%;
	padding: 5px;
	border: 1px solid;
}
#mainav form select option{margin:5px; padding:0; border:none;}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#0463b2; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#0463b2;}
#mainav form select{
	border-color: #D7D7D7;
}

/* Moile_Menu */
.mobile_warpper{ display:block; position:absolute; left:-220px; top:0; width:220px; height:100%; z-index:9999; background:rgba(0, 0, 0, 0.8); padding:15px; overflow:auto;}
.mobile_warpper .close_btn{width:40px; height:40px; background:url(../images/close_icon.svg) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden; cursor:pointer; float:right; z-index:1}
.mobile_warpper .nav_menu{ text-align:left;}
.mobile_warpper .nav_menu a{
	width:100%;
	height:40px;
	color:#FFF;
	line-height:40px;
	text-decoration:none;
	list-style-type: none;
	display: block;
}
.mobile_warpper .nav_menu ul li a{
	color: #009df7;
	list-style-type: square;
}
.mobile_warpper .open_menulist_m li .imgbox{ float:left; width:40px; height:40px;}
.mobile_warpper .open_menulist_m li .imgbox a{ display:block;}
.mobile_warpper .open_menulist_m li .imgbox a img{ width:100%; height:auto;}
.mobile_warpper .open_menulist_m li h2{ margin-left:45px;}
.mobile_warpper .open_menulist_m li h2 a{color:#7a5c44; text-decoration:none; font-size:14px;font-weight:normal;}

/* Footer */

#Footer{ width:100%; margin: 0 auto; overflow:hidden; background-color:#007fea; padding:30px 0 0;}

#Footer .MenuBox{ width:1100px; margin:0 auto; overflow:hidden;}
#Footer .MenuBox .abox{ width:160px; float:left; margin:0 20px 0 1px; }
#Footer .MenuBox .aheight{ height: 280px; }
#Footer .MenuBox .bheight{ height: 130px; }
#Footer .MenuBox .abox .atitle{
	font-size: 18px;
	color: #4bf4ff;
	width: 160px;
	margin-bottom: 10px;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4bf4ff;
	padding-bottom:6px;
}
#Footer .MenuBox .abox .list a{ font-size:15px; width:100%; line-height:30px; float:left; color:#FFF; }
#Footer .Address{ background-color:#515155; padding:20px 0; clear:both; margin-top:20px;}
#Footer .Address .LogoBox{ width:406px;  background-color:#FFF;-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px; margin:0 auto; text-align:center; }
#Footer .Address .LogoBox img{ width: 300px; height:auto;}
#Footer .Address .data{ font-size:18px; line-height:36px; color:#FFF; text-align:center; padding-top:30px; }
#Footer .Address p{ color:#a9a9a9; font-size:18px; text-align:center; padding-top:15px; margin-bottom:0;}
#Footer .Address p a{ color:#FFF;}


@media screen and (max-width:1300px) {
	#mainav li{
	margin: 0 5px 0 0;}
	#mainav{ left:450px; width:560px;}
	#mainav li a{font-size:15px;}
	#mainav li .e{ font-size:12px;}


    }
    
@media screen and (max-width:768px) {
	.imgB, .Big{ display: none;}
	.imgS, .Small{ display: block;}
	#header{max-width: 768px; min-width:auto;}
	#header { height:60px;}
	#header #logo img{ width:auto; height:50px; margin:5px 2%;}
	#header #logo{ margin-right:0px;}
    #header .icons{ display:none;}
    #mainav{ display:none;}
    #Footer .MenuBox{ width:96%; margin:0 2%;}
    #Footer .MenuBox .abox{ width:30%; float:left; margin:0 1.5%; }

    #Footer .MenuBox .abox .atitle{
	font-size: 16px;
	color: #4bf4ff;
    width: 100%;
    }
    #Footer .Address .LogoBox{ width:80%;  background-color:#FFF;-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px; margin:0 auto; text-align:center;
	display:  flex;
	align-items: center;
	justify-content:  center;}
	#Footer .Address .LogoBox img{ width: 80%; height:auto; margin: 3% auto;}
	#Footer .Address .data{ font-size:15px; line-height:30px; color:#FFF; text-align:left; padding-top:20px; margin: 0 2%; }
	#Footer .Address p{ color:#a9a9a9; font-size:15px; text-align:center; padding-top:15px; margin:0 2%;}
	/* 選單 */
	.smenu a{
	background-image: url(../images/btn.png);
	background-position: center center;
	height: 40px;
	width: 60px;
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	}

}
@media screen and (max-width:480px) {
    #header #logo img{ margin:5px 1%;}
	#Content .Partner .Box a{
	width: 47%;
	margin: 10px 1.5%;
    }
}