/* ---reset.css--- */
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,
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: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto;
}
/* ---reset.css--- */

html {	
	font-family:Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#CCC;
	height:100%;
/*	background:url(images/bg.png) repeat;*/
}
.align_center{display: flex;align-items: center;justify-content: center; padding: 15px;}
.logo_title{ display : table-cell; vertical-align:middle; /*padding-left:140px;*/ font-weight:600; color:#FFF; background:none; /*height:100px; margin-left:20px;*/ font-family:Georgia, "Times New Roman", Times, serif;text-shadow: rgb(25 117 109) 3px 3px 3px, rgb(24 117 111) 2px 2px 4px;
}
.header_bg{ background: url("../images/head_bgcolor.jpg"); background-repeat: repeat-x; }
.logo_0915{ margin-right: 15px; }
.logo_title2{ display : table-cell; vertical-align:middle; /*padding-left:140px;*/ font-weight:600; color:#FFF; /*background:url(../images/logo.png) no-repeat;*/ height:100px; /*margin-left:20px;*/ font-family:Georgia, "Times New Roman", Times, serif;}
.nonlogo{ /*height:60px;*/ padding:10px; } 

/* --電腦版型------------------------------------- */
/* 萬國旗跑馬燈 */
#myDiv {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	line-height: 1;
	/*border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;*/
}
#myDiv img {
	border: 1px solid #AAAAAA;
	height: 30px;
	margin: 0 5px 0 0;
}
/*-------------*/

#TOP-MENU{
	display:none;
}

#TOP-MENU h4{}
#BANNER{
	width:1000px;
	height:350px;
	margin:0 auto;
	background-image:url(images/banner-bg.jpg);
	border:10px solid #FFF;
}

#BANNER h1{
	font-size:2.5em;
	width:528px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	padding-top:70px;
	line-height:4.3;
	padding-bottom:20px;
	border-bottom:1px solid #FFF;
	letter-spacing:2px;
	/*background:url(images/logo.png) no-repeat center;*/
	text-indent:-9999px;
	
}

#BANNER h2{
	font-size:14px;
	text-align:center;
	color:#EEE;
	padding:20px;
	letter-spacing:2px;
}
#BANNER .Numbers{
	display:block; 
	height:25px; 
	margin:0 auto; 
	font-size:16px; 
	text-align:center; 
	color:#3A3A00; 
	float:left;
	width:42%;
}
/*#BANNER .Numbers p{font-size:14px; text-align:center; color:#FF9;  }*/
.BANNER_CAL{
	margin:0 auto; 
	width:600px; 
	margin-right:150px;
}

#NAV{
/*	width:1000px;*/
	/*height:60px;*/
	margin:0 auto;
	background-color:#eee;
	display: flex;
}
#NAV ul li .NONE_B{ display:block; width:175px; line-height:50px; text-align:center;}
#NAV #XX{
	display:none;
}

#NAV ul{
	margin:15px auto 0 auto;
    /*width: 90%;*/
	overflow:hidden;
	background:#eee;
	margin-bottom:10px;
}

#NAV li{
	float:left;
	line-height:50px;
	color:#CCC;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
}

#NAV li a{
	display:block;
/*	width:204px;*/
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#666;
	padding:0 20px; /*3.6px*/
	border-bottom:2px solid #eee;
	font-size: 0.8em;
    /*width: 100px;*/
}

#NAV li a:hover{
	color:#222;
	border-bottom:2px solid #06C;
}
#NAV li a:active{
	border-bottom:2px solid #06C;
}

#CONTENT-1{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	border-top:0;
	border-bottom:10px #FFF solid;
	border-left:10px #FFF solid;
	border-right:10px #FFF solid;
	padding:0 20px;
/*	background:url(images/bg.jpg);*/
}

#CONTENT-1 img{
	float:left;
	margin-right:10px;
}

