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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	/* font-style:normal; */
	/* font-weight:normal; */
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

html {
	min-height: 100%;
	_height:100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	_height:100%;
	height: 100%;
}
a{text-decoration:none;}
/*--reset_END--*/

/*--共用版型--*/
body{ font-family:"微軟正黑體";}
   
/*背景漸層色*/  
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #BDEAEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #BDEAEF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #BDEAEF 100%);

/*背景漸層色*/ 
 
  }
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;
}
html,body{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#DIV_PARENT {
    position: relative;
    background:rgba(0,0,0,0);
	// 這個DIV是提供定位點的父區塊，一般設為 relative
    // 提供定位點的父區塊，因為只提供定位點，一般不設定寬度與高度
} 

.clear_b{
	clear:both;
}	

.topbox2 {width: 100%;height: 60px;padding: 30px 0 10px 0;text-align: center;display: table;background:url(../img/stripe-black.png) repeat rgba(0,0,0,.5);position: fixed;top:0;left:0;z-index: 9999;}
.topbox2 ul { display: table-cell; vertical-align: middle; }
.topbox2 ul a li { display: inline-block; margin-left: 35px; }
.topbox2 ul a li p { color:white; font-family: 華康粗圓體; font-weight: bold; letter-spacing: 1px; }
.tt{ color:white; font-family: 華康粗圓體; font-weight: bold; letter-spacing: 1px; margin:0px 5px; }
.mobtopbox { display: none; }
#secondpane { display: inline-block; position: relative; color:rgba(0,0,0,0); font-family: 華康粗圓體; letter-spacing: 2px;}
.menu_head { width:100px; color:white; font-family: 華康粗圓體; font-weight: bold; position: absolute; top: 0; left:0;}
.menu_body { display: none; position: absolute; top:16px; left:0;}
.menu_body a p { width: 100px; color:white; font-family: 華康粗圓體; font-weight: bold; letter-spacing: 1px; margin-top: 10px; letter-spacing: 2px; text-shadow:2px 2px 2px #000;}























@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1150px){
	.topbox2 ul a li { margin:0 10px; }
}
@media screen and (max-width: 1000px){
	.menu_head { width: 75px; }
	.menu_body a p { width: 75px; }
}
@media screen and (max-width: 880px){
	.topbox2 { display: none; }
	.mobtopbox { display: block; }
	#subContainer { width: 75vw; height: 100%; transition: left 0.08s;  padding:0 5vw; text-align: left; position: fixed; left:auto; left:-86vw; top:0; background: #20242A; display: block; z-index: 999999; }
	#subContainer:focus { left:0vw; }
	.mobnav { display: block; cursor: pointer; width: 26px; height: 18px; padding:0 5px; position: absolute; top:26px; left:88vw;}
	.movicon {display: block;background: #000;position: relative;top:8px;width: 26px;height: 2px;border-radius: 2.5rem;transition:all .3s;}
	.movicon::before {display: block;background: #000;top:7px;content: "";transform: rotate(0deg);position: absolute;z-index: 999999;height: 2px;width: 100%;border-radius: 2.5rem;transition:all .3s;}
	.movicon::after { display: block; background: #000; top:-7px; content: ""; transform: rotate(0deg); position: absolute; z-index: 999999; height: 2px; width: 100%; border-radius: 2.5rem; transition:all .3s; }
	.moviconfocus { display: block; background: rgba(255,255,255,0); position: relative; top:8px; width: 26px; height: 2px; border-radius: 2.5rem; transition:all .3s; }
	.moviconfocus::before {display: block;background: #000;top:0;content: "";transform: rotate(45deg);position: absolute;z-index: 999999;height: 2px;width: 100%;border-radius: 2.5rem;transition:all .3s;}
	.moviconfocus::after {display: block;background: #000;top:0;content: "";transform: rotate(-45deg);position: absolute;z-index: 999999;height: 2px;width: 100%;border-radius: 2.5rem;transition:all .3s;}
	.mobcont {position: relative;height: 100%;overflow: auto;}
	.moblogo { margin-top: 50px; }
	.mobsolidtop { width: 100%; border-bottom: 2px solid #fff; margin:10px 0 50px; }
	.mobw ul li {margin: 25px 0;}
	.mobw ul li a { color:white; font-size: 18px; font-family: 華康中黑體,微軟正黑體; }
	.mobsolidbot { width: 100%; border-top: 2px solid #fff; margin:50px 0 10px; }
	.Language a { color:white; margin-right: 50px; font-size: 18px; font-family: 華康中黑體,微軟正黑體; }
	.Languagebox { display: inline-block; margin:10px 0;}
}
@media screen and (max-width: 720px){

}
@media screen and (max-width: 550px){

}
@media screen and (max-width: 480px){

}