/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* 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,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "微軟正黑體";
	vertical-align: baseline;
	height: auto;
	color: #0A0A0A;
	background-position: 0px 0px;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{
	text-decoration:none;
	line-height: 30px;
}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
#underline-01 ul{
	padding-bottom: 0px;
	border-bottom: 1px solid #eee;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 2px;
}
#underline-01 li{
	margin-left: 0px;
	padding-left: 35px;
	list-style: none;
	background: url(../images/ftr_dot.png) no-repeat;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
	font-family: "微軟正黑體";
}
#underline-01 li.cp{
	padding-left:15px;
	margin-left:10px;
	list-style:none;
	background:images/ftr_dot2.gif) no-repeat;
}


#underline-01 a{
	color: #595959;
	text-decoration: none;

}

#underline-01 a:hover{
	color:#333333;
	text-decoration:underline;
}

nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{
	max-width: 100%;
	text-align: center;
	color: #004C99;
}
/*end reset*/
@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/Nexa_Free_Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'nexa_lightregular';
	font-size: 100%;
	background: #ffffff;
}
.wrap{
	background-repeat: repeat-x;

}
/* start header */
.header_bg{
	background: #EBEBEB;
}
.logo{
	text-align: center;
	padding-left: 0px;
	width: 100%;
}
.logo a{
	float: left;
}
.header_right{
	margin-top: 20px;
}
/* nav */
.nav_bg{
	background: #464646;
}
.clearfix {
	width: 100%;
	font-size: 11pt;
}
.clearfix ul {
	position:relative;
	padding: 0;
	margin: 0 auto;
	display: none;
	background: #2d2d2d;
}
.clearfix li {
	display: block;
}
.clearfix a {
	color: #ffffff;
	font-size:15px;
	text-transform:uppercase;
	display: block;
	width:100%;
	text-indent: 10px;
	text-align: left;
	text-decoration: none;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.clearfix li a {
	border-bottom: 1px solid rgba(240, 240, 240, 0.14);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.clearfix li:last-child a {
	border-right: 0;
}
.clearfix a:hover,.clearfix a:active {
	background: #424242;
	color:#ffffff;
}
.clearfix a#pull {
	font-family: "微軟正黑體";
	font-size: 20px;
	display: block;
	width: 100%;
	height: 45px;
	position: relative;
	text-shadow: 0 1px 0 #FFFFFF;
	color: #555555;
	box-shadow: 0px 2px 2px 0px rgba(133, 133, 133, 1);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(133, 133, 133, 1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(133, 133, 133, 1);
	-o-box-shadow: 0px 2px 2px 0px rgba(133, 133, 133, 1);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 10%, #fdfdfd 22%, #f0f0f0 41%, #e9e9e9 63%, #e7e7e7 82%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#fefefe), color-stop(22%,#fdfdfd), color-stop(41%,#f0f0f0), color-stop(63%,#e9e9e9), color-stop(82%,#e7e7e7), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	font-weight: bolder;
	padding-top: 15px;
	text-align: center;
}
.clearfix a#pull:after {
	width: 30px;
	content:"";
	width: 30px;
	height: 50px;
	display: inline-block;
	position: absolute;
	right: 15px;
	/*top: 10px;*/
	background-image: url(../images/nav-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
/*quick_link*/
.quick_link{
	float:left;
}
.quick_link h2 a {
	font-family: 'nexa_boldregular';
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	color: #C4C4C4;
	text-shadow: 0 1px 0 #ffffff;
	padding: 0px;
}
.quick_link h2 a:hover{
	color: #58149B;
}
.quick_link h2  a > i {
	width: 24px;
	height: 24px;
	display:inline-block;
	background: url(../images/sprite.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto
}
.quick_link h2 a > i.icon1 {
	background-position: 18% 66%;
}
.quick_link h2 a:hover > i.icon1{
	background-position: 18% 90%;	
}
/*drp-dwn*/
.drp-dwn{
	float:right;

}
/**** Drop Down *********/
/* PREFIXED CSS */
.flat,
.flat div,
.flat li,
.flat div::after,
.flat .carat,
.flat .carat:after,
.flat .selected::after,
.flat:after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.flat .selected::after,
.flat.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}
/* WRAPPER */
.dropdown-button:first-child{
	margin-left:0;
}
.dropdown-button{
	margin-left:15px;
}
.dropdown-button{
	display:inline-block;
	width:100%;
}
.flat{
	position: relative;	
	cursor: pointer;
	font-weight:600;
	background:none;
	color:#8F33C4;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.flat.open{
	z-index: 2;
}
.flat:hover,
.flat.focus{
	color:#666;
}
/* OLD SELECT (HIDDEN) */
.flat .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.flat select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.flat.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 
.flat .selected {
    color:#8F33C4;
}
.flat .selected:hover{
	color:#8f22c0;
}
.flat .selected,.flat li{
	display:block;
	font-size:1em;
	font-weight:600;
	padding: 5px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-align:left;
}
.flat .selected{
	background:none;
}
.flat .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 6px;
	bottom: 0;
	width: 12px;
	height: 16px;
	background: url(../images/sprite.png) no-repeat 70% 46.333%;
}
.flat:hover .selected::after,
.flat.focus .selected::after{
	background-color:none;
}
/* DROP DOWN WRAPPER */
.flat div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top:1px;
	background:#363636;
	overflow: hidden;
	opacity: 0;
	color: #FFF;
}
.flat:hover div{	
}
/* Height is adjusted by JS on open */

.flat.open div{
	opacity: 1;
	z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.flat.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
}
.flat.scrollable.bottom div::after{
	opacity: 0;
}
/* DROP DOWN LIST */
.flat ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}
.flat.scrollable.open ul{
	overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.flat li{
	list-style: none;
	padding:6px 10px;
	font-size:1em;
	font-weight:400;
}
.flat li:last-child {
    border-bottom: 0;
}
/* .focus class is also added on hover */
.flat li:hover{
	background-color:#353535;
}
.flat li.focus{
	background:#252525;
	z-index: 3;
	color:#FFF;
}
.flat li.active{
    background-color:#252525;
	color: #fff;
}
/*  navigation */
.header_menu{
	padding: 0 6%;
}
/*start menu_box_list */
.menu_box_list{
	box-shadow: 0px 5px 5px 0px rgba(10, 10, 10, 1);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(10, 10, 10, 1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(10, 10, 10, 1);
	-o-box-shadow: 0px 5px 5px 0px rgba(10, 10, 10, 1);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 10%, #fdfdfd 22%, #f0f0f0 41%, #e9e9e9 63%, #e7e7e7 82%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#fefefe), color-stop(22%,#fdfdfd), color-stop(41%,#f0f0f0), color-stop(63%,#e9e9e9), color-stop(82%,#e7e7e7), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fefefe 10%,#fdfdfd 22%,#f0f0f0 41%,#e9e9e9 63%,#e7e7e7 82%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.menu_box_list li{
	display: inline-block;
	margin-right: -4px;
	width: 16.64444%;
	height:100px;
	border-left: 1px solid rgb(190, 190, 190);
}
.menu_box_list li:first-child{
	border-left: none;
}
.menu_box_list li a{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#464f54;
	font-size: 1em;
	font-family: 'nexa_boldregular';
	text-transform:capitalize;
	padding:14px 0px;
	transition: all 450ms linear;	
	-webkit-transition: all 450ms linear;
	-moz-transition: all 450ms linear;
	-o-transition: all 450ms linear;
}
.menu_box_list li.active a{
	background: #ffffff;
	color: #8F33C4;
}
.menu_box_list li a > i{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/nav_icon.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
}
.menu_box_list li a:hover > i{
	background:url(../images/nav_icon.png) no-repeat;	
}
.menu_box_list li a:hover{
	 color: #8F33C4;
	 background-color:#ffffff;
	-webkit-transform: scale(1.00) translateY(-20px);
	z-index: 1;
}
.menu_box_list li a span{
	padding: 10px 10px;
	display: block;
}
.menu_box_list li a > i.icon1{
	background-position:0px 0px;
}
.menu_box_list li a:hover > i.icon1{
	background-position:0px -32px;
}
.menu_box_list li a > i.icon2{
	background-position:-34px 0px;
}
.menu_box_list li a:hover > i.icon2{
	background-position:-34px -32px;
}
.menu_box_list li a > i.icon3 {
	background-position:-66px 0px;
}
.menu_box_list li a:hover > i.icon3{
	background-position:-66px -32px;
}
.menu_box_list li a > i.icon4 {
	background-position:-98px 0px;
}
.menu_box_list li a:hover > i.icon4 {
	background-position:-98px -32px;
}
.menu_box_list li a > i.icon5 {
	background-position:0px 0px;
}
.menu_box_list li a:hover > i.icon5{
	background-position:0px -32px;
}
.menu_box_list li a > i.icon6 {
	background-position:-66px 0px;
}
.menu_box_list li a:hover > i.icon6{
	background-position:-66px -32px;
}
.menu_box_list  li.color1 a {
	border-bottom: 8px solid #6017A3;
}
.menu_box_list  li.color2 a {
	border-bottom: 8px solid #6017A3;
}
.menu_box_list  li.color3 a {
	border-bottom: 8px solid #6017A3;
}
.menu_box_list  li.color4 a {
	border-bottom: 8px solid #6017A3;
}
.menu_box_list  li.color5 a {
	border-bottom: 8px solid #6017A3;
}
.menu_box_list  li.color6 a {
	border-bottom: 8px solid #6017A3;
}
/* end menu_box_list */ 
/* start slider */
.slider_bg{
	background: url('../images/slider.jpg');
	background-size: 100%;
}
.slider{
	padding: 15% 0;
}
/* start top_grids */
.top_bg{
	margin-top: 0px;


}
.top_grids_text h2{
	text-align:center;
	font-size: 1.8em;
	color: #ffffff;
}
.top_grids_text p{
	text-align: center;
	font-size: 1.3em;
	color: #FFD600;
	font-family: 'nexa_boldregular';
}
.top_map{
	text-align:center;
}
/* top_map1*/
.top_map1{
	margin-top: 1%;
}
.top_grid h3{
	font-size: 1.2em;
	color: #ffffff;
	margin-bottom: 10px;
	text-align: center;
}
.top_grid p{
	line-height:1.5em;
	color: #eeeeee;
	font-size: 0.825em;
}
.top_grid p.top{
	margin-top: 10px;
}
/* start banner */
.banner_bg{
	background: #222222;
}
.banner{
	text-align: center;
	margin-bottom: -10px;
}
.banner img{
	margin-bottom: -5px;
}
/* start content */
.content_bg{
	background: #EBEBEB;
}
.content_text{
	text-align:center;
	margin-bottom: 10px;
}
.content_text h2{
	font-size: 1.6em;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	word-spacing: -4px;
	text-align: left;
}
.content_text p{
	font-size: 1em;
	color: #777777;
	font-family: 'nexa_boldregular';
	text-align: left;
}
.content_text ul{
	font-size: 1em;
	color: #000000;
	font-family: 'nexa_boldregular' "微軟正黑體";
	text-align: left;
	list-style:outside decimal;
	padding-left:25px;
}
.content_text li{
	font-size: 1em;
	color: #000000;
	font-family: 'nexa_boldregular' "微軟正黑體";
	text-align: left;
}
/* start content_slider */
h2.img_slider a{
	line-height:2em;
	font-family: 'nexa_boldregular';
	font-size:1.1em;
	color: #777777;
}
p.img_slider a{
	font-size:0.925em;
	color: #777777;
}
/* start span_of_2 */
.span_of_2{
	margin-top: 10px;
}
.span_1_of_2{
	background: #ffffff;
	padding: 10px;	
	margin-top: 10px;
}
.span_1_of_2.right{
}
.span_1_of_2 h2{
	font-family: 'nexa_boldregular';
	font-size:1.4em;
	color: #252525;
	text-transform:capitalize;
	margin-bottom: 10px;
}
.span_1_of_2 h3{
	font-size:0.925em;
	color: #7741AC;
	line-height: 1.5em;
	font-family: 'nexa_boldregular';	
	margin-bottom: 10px;
}
.span_1_of_2 p{
	font-size:0.925em;
	color: #777777;
	line-height: 1.5em;
}
/* start btm_grids */
.btm_link{
	background: #ffffff;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.btm_grids{
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	background: #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.btm_grid h2{
	font-family: 'nexa_boldregular';
	font-size: 1.4em;
	color: #252525;
	text-transform: capitalize;
	margin-bottom: 10px;
	text-align: left;
}
.btm_grid h3{
	font-size: 0.925em;
	color: #7741AC;
	line-height: 1.5em;
	font-family: 'nexa_boldregular';
	margin-bottom: 10px;
	text-align: left;
}
.btm_grid h4{
	font-size: 1.2em;
	color: #074e8b;
	line-height: 1.5em;
	font-family: 'nexa_boldregular';
	margin-bottom: 10px;
	text-align: left;
}

.btm_grid h9{
	font-family: 'nexa_boldregular';
	font-size: 1.4em;
	color: #252525;
	text-transform: capitalize;
	margin-bottom: 10px;
	text-align: center;
}
#btm_grid-01 a{
	color: #1E1E1E;
	text-decoration: none;

}

#underline-01 a:hover{
	color:#333333;
	text-decoration:underline;
}