#CONTENT-1 .WORD1{
/*	width:460px;
	float:right;*/
	padding:3px 80px;
	font-size:0.9em;
	color:#000;
	line-height:1.6;
	text-align:center;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
}
#CONTENT-1 .WORD2{
/*	width:460px;*/
	float:right;
	padding:15px 0px;
	font-size:0.8em;
	color:#07660F;
	text-align:center;
	font-weight:600;
	font-style:italic;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	line-height:1.6;
	width:100%;
	
}
#CONTENT-1 .WORD3{
/*	width:460px;*/
	float:right;
	padding:15px 80px;
	font-size:1em;
	color:#000;
	list-style: decimal;
	text-align: justify;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	line-height:1.8;
}
#CONTENT-1 .WORD4{
/*	width:460px;
	float:right;*/
	padding:20px 80px;
	font-size:0.61em;
	color:#000;
	text-align:center;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
}
#CONTENT-1 .WORD5{
/*	width:460px;*/
	float:right;
	padding:15px 80px 45px 80px;
	font-size:0.8em;
	color:#07660F;
	text-align: justify;
	font-weight:600;
	font-style:italic;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	line-height:1.6;
	
}
#CONTENT-1 .Title_WORD{
	
/*	background: url(images/logo3.png) no-repeat left;*/
	display:block;
	width:65%;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_chn{
	display:block;
	width:30%;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_jpn{
	display:block;
	width:40%;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_wide{
	display:block;
	width:75%;
	margin:15px auto;
	}
#CONTENT-1  h1{
	font-family: "新細明體-ExtB", Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	font-size:1.5em;
	line-height:62px;
	padding-top:10px;
}
/*#CONTENT-1 .Title_WORD img{ float:left; margin-right:10px;}*/
#CONTENT-1 .WORD p{
	font-size:13px;
	line-height:1.8;
	color:#333;
}

#CONTENT-1 h3{ text-indent:35px;font-family: "新細明體-ExtB", Georgia, "Times New Roman", Times, serif;
	background:url(images/logo3.png) no-repeat left;
	font-weight:600;
	font-size:1.5em;
	line-height:62px;
	padding-top:10px;
	display:block;
	width:200px;}

#CONTENT-2{
	clear:both;
	width:1020px;
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
	padding:40px 0px;
}

#CONTENT-2 .BOX{
	float:left;
	width:280px;
	margin-left:45px;
}

#CONTENT-2 .BOX h3{
	font-size:2em;
	line-height:2;
	border-bottom:2px solid #0CC;
	color:#0CC;
	text-align:center;
}

#CONTENT-2 .BOX p{
	font-size:13px;
	line-height:1.8;
	padding:20px;
	color:#333;
}

#DOWN{
	clear:both;
/*	width:1020px;*/
	margin:0px auto;
	background-color:#39F;
	padding:10px 0px;
	color:#fff;

}

#DOWN p{
	font-size:13px;
	text-align:center;
	line-height:1.8;
	color:#FFF;
}
.my_header{
    
    background-image:  url(../images/border_ru.jpg),
                       url(../images/border_lu.jpg),
                       url(../images/border_top.jpg);

  background-repeat:   no-repeat,
                       no-repeat,
                       repeat-x;

  background-position: right,
                       left,
                       top center;
    min-height: 150px;
}
.my_header_923{
    
    background-image:  url(../images/923border_ru.jpg),
                       url(../images/923border_lu.jpg),
                       url(../images/923border_top.jpg);

  background-repeat:   no-repeat,
                       no-repeat,
                       repeat-x;

  background-position: right,
                       left,
                       top center;
    min-height: 150px;
}

.my_sign{
    background-image:  url(../images/border_rd.jpg),
                       url(../images/border_ld.jpg),
                       url(../images/border_bottom.jpg);

  background-repeat:   no-repeat,
                       no-repeat,
                       repeat-x;

  background-position: right,
                       left,
                       bottom center;
    min-height: 150px;
    text-align: center;
    
}
.my_sign_923{
    background-image:  url(../images/923border_rd.jpg),
                       url(../images/923border_ld.jpg),
                       url(../images/923border_bottom.jpg);

  background-repeat:   no-repeat,
                       no-repeat,
                       repeat-x;

  background-position: right,
                       left,
                       bottom center;
    min-height: 150px;
    text-align: center;
    
}

.my_contain{
    background-image:  url("../images/border_left.jpg"),
                       url("../images/border_right.jpg"),
                       url(../images/1016bg.jpg);

  background-repeat:   repeat-y,
                       repeat-y,
                       no-repeat;

  background-position: right,
                       left,
                       center;
    
}
.my_contain_923{
    background-image:  url("../images/923border_left.jpg"),
                       url("../images/923border_right.jpg"),
                       url(../images/923bg.jpg);

  background-repeat:   repeat-y,
                       repeat-y,
                       no-repeat;

  background-position: right,
                       left,
                       center;
    
}
.logo_7 {
margin:auto; width:100%; max-width: 500px;text-align: center;margin-top: 60px; padding: 0 40px;
}
.logo_7 img { width: 100%; height: auto; max-width: 480px; }

/* --手機版型------------------------------------- */

@media screen and (max-width: 640px) {
.logo_title{ display : table-cell; vertical-align:middle; /*padding-left:140px;*/ font-weight:600; color:#FFF; /*background:url(../images/logo.png) no-repeat;*/ height:100px; /*margin-left:20px;*/ font-family:Georgia, "Times New Roman", Times, serif;}	
.nonlogo{ /*height:120px;*/ padding:10px; } 
*{
	box-sizing:border-box;
}

html,body{
	width:100%;
	min-height:100%;
}

/* 萬國旗跑馬燈 */
#myDiv {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	line-height: 1;
/*	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;*/
}
#myDiv img {
	border: 1px solid #AAAAAA;
	height: 30px;
	margin: 0 5px 0 0;
}
/*-------------*/
	
#TOP-MENU{
	display:block;
	width:100%;
	height:60px;
	position:relative;
	background-color:#FFF;
    /*margin-top: -33px;*/
}

#TOP-MENU h4{
	display:block;
	width:60px;
	height:40px;
	background-image:url(../images/btn.jpg);
	position:absolute;
	right:5px;
	top:15px;
	text-indent:-9999px;
}

#BANNER{
	width:100%;
	min-width:320px;
	height:350px;
	margin:0 auto;
	background-image:url(images/banner-bg.png);
	border:10px solid #FFF;
}

#BANNER h1{
	font-size:2.5em;
	width:180px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	padding-top:50px;
	line-height:3;
	padding-bottom:20px;
	border-bottom:1px solid #FFF;
	letter-spacing:2px;
}

#BANNER h2{
	font-size:14px;
	text-align:center;
	color:#EEE;
	padding-top:20px;
	letter-spacing:2px;
}

#BANNER .Numbers{
	display:block; 
	height:25px; 
	margin:0 auto; 
	font-size:16px; 
	text-align:center; 
	color:#3A3A00; 
	float:none;
	width:90%;
}

.BANNER_CAL{
	margin:0 auto; 
	width:100%; 
	text-align: center;
}

#NAV{
	position:absolute;
	left:0;
	top:0;
	z-index:888;
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
#NAV ul li .NONE_B{ display: none;}
#NAV #XX{
	display:block;
	position:absolute;
	right:-10px;
	top:-10px;
	width:30px;
	height:30px;
	background-color:#FFF;
	border-radius:30px;
	text-align:center;
	line-height:30px;
}

#NAV ul{
	width:260px;
/*	height:250px;*/
	margin:0 auto;
	position:absolute;
	left:50%;
	top:10%;
	margin-left:-130px;
	overflow:visible;
/*	margin-top:-125px;*/
}

#NAV li{
	width:100%;
	float:none;
}

#NAV li a{
	display:block;
	width:100%;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	background-color:#666;
	border:1px solid #333;
	color:#dddddd;	
}

#NAV li a:hover{
	border:1px solid #CCC;
	color:#FFF;
}

