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

body{
	/*background:#f5f5f5;*/
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.8;
	text-align:left;
	font-family:'Oswald', "微軟正黑體", Arial, "新細明體", sans-serif;
	/*color:#333;*/
	
	-ms-word-break: break-all;
     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

}

.sticklr, .sticklr li, .sticklr a{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a{/*color:#13257E;*/ text-decoration:none;}a:hover{/*color:#1c3fef;*/ text-decoration:none;}
ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
ul li{	list-style-type:none;}
ol li{	list-style-type:decimal;}
ul li,ol li{
	margin:0;
	padding:0;
	text-align:left;
}
ol li{
	padding:0;
	margin-left:20px;
}
img,a img{border:none;}
img.img-left{float:left; margin:0 10px 10px 0;}
img.img-right{float:right; margin:0 0 10px 10px;}
img.img-block{display:block; text-align:center; margin:0 0 10px 0;}
.clearfloat{clear:both;}
input, button, select, textarea {/*color:#333;*/}

.btn-color,.btn-color:link,.btn-color:visited{font-family:'Oswald', "微軟正黑體", Arial, "新細明體", sans-serif;/*color:#fff;background-color:#666;border-color:transparent*/}
.btn-color:hover,.btn-color:focus,.btn-color.focus,.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{/*color:#fff;background-color:#0c29b3;border-color:rgba(0,0,0,0)*/}
.btn-color:active,.btn-color.active,.open>.dropdown-toggle.btn-color{background-image:none}
.btn-color.disabled,.btn-color[disabled],fieldset[disabled] .btn-color,.btn-color.disabled:hover,.btn-color[disabled]:hover,fieldset[disabled] .btn-color:hover,.btn-color.disabled:focus,.btn-color[disabled]:focus,fieldset[disabled] .btn-color:focus,.btn-color.disabled.focus,.btn-color[disabled].focus,fieldset[disabled] .btn-color.focus,.btn-color.disabled:active,.btn-color[disabled]:active,fieldset[disabled] .btn-color:active,.btn-color.disabled.active,.btn-color[disabled].active,fieldset[disabled] .btn-color.active{/*background-color:#0c29b3;border-color:transparent*/}

#gotop {
	display: none;
	position: fixed;
	right:20px;
	bottom: 20px;
	z-index: 3000;
	width:45px;
	height:45px;
	background-color: transparent;
	background-image: url(https://www.okweb.asia/3003/svg/gotop.svg);
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:rgba(0,0,0,0.5);
	cursor:pointer;
	-moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#gotop:hover{
	background-color:rgba(0,0,0,0.8);
}
/*-----------HEADER-------------*/
header{
	position:relative;
	margin-top:20px;
	margin-bottom:25px;
	z-index:1000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*background: #fdfdfd;  Old browsers */
}

header section.secondary{
	min-height:40px;
	padding:7px 0;
	display:block;
	/*background:#333;
	color:#fff;*/
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size:0.8em;
	vertical-align:middle;
}
header section.secondary nav, header section marquee{
	font-family:"微軟正黑體", Arial, "新細明體";
	display:inline-block;
	*display: inline;
}
header section.secondary nav li{ margin:0 10px 0 0; display:inline-block;	*display: inline;}
header section a{ /*color:#fff;*/ margin:0; text-decoration:none;}
header section a:hover{/*color:#fc3;*/ text-decoration:none;}
.logo-wrap{
	height:auto;
	text-align:left;
	vertical-align:middle;
	line-height:8.2em;
	padding-right:0;
	display:table;
	min-height:100px;
}
.logo{
	padding:0 10px 0 10px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	position:relative;
	display:table-cell;
}
.logo img.logo-img{
	max-width:260px;
	max-height:120px;
}
header h1{
	font-size:1.4em;
	line-height:1.2;
	font-weight:bold;
	word-break:break-all;
	vertical-align:middle;
	display:table-cell;
	width:auto;
	/*color:#333;*/
	text-align:left;
}
header h1 a{/*color:#333;*/ text-decoration:none;}
header h1 a:hover{/*color:#0C29B3;*/ text-decoration:none;}


/*-----------HEADER MENU-------------*/
.menu > ul > li{
	position:relative;
	float: left;;
	display:inline-block;
	*display: inline;
	margin:0;
	padding:0;
	/*border-left:1px solid #dedede;
	background-color:transparent;*/
}
.menu > ul > li:first-child{border-left:none;}
.menu > ul > li:hover{/*background-color:#0C29B3;*/}
.menu > ul > li > a{
	margin:0;
	padding:2.5em 0.6em;
	font-size:1.06em;
	line-height:1;
	/*color:#666;*/
	display:block;
	text-decoration:none;
	/*background-color:transparent;*/
	text-align:left;
}
.menu > ul > li > a:hover,.menu > ul > li:hover > a{
	/*color:#fff;*/
	text-decoration:none; 
}
.menu > ul > li > a span{/*color:#666;*/ font-size:0.9em; display:block; margin:8px 0 0 0;text-transform:uppercase;}
.menu > ul > li > a:hover span,.menu > ul > li:hover > a span{/*color:#fff;*/}
.menu > ul > li > ul{display:none;}/*keep dropdown-menu hidden from page load*/
.menu-arrow{
	display:block;
	width: 0; 
	height: 0; 
	/*border-left: 5px solid transparent;
	border-right:5px solid transparent;
	border-top: 7px solid #ccc;*/
	position: absolute;
	left:45%;
	bottom:15px;
	cursor:pointer;
	z-index:500;
}

.navbar-toggle{background:rgba(255,255,255,0);}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:210px;padding:0;margin:0 0 10px 0;list-style:none;font-size:1em;text-align:left;background-color:transparent;border:none;-webkit-box-shadow:0 6px 6px rgba(0,0,0,.175);}
.dropdown:hover .dropdown-menu { display: block; }/*click --> hover*/
.dropdown-menu>li>a{/*color:#fff;background-color:#333*/}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;/*color:#fff;background-color:#050505*/}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{/*color:#fff;*/text-decoration:none;outline:0;/*background-color:#0C29B3*/}