table.cp{
	margin-top: 0px;
	border-top: 1px solid #BFBFBF;
}

td.cp-l{
	width: 18%;
	background-color: #FCFADA;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 0.925em;
	line-height: 1.5em;
}
td.cp-c{
	width: 42%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.925em;

}
td.cp-r{
	width: 42%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.925em;
}
td.cp-l1{
	width: 19%;
	background-color: #FCFADA;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 0.925em;
	line-height: 1.5em;
}
td.cp-c1{
	width: 27%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.925em;

}
td.cp-r2{
	width: 27%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.925em;
}
td.cp-r3{
	width: 27%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.925em;
}
td.cp-b1{
	width: 50%;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;

}
td.cp-b2{
	width: 50%;
	border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	line-height: 1.5em;
	padding-top: 8px;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
}
.btm_grid p{
	font-size: 0.925em;
	color: #484848;
	line-height: 1.5em;
	text-align: left;
}
.pcent{
	font-size: 0.925em;
	color: #484848;
	line-height: 1.5em;
	text-align: center;
}

/* start footer */
.footer_bg{
	/*border-top: 5px solid #004c99;*/
	background-color: #FFF;
}

.notice {
  width: 99%;
  border-top: 1px solid white;
  padding: 1em .5%;
  list-style: disc outside;
  color: #333333;
  font-size: .95rem;
}

.notice li {
  margin-left: 3%;
  width: 98%;
}

.notice li span {
  color: #003e8c;
}

.f_grid p {
	margin-top: 10px;
	line-height: 1.5em;
	color: #151515;
	font-size: 16px;
	text-align: left;
	font-family: "微軟正黑體";
	font-weight: bolder;
	background-color: #FFF;
}
p.f_para{
	margin-top: 10px;
	line-height: 1.5em;
	color: #151515;
	font-size: 0.825em;
	text-align: left;
}
/* start footer_nav*/
.footer_nav{
	margin-top: 10px;
}
.f_grid h2 a{
	float: left;
	background: url('../images/foot-info.png') no-repeat 0% 85%;
	width: 100%;
	height: 125px;
}
.footer_nav li{
	float: left;
}
.footer_nav li span{
	color: #ffffff;
}
.footer_nav li a:first-child{
	padding-left: 0;
}
.footer_nav li a{
	display:inline-block;
	color:#eeeeee;
	line-height:1.5em;
	font-size: 0.925em;
	padding: 0px 10px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.footer_nav li a:hover {
	color: #CC96FF;
}
/* start f_nav */
.f_nav{
	color:#ffffff;	
	margin-top: 10px;
}
.f_nav li{
	display: inline-block;
}
.f_nav li a{
	display: block;
	color:#ffffff;	
	font-size: 1em;
	margin:0 10px;
	padding-bottom: 10px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.f_nav li a.active{
	border-bottom: 5px solid #FFC600;
}
.f_nav li a:hover{
	border-bottom: 5px solid #FFC600;
}
/* start f_nav1 */
.f_nav1{
	margin-top: 10px;
}
.f_nav1 li{
	display: inline-block;
}
.f_nav1 li a{
	display:block;
	color:#ffffff;
	font-size: 1em;
	text-transform:capitalize;
	padding:14px 0px;
	-webkit-transition: 0.5s linear;
     -moz-transition: 0.5s linear;
     -o-transition: 0.5s linear;
     -ms-transition:0.5s linear;
     transition: 0.5s linear;	
}
.f_nav1 li a > i{
	width: 18px;
	height: 18px;
	display:inline-block;
	background: url(../images/soc_icons.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
}
.f_nav1 li a:hover > i{
	background:url(../images/soc_icons.png) no-repeat;	
}
.f_nav1 li.active a{
	background: #ffffff;
	color: #8F33C4;
}
.f_nav1 a:hover{
	 color: #8F33C4;
}
.f_nav1 li a span{
	padding-left:0px;
}
.f_nav1 li a > i.icon1{
	background-position:0px 0px;
}
.f_nav1 li a:hover > i.icon1{
	background-position:0px -16px;
}
.f_nav1 li a > i.icon2{
	background-position:-18px 0px;
}
.f_nav1 li a:hover > i.icon2{
	background-position:-18px -16px;
}
.f_nav1 li a > i.icon3 {
	background-position:-32px 0px;
}
.f_nav1 li a:hover > i.icon3{
	background-position:-32px -16px;
}
.f_nav1 li a > i.icon4 {
	background-position:-50px 0px;
}
.f_nav1 li a:hover > i.icon4 {
	background-position:-50px -16px;
}
/* start footer */
.footer_top {
	margin-top: 10px;
	border-top: 0px solid #3F3F3F;
	padding: 20px 0 20px 0;
	text-align: center;
}
.footer_top p{
	font-family: 'nexa_boldregular';
	color: #adadad;
	font-size: 1em;
	line-height: 1.5em;
}
.footer_top p a{
	color: #FFCE00;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.footer_top p a:hover{
	color: #ffffff;
}
/* start about */
.about{

}
.btm_grid p.top{
	margin-top: 10px;
}
/* start service*/
.ser-grid-list{
	display: block;
}
.ser-grid-list:first-child{
	margin-left:0;
}
.ser-grid-list:nth-child(3){
	margin-left:0;
}
.ser-grid-list{
	float: left;
	width: 47.33333%;
	margin-left: 10px;
}
.ser-grid-list img{
	margin: 10px 0;
}
.btm_grid.top{
	margin-top: 10px;	
}
/* start Contact */
.contact{
	background: #ffffff;
	padding: 10px;
}
.company_address p{
	font-size: 0.925em;
	color: #777777;
	line-height: 1.5em;
}
.company_address h3{
	color:#8F33C3;
	font-size:1em;
	line-height:1.8em;
	margin-top: 10px;
}
.company_address p a{
	color:#8F33C3;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.company_address p a:hover{
	color:#3a3a3a;
}
.contact-form span label{
	color: #202227;
	display: block;
	font-size: 1em;
	padding-bottom: 5px;
}
.contact-form input[type="text"] {
	margin-bottom:10px;
	font-family: 'nexa_lightregular';
	font-size:1em;
	width:92.333333%;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.contact-form input[type="text"].right{
	margin-right: 10px;
}
.contact-form input[type="text"]:hover{
	border:1px solid #8F33C3;
}
.contact-form textarea {
	font-family: 'nexa_lightregular';
	font-size:1em;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(138, 137, 137, 0.84);
	padding: 8px;
	display: block;
	width: 92.33333%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form textarea:hover{
	border:1px solid #8F33C3;
}
.contact-form input[type="submit"]{
	margin-top:4%;
	font-family: 'nexa_lightregular';
	cursor:pointer;
	-webkit-appearance: none;
	padding: 12px 30px;
	border: 1px solid #ffffff;
	background: #3a3a3a;
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.contact-form input[type="submit"]:hover{
	background: #8F33C3;
}
/* reservation_form */
.res-form{
	padding:4% 0;
}
.reservation{
	font-family: 'nexa_lightregular';
	padding: 10px 10px 10px 15px;
	background: rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(247, 242, 242, 0.14);
}
.row {
	margin-bottom: 4%;
}
.radio{
	color: #fff;
}
.reservation .col-4 {
	float: left;
}
.reservation input[type="radio"]{
	text-transform: capitalize;
	font-family: 'nexa_lightregular';
	font-size: 1em;
	outline: none;
	border: none;
	float: left;
	margin-right:5px;
}
.reservation_form input[type="text"]{
	text-transform: capitalize;
	font-family: 'nexa_lightregular';
	font-size: 1em;
	background: #ffffff;
	width: 87.33333%;
	outline: none;
	border: none;
	padding: 10px 12px;
	color: #777;
	float: left;
	margin: 0 0 15px 0px;
}
.reservation_form input[type="text"]:first-child{
	margin-left: 0;
}
.reservation_date input[type="text"]{
	font-family: 'nexa_lightregular';
	font-size: 1em;
	background: url(../images/calender.png) #ffffff no-repeat 95% 50%;
	width: 87.33333%;
	outline: none;
	border: none;
	padding: 10px 12px;
	margin: 0px 0px 5px 0px;
	color: #777;
}
.reservation_date input[type="submit"]{
	text-align:center;
	font-family: 'nexa_lightregular';
	cursor: pointer;
	outline: none;
	display: block;
	margin-top: 10px;
	width: 96.6%;
	padding: 10px 0px;
	font-size: 1.2em;
	text-transform: capitalize;
	border: none;
	background: #995FCF;
	color: #ffffff;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	transition: 0.5s linear;
	-webkit-appearance: none;
}
.reservation_date input[type="submit"]:hover{
	background: #AC7BDA;
}
/* end reservation form */
/*start sitemap */
.sitemap_nav{
	box-shadow: 0px -1px 5px 0px rgba(202, 202, 202, 1);
	-webkit-box-shadow: 0px -1px 5px 0px rgba(202, 202, 202, 1);
	-moz-box-shadow: 0px -1px 5px 0px rgba(202, 202, 202, 1);
	-o-box-shadow: 0px -1px 5px 0px rgba(202, 202, 202, 1);
	background: #ffffff;
}
.sitemap_nav li{
}
.sitemap_nav li:first-child{
	border-left: none;
}
.sitemap_nav li a{
	display: block;
	color: #464f54;
	font-size: 1.2em;
	font-family: 'nexa_boldregular';
	text-transform: capitalize;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 20px;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	transition: 0.5s linear;
}
.sitemap_nav li a > i{
	width: 32px;
	height: 32px;
	display:inline-block;
	background: url(../images/nav_icon.png) no-repeat;
	vertical-align: middle;
	transition: none;
	margin: 0 auto;
}
.sitemap_nav li a:hover > i{
	background:url(../images/nav_icon.png) no-repeat;	
}
.sitemap_nav li.active a{
	background: #ffffff;
}
.sitemap_nav li a:hover{
	 color: #8F33C4;
	 background-color:#ffffff;
	 -webkit-transform: translateY(-10px);
}
.sitemap_nav li a span{
	padding-left: 10px;
	text-align: left;
}
.sitemap_nav li a > i.icon1{
	background-position:0px 0px;
}
.sitemap_nav li a:hover > i.icon1{
	background-position:0px -30px;
}
.sitemap_nav li a > i.icon2{
	background-position:-35px 0px;
}
.sitemap_nav li a:hover > i.icon2{
	background-position:-35px -30px;
}
.sitemap_nav li a > i.icon3 {
	background-position:-70px 0px;
}
.sitemap_nav li a:hover > i.icon3{
	background-position:-70px -30px;
}
.sitemap_nav li a > i.icon4 {
	background-position:-99px 0px;
}
.sitemap_nav li a:hover > i.icon4 {
	background-position:-99px -30px;
}
.sitemap_nav li a > i.icon5 {
	background-position:0px 0px;
}
.sitemap_nav li a:hover > i.icon5{
	background-position:0px -30px;
}
.sitemap_nav li a > i.icon6 {
	background-position:-70px 0px;
}
.sitemap_nav li a:hover > i.icon6{
	background-position:-70px -30px;
}
/*-----表格-----*/
.FormBanner{margin:0 auto; padding:0;}
.FormBanner img{margin:0 auto; padding:0; width:100%; min-width:320px; height:auto}
.Fund4{ margin:0 auto; padding:0;  background-color: #FFF;}
.Fund4 h2 { background-color: #FFF;}
.Fund4 h2 a{ margin:0 auto; padding:0; color:#292929; font-size:15px; line-height:18px; width:100%; background-color:#FFF; border-radius: none; padding:20px 15px;}
.Fund4 h2 a:focus{ margin:0 auto; padding:0;background-color:rgba(0,65,131,0.1); border-radius:0px;  }
.Fund4 h3 {margin:0 auto; padding:0; color:#bd0008; font-size:15px; line-height:22px;}
.Fund4 p { color:#484848; font-size:12px; line-height:18px; text-align:justify;}
.Fund4 p.Danguer { color:#484848; font-size:15px; line-height:18px;}
.Fund4 table {
	color: #FFF;
	font-size: 0.8em;
	font-weight: normal;
	text-shadow: none;
	margin-bottom: 10px;
	line-height: 1.6em;
}
.OB01{ background-color:#eb640a;}
.OB02{ background-color:#f6b00d;}
.OB03{
	background-color: #FFC600;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}
.OBBL{
	color: #000;
	background-color: #f2f2f2;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.OBBL-R{
	color: #EB0003;
	background-color: #f2f2f2;
	font-weight: 900;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.Fund4 table td.titred{ font-size:15px; color: #F00; line-height:15px; }
.Fund4 table td.tgrey{ font-size:12px; color: #999; line-height:12px; text-align:right; }
.Fund4 .ui-icon-plus{ background-image:url(images/point_top.png);
 background-repeat:no-repeat;background-position:85% center ; background-size:26px 26px;}
.Fund4 .ui-icon-minus{ background-image:url(images/point_bottom.png);
 background-repeat:no-repeat; background-position:85% center ; background-size:26px 26px;}