#CONTENT-1{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	border-top:0;
	border-bottom:10px #FFF solid;
	border-left:10px #FFF solid;
	border-right:10px #FFF solid;
	padding:0 10px;

/*	background:url(images/bg.jpg);*/
}

#CONTENT-1 img{
	float:left;
	margin-right:5px;
	display:none;
}

#CONTENT-1 .WORD1{
/*	width:460px;*/
	float:right;
	padding:3px 20px;
	font-size:0.9em;
	color:#000;
	line-height:1.6;
	text-align: justify;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
}
#CONTENT-1 .WORD2{
	width:100%;
	float:right;
	padding:15px 0px;
	font-size:0.9em;
	color:#07660F;
	text-align:center;
	font-weight:600;
	font-style:italic;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	line-height:1.6;
	
}
#CONTENT-1 .WORD3{
/*	width:460px;*/
	float:right;
	padding:15px 30px;
	font-size:1em;
	color:#000;
	list-style: decimal;
	text-align: left;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	line-height:1.7;
}

#CONTENT-1 .WORD4{
/*	width:460px;
	float:right;*/
	padding:20px 20px;
	font-size:0.8em;
	color:#000;
	line-height:1.5;
	text-align:center;
	font-weight:600;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
}
#CONTENT-1 .WORD5{
/*	width:460px;*/
	float:right;
	padding:15px 20px;
	font-size:0.8em;
	color:#07660F;
	text-align: justify;
	font-weight:600;
	font-style:italic;
	font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif;
	line-height:1.6;
	
}
#CONTENT-1 .Title_WORD{
	
/*	background: url(images/logo3.png) no-repeat left;*/
	margin:15px 0 5px 0;
	display:block;
	width:90%;
	text-align:center;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_chn{
	display:block;
	width:60%;
	text-align:center;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_jpn{
	display:block;
	width:90%;
	text-align:center;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD_wide{
	display:block;
	width:90%;
	text-align:center;
	margin:15px auto;
	}
#CONTENT-1 .Title_WORD h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	font-size:1.1em;
	line-height:1;
	padding-top:10px;
	text-align:center;
}
/*#CONTENT-1 .Title_WORD img{ float:left; margin-right:10px;}*/
#CONTENT-1 .WORD p{
	font-size:13px;
	line-height:1.8;
	color:#333;
}

#CONTENT-2{
	clear:both;
	width:1020px;
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
	padding:40px 0px;
}

#CONTENT-2 .BOX{
	float:left;
	width:280px;
	margin-left:45px;
}

#CONTENT-2 .BOX h3{
	font-size:2em;
	line-height:2;
	border-bottom:2px solid #0CC;
	color:#0CC;
	text-align:center;
}

#CONTENT-2 .BOX p{
	font-size:13px;
	line-height:1.8;
	padding:20px;
	color:#333;
}

#DOWN{
	clear:both;
	width:100%;
	margin:0px auto;
	background-color:#AAA;
	padding:20px 0px;
	background-image:url(images/banner-bg.jpg);
}

#DOWN p{
	font-size:13px;
	text-align:center;
	line-height:1.8;
	color:#FFF;
}
 
  @media screen and (max-width: 650px){
.logo_title {
  display: block;
  padding-left: 0px;
  padding-top: 100px;
  font-weight: 600;
  color: #FFF;
  background: url(../images/logo.png) no-repeat center top;
  min-height: 170px;
  margin-left: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 21px;
  text-align: center;
  overflow: hidden;
}
 .logo_0915 {
  display: none;
}
    }
@media screen and (max-width: 360px) {
  .logo_0915 {
  display: none;
}   
.logo_title{ display:block; /*padding-left:0px;*/ padding-top:100px; font-weight:600; color:#FFF; /*background:url(../images/logo.png) no-repeat center top;*/ min-height:170px; margin-left:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; text-align:center; overflow:hidden;}
.nonlogo{ /*height:120px;*/ padding:10px; }