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

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; font:1em Arial, sans-serif, "Century Gothic"; background:url(../images/bg.jpg) repeat; background-color:#f1f1f1; display:block;}
img { border:0; display:block;}

p { clear:both;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/****** order bt ******/
.order_bt { width:170px; height:34px; position:fixed; bottom:0px; right:10px; z-index:99999;}

/****** gotop bt ******/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 40px;    
    padding: 10px;
    background: #777;
    color: white;
    cursor: pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	z-index:99999;
}

/****** page 404 ******/
.page-404-title { width: 100%; padding: 40px 0; color: #666666; font-size: 5em; font-weight: 900; text-align: center;}
.page-404-text { width: 100%; padding: 40px 0 100px 0; color: #666666; font-size: 1.4em; font-weight: 600; text-align: center;}
.page-404-text a { color: #666666; border-bottom: 1px #666 solid; text-decoration: none;}


@media screen and (min-width: 1200px) {

#bodybox { background:#FFFFFF; max-width:1600px; margin:0 auto; box-shadow:0 0 12px rgba(0, 0, 0, 0.3);}

/****** header_home ******/
#mobilenav { display:none;}

header#hp { width:100%; height:630px; margin:0 auto;}

#header_top { width:100%; height:60px; background-color:#323232;}
#header_top .header_topbox { width:1200px; margin:0 auto;}
#header_top .header_topbox .lt_box { width:105px; float:left;}
#header_top .header_topbox .lt_box .colorbx { width:100%; height:8px; background-color:#f1bd48;}
#header_top .header_topbox .lt_box .textbx { width:100%; color:#f1bd48; font:1em Century Gothic, Arial; font-weight:bold; text-align:center; padding-top:5px;}
#header_top .header_topbox .lt_box .textbx a { color:#f1bd48; text-decoration:none;}
#header_top .header_topbox .lt_box .textbx a:hover, a:active { color:#FFFFFF;}
#header_top .header_topbox .rt_box { float:right;}
#header_top .header_topbox .rt_box .searchbox { width:200px; height:32px; margin-top:14px; background:url(../images/search_bg.png) no-repeat; float:left;}
#header_top .header_topbox .rt_box .searchbox input[type=text] { width:155px; margin-top:5px; margin-left:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif;}
#header_top .header_topbox .rt_box .searchbox input[type=submit] { width:30px; height:22px; font-size:1em; border:0; background-color:transparent; cursor:pointer;}
#header_top .header_topbox .rt_box .iconbox { margin-top:16px; margin-right:15px; float:left;}
#header_top .header_topbox .rt_box .iconbox img { margin-right:5px; float:left;}
    #header_top .header_topbox .rt_box .iconbox a.icon { width: 30px; height: 30px; margin: 0 5px; color: #000; font-size: 1em; font-family: "微軟正黑體"; text-decoration: none; border-radius: 100%; background-color: #ccc; display: flex; justify-content: center; align-items: center; float: left;}
    #header_top .header_topbox .rt_box .iconbox a:hover { color: #fff; background-color: #888;}
    #header_top .header_topbox .rt_box .iconbox a.sel { color: #fff; background-color: #888;}

header#hp #header_bannerbox { max-width:1600px; height:570px; margin:0 auto; overflow:hidden; position:relative;}

header#hp #header_bannerbox .bannerbox { max-width:1600px; width:100%; height:auto; position:absolute; top:0px; left:0px; overflow:hidden; z-index:1;}
header#hp #header_bannerbox .bannerbox .bannerimg { max-width:1600px; height:570px; overflow:hidden; display:none;}
header#hp #header_bannerbox .bannerbox .bannerimg a { max-width:1600px; height:570px; display:block;}

header#hp #header_bannerbox .bannerdotbox { clear:both; max-width:1600px; width:100%; position:absolute; margin-top:450px; margin-left:0px; z-index:99;}
header#hp #header_bannerbox .bannerdotbox .dotbox { width:895px; height:18px; margin:0 auto;}
header#hp #header_bannerbox .bannerdotbox .dotbox .bannerdot { width:24px; height:18px; background:url(../images/dot.png) no-repeat; float:left;}
header#hp #header_bannerbox .bannerdotbox .dotbox .bannerdot.on { background:url(../images/dot_on.png) no-repeat;}
header#hp #header_bannerbox .bannerdotbox .dotbox .bannerdot a { width:24px; height:18px; display:block;}

header#hp #header_bannerbox .header_contentbox { max-width:1600px; width:100%; position:absolute; margin-top:0; margin-left:0; z-index:999;}
header#hp #header_bannerbox .header_contentbox .contentbox { width:1200px; margin:20px auto 0 auto; display: flex; justify-content: space-between; align-items: center;}
header#hp #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#hp #header_bannerbox .header_contentbox .navmobile { display:none;}
header#hp #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#hp #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#hp #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#hp #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#hp #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#hp #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#hp #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#hp #header_bannerbox .searchbox { clear:both; max-width:1600px; width:100%; position:absolute; margin-top:117px; margin-left:0px; z-index:99;}
header#hp #header_bannerbox .searchbox .searchcontent { width:895px; height:90px; padding-top:5px; padding-left:4px; margin-top:195px; margin-left:auto; margin-right:auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3);}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox { width:216px; margin-left:5px; color:#FFFFFF; font-size:1em; line-height:1.8em; float:left;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox { width:216px; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat 198px center #FFFFFF;  z-index:10px; cursor:pointer; box-sizing:border-box;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox .font { color:#000000; font-size:0.9em; white-space:nowrap;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul { position:relative; width:216px;/* max-height:320px;*/ max-height:170px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul.serv { position:relative; width:240px;/* max-height:320px;*/ max-height:170px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul.serv li { padding:0 12px; margin:5px 0; font-size:0.9em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul.serv li:hover { background-color:#E1E1E1;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul.serv li a { color:#000000; text-decoration:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox input { width:216px; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; cursor:pointer;}


/****** 3 pics ******/
#main_3pics { width:100%; position:relative; margin-top:-50px; margin-bottom:60px; text-align:center; z-index:9;}
#main_3pics ul { padding:0; margin:0; list-style:none; display:inline-block;}
#main_3pics ul li { padding:0; margin:0 15px; float:left;}
#main_3pics ul li img { box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}

/****** 5 posts ******/
#main_5posts { width:100%; border-bottom:1px #f0f0f0 solid; overflow:hidden;}
.posts5_pic_lt { height:360px; box-sizing:border-box; overflow:hidden; float:left;}
.posts5_pic_lt img { float:right;}
.posts5_text_lt { width:730px; height:360px; margin-left:45px; box-sizing:border-box; float:left;}
.posts5_text_lt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:40px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_lt .text { width:100%; padding-top:60px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_lt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_lt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_lt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_lt a { color:#000000; text-decoration:none;}

.posts5_pic_rt { height:360px; box-sizing:border-box; overflow:hidden; float:right;}
.posts5_pic_rt img { float:left;}
.posts5_text_rt { width:730px; height:360px; margin-right:45px; box-sizing:border-box; float:right;}
.posts5_text_rt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:40px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_rt .text { width:100%; padding-top:60px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_rt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_rt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_rt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_rt a { color:#000000; text-decoration:none;}


/****** header_news ******/
header#news { width:100%; height:420px; margin:0 auto;}

header#news #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#news #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#news #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#news #header_bannerbox .header_contentbox .navmobile { display:none;}
header#news #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#news #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#news #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#news #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#news #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#news #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#news #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#news #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#news #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#news #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#news #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_contact ******/
header#contact { width:100%; height:420px; margin:0 auto;}

header#contact #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#contact #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#contact #header_bannerbox .header_contentbox .navmobile { display:none;}
header#contact #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#contact #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#contact #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#contact #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#contact #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#contact #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#contact #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#contact #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#contact #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#contact #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#contact #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_about ******/
header#about { width:100%; height:420px; margin:0 auto;}

header#about #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#about #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#about #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#about #header_bannerbox .header_contentbox .navmobile { display:none;}
header#about #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#about #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#about #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#about #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#about #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#about #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#about #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#about #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#about #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#about #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#about #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_location ******/
header#location { width:100%; height:420px; margin:0 auto;}

header#location #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#location #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#location #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#location #header_bannerbox .header_contentbox .navmobile { display:none;}
header#location #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#location #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#location #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#location #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#location #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#location #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#location #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#location #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#location #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#location #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#location #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_qanda ******/
header#qanda { width:100%; height:420px; margin:0 auto;}

header#qanda #header_bannerbox { width:100%; height:360px; margin:0 auto; overflow:hidden;}
header#qanda #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#qanda #header_bannerbox .header_contentbox .logotitle { width:560; height:89px;}
header#qanda #header_bannerbox .header_contentbox .navmobile { display:none;}
header#qanda #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#qanda #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#qanda #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#qanda #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#qanda #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#qanda #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#qanda #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

/*header#qanda #header_bannerbox .bannergrad { width:100%; height:50px; background:url(../images/grad.png) left; position:absolute; margin-left:0; margin-top:310px;}*/

header#qanda #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#qanda #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#qanda #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#qanda #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_search ******/
header#search { width:100%; height:420px; margin:0 auto;}

header#search #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#search #header_bannerbox .header_contentbox { width:1200px; padding: 20px 0 0 0; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
header#search #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#search #header_bannerbox .header_contentbox .navmobile { display:none;}
header#search #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#search #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;} 
header#search #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#search #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#search #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#search #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#search #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#search #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#search #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#search #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#search #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}

.googlesearch { width:100%; padding:20px 0;}

.searchformbox { clear:both; width:895px; height:90px; padding-top:5px; padding-left:4px; margin-bottom:90px; margin-left:auto; margin-right:auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3);}
.searchformbox .inputbox { width:216px; margin-left:5px; color:#FFFFFF; font-size:1em; line-height:1.8em; float:left;}
.searchformbox .inputbox .selectbox { width:216px; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat 198px center #FFFFFF;  z-index:10px; cursor:pointer; box-sizing:border-box;}
.searchformbox .inputbox .selectbox .font { color:#000000; font-size:0.9em; white-space:nowrap;}
.searchformbox .inputbox .selectbox ul { position:relative; width:216px; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none;}
.searchformbox .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
.searchformbox .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
.searchformbox .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
.searchformbox .inputbox .selectbox ul.serv { position:relative; width:240px; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none;}
.searchformbox .inputbox .selectbox ul.serv li { padding:0 12px; margin:5px 0; font-size:0.9em;}
.searchformbox .inputbox .selectbox ul.serv li:hover { background-color:#E1E1E1;}
.searchformbox .inputbox .selectbox ul.serv li a { color:#000000; text-decoration:none;}
.searchformbox .inputbox input { width:216px; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; cursor:pointer;}


/****** header_single ******/
header#single { width:100%; height:420px; margin:0 auto;}

header#single #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#single #header_bannerbox .header_contentbox { width:1200px; margin:20px auto 0 auto; display: flex; justify-content: space-between; align-items: center;}
header#single #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px;}
header#single #header_bannerbox .header_contentbox .navmobile { display:none;}
header#single #header_bannerbox .header_contentbox nav { width:600px; height:63px; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#single #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#single #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#single #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#single #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#single #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#single #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#single #header_bannerbox .header_pathbox { clear:both; width:1200px; padding-top:95px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#single #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#single #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#single #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** page_content ******/
#mainbox { clear:both; width:1200px; margin:40px auto;}
#mainbox .leftcolum { width:910px; float:left;}
#mainbox .leftcolum .contentbx { width:100%;}
#mainbox .leftcolum .contentbx ul#tabs { padding:0; margin:0; list-style:none; display:block;}
#mainbox .leftcolum .contentbx ul#tabs li { width:120px; height: 60px; margin-left:5px; border:1px #000000 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); -webkit-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); background:linear-gradient(top,#c8711e,#542e0a); background:-moz-linear-gradient(top,#c8711e,#542e0a); background:-webkit-linear-gradient(top,#c8711e,#542e0a); background-color:#542e0a; color:#fee000; font-size:1.1em; text-align:center; box-sizing:border-box; float:left; cursor:pointer; display: flex; justify-content: center; align-items: center;}
#mainbox .leftcolum .contentbx ul#tabs li.sel { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); background-color:#ff9b00; color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li.sel a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li:hover { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); background-color:#ff9b00; color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li:hover a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li a { color:#fee000; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox { clear:both; width:100%; margin-top:40px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .list { clear:both; width:910px; border-bottom:2px #dadada dashed;}
#mainbox .leftcolum .contentbx .listbox .list:hover { background-color:#f1f1f1;}
#mainbox .leftcolum .contentbx .listbox .list .title { width:800px; padding:15px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2em; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .listbox .list .title a { color:#646464; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .list .title a:hover { text-decoration:underline;}
#mainbox .leftcolum .contentbx .listbox .list .date { width:100px; padding:15px 0; color:#333333; line-height:2em; text-align:right; box-sizing:border-box; float:right;}

#mainbox .leftcolum .contentbx .listbox .pagenum { clear:both; height:60px; width:100%; margin-top:50px; text-align:center; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li:hover { background-color:#dadada;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li.sel { background-color:#dadada;}

#mainbox .leftcolum .contentbx .newscontent { clear:both; width:100%; margin-top:40px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox { width:100%; padding:20px 10px; margin-bottom:60px; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .title { width:780px; font-size:1.2em; line-height:2em; float:left;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .date { width:100px; line-height:2em; text-align:right; float:right;}
#mainbox .leftcolum .contentbx .newscontent .content { clear:both; width:100%; line-height:2.2em;}
#mainbox .leftcolum .contentbx .newscontent .content a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .newscontent .content a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .contacttext { width:100%; padding:25px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform { width:100%; padding:50px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .contactform .form_lt { width:50%; line-height:2.2em; float:left;}
#mainbox .leftcolum .contentbx .contactform .form_lt input { width:90%; padding:15px 10px; margin-top:5px; margin-bottom:20px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt { width:50%; line-height:2.2em; float:left;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=radio] { }
#mainbox .leftcolum .contentbx .contactform .form_rt textarea { width:100%; height:275px; padding:15px; margin-top:5px; margin-bottom:50px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=submit] { width:100%; padding:15px 10px; color:#613b11; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:1px #f1bd48 solid; background-color:#f1bd48; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}

#mainbox .leftcolum .contentbx .abouttitlebox { clear:both; width:100%; height:40px; margin-bottom:18px; color:#542e0a; font-size:1.5em; font-weight:bold; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:3px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .abouttitle { color:#003399; font-size:1.2em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
    #mainbox .leftcolum .contentbx .abouttitle2 { color:#009944; font-size:1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}    
#mainbox .leftcolum .contentbx .abouttitle_r { color:#cc0000; font-size:1.1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .abouttext { color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em;}
    #mainbox .leftcolum .contentbx .abouttext ul.about { padding: 0 0 0 30px; margin: 0; line-height:2.2em; list-style: circle; display: block;}
    #mainbox .leftcolum .contentbx .abouttext ul.about li { padding: 0 0 10px 0; margin: 0;}
#mainbox .leftcolum .contentbx .abouttext_lt { width:49%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; float:left;}
#mainbox .leftcolum .contentbx .abouttext_rt { width:49%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; float:right;}
#mainbox .leftcolum .contentbx .abouttext_lt a, .abouttext_rt a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .abouttext_lt a:hover, .abouttext_rt a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .locationtitle { clear:both; color:#333333; font-size:1.4em; font-weight:600; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .locationtab { clear:both; width:160px; padding:8px; margin:12px 0; color:#333333; text-align:right; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo { width:740px; padding:8px; margin:5px 0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a .linkorder { text-decoration:underline; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a { color:#333333; text-decoration:underline;}
#mainbox .leftcolum .contentbx .locationinfo img { margin-left:5px; float:left;}
#mainbox .leftcolum .contentbx .breakspace { clear:both; width:100%; height:70px;}
    #mainbox .leftcolum .contentbx iframe { width: 600px; height: 450px;}

#mainbox .leftcolum .contentbx dl#qandapanel { width:100%; padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dt { width:100%; padding:15px 10px; margin-bottom:10px; font-size:1.4em; line-height:2.2em; color:#333333; text-shadow:0px 1px 1px #999999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; cursor:pointer;}
#mainbox .leftcolum .contentbx dl#qandapanel dd { width:100%; padding:25px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #D6D6D6 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul { padding:0; margin:0 40px; list-style:circle; display:block;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul li { padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .title { color:#ff0099; line-height:2em; font-size:1.1em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .blue { color:#002FFF;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .red { color:#FF0004;}

#mainbox .rightcolum { width:250px; padding-bottom:40px; background-color:#f5f5f5; border:1px #adadad solid; box-sizing:border-box; float:right;}
#mainbox .rightcolum .title { width:100%; padding:0; margin-bottom:40px; background-color:#FFFFFF; color:#542e0a; font-size:2.2em; text-shadow:1px 2px 2px #d2d2d2; letter-spacing:10px; text-align:center;}
#mainbox .rightcolum dl#panel { width:100%;}
#mainbox .rightcolum dl#panel dt { width:100%; padding:10px 0; margin-left:28px; font-size:1.2em; font-weight:200; cursor:pointer; background:url(../images/arr_dw.png) left no-repeat;}
#mainbox .rightcolum dl#panel dt.arrdw { background:url(../images/arr_dw.png) left no-repeat;}
#mainbox .rightcolum dl#panel dt.arrup { background:url(../images/arr_up.png) left no-repeat;}
#mainbox .rightcolum dl#panel dd {}
#mainbox .rightcolum dl#panel dd ul { padding:0; margin:0; list-style:none; display:block;}
#mainbox .rightcolum dl#panel dd ul li { padding:5px 0; margin:0; color:#333333; font-size:1em;}
#mainbox .rightcolum dl#panel dd ul li a { color:#333333; text-decoration:none;}
#mainbox .rightcolum dl#panel dd ul li a:hover { text-decoration:underline;}

#mainbox .searchintro_lt { width:780px; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; float:left;}
#mainbox .searchintro_lt .title1 { color:#9B4C00; font-size:1.5em; font-weight:600;}
#mainbox .searchintro_lt .title2 { color:#BB7A27; font-size:1.2em; line-height:2em;}
#mainbox .searchintro_rt { width:400px; float:right;}
#mainbox .searchintro_rt .boxline { width:100%; padding:0 15px; margin-top:13px; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .searchintro_rt .titlebox { width:auto; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:0; margin-left:0;}
#mainbox .searchintro_rt .morebox { width:auto; padding:0 10px; color:#555555; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:2px; margin-left:320px;}
#mainbox .searchintro_rt .morebox a { color:#555555; text-decoration:none;}
#mainbox .searchintro_rt ul { padding:0; margin-left:20px; margin-top:40px; margin-bottom:30px; list-style:square; display:block;}
#mainbox .searchintro_rt ul li { padding:0; margin:10px 0;}
#mainbox .searchintro_rt ul li a { color:#868686; text-decoration:none;}
#mainbox .searchintro_rt ul li a:hover { text-decoration:underline;}

#mainbox .searchbreakspace { clear:both; width:100%; height:80px;}

#mainbox .searchtitlebox { width:100%; height:40px; margin-bottom:60px; background:url(../images/searchtitle_bg.png) repeat-x; overflow:hidden;}
#mainbox .searchtitlebox .titlebox { width:160px; padding-top:8px; margin:0 auto; color:#868686; text-shadow:0px 1px 1px #d2d2d2; text-align:center; background-color:#FFFFFF;}

#mainbox .searchschoolbox { width:280px; height:370px; margin-left:10px; margin-right:10px; margin-bottom:80px; float:left; overflow:hidden;}
#mainbox .searchschoolbox a { color:#868686; text-decoration:none;}
#mainbox .searchschoolbox img { width:280px; height:180px; margin-bottom:15px; border:2px #dadada solid; box-sizing:border-box;}
#mainbox .searchschoolbox .titlename { color:#9B4C00; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; text-decoration:underline; margin-bottom:20px;}
#mainbox .searchschoolbox .introtext { color:#868686; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2;}

#mainbox .searchpagenum { clear:both; height:60px; width:100%; text-align:center; box-sizing:border-box;}
#mainbox .searchpagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .searchpagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .searchpagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .searchpagenum ul li:hover { background-color:#dadada;}
#mainbox .searchpagenum ul li.sel { background-color:#dadada;}

#mainbox .single_lt { width:870px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; float:left;}
#mainbox .single_lt .title { clear: both; color:#9B4C00; font-size:1.6em; padding-top: 30px;}
#mainbox .single_lt a { color:#333333; text-decoration:underline;}
#mainbox .single_rt { width:300px; float:right;}
#mainbox .single_rt .columnbox { width:300px; margin-bottom:30px;}
#mainbox .single_rt .columnbox .titlebox { width:auto; padding-right:5px; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:-13px; margin-left:0;}
#mainbox .single_rt .columnbox .boxline { width:300px; padding:30px 0 15px 15px; margin-top:13px; color:#9d9d9d; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .single_rt .columnbox .boxline .stitle { color:#333333; font-weight:bold; line-height:3em; text-decoration:underline;}


/****** footer ******/
footer { width:100%; padding:38px 0; background-color:#f5f5f5; box-sizing:border-box;}
footer #footerbox { width:1200px; margin:0 auto;}

#footerbox .navbox { width:190px; float:left;}
#footerbox .navbox ul { padding:0; margin:0; list-style:none; display:block;}
#footerbox .navbox ul li { padding:0; margin-bottom:21px; float:none;}
#footerbox .navbox ul li a { color:#000000; text-decoration:none;}
#footerbox .navbox ul li a.yellow { color:#f1bd48;}
#footerbox .navbox ul li a:hover, a:active { text-decoration:underline;}
#footerbox .navbox ul li img { float:left;}
#footerbox .navbox ul li .font_en { font-size:0.8em; padding-top:2px; padding-left:10px;}

#footerbox .servicebox1 { width:255px; float:left;}
#footerbox .servicebox1 a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 a:hover, a:active { text-decoration:underline;}
#footerbox .servicebox1 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox1 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox1 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox1 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .servicebox2 { width:265px; float:left;}
#footerbox .servicebox2 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox2 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox2 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox2 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .addressbox { width:487px; padding:20px; border:1px #c7c7c7 solid; background-color:#FFFFFF; box-sizing:border-box; float:right;}
#footerbox .addressbox a { color:#000000; text-decoration:underline;}
#footerbox .addressbox .logotitle { width:100%; padding-bottom:10px;}
#footerbox .addressbox .logotitle img { padding-right:10px; float:left;}
#footerbox .addressbox .logotitle .title { padding-top:5px; font-size:1.2em; font-weight:600; line-height:1.5em;}
#footerbox .addressbox .address { clear:both; margin-top:20px; width:100%; font-size:0.8em; line-height:1.6em;} 
#footerbox .addressbox .address .ch { font-size:1.1em;}

}


@media screen and (min-width: 768px) and (max-width: 1199px) {

#bodybox { width:100%; padding:0; margin:0; background-color:#ffffff;}

/****** header_home ******/
#mobilenav { display:none;}

header#hp { width:100%; height:630px; margin:0 auto;}

#header_top { width:100%; height:60px; background-color:#323232;}
#header_top .header_topbox { width:100%; margin:0 auto;}
#header_top .header_topbox .lt_box { width:105px; float:left;}
#header_top .header_topbox .lt_box .colorbx { width:100%; height:8px; background-color:#f1bd48;}
#header_top .header_topbox .lt_box .textbx { width:100%; color:#f1bd48; font:1em Century Gothic, Arial; font-weight:bold; text-align:center; padding-top:5px;}
#header_top .header_topbox .lt_box .textbx a { color:#f1bd48; text-decoration:none;}
#header_top .header_topbox .lt_box .textbx a:hover, a:active { color:#FFFFFF;}
#header_top .header_topbox .rt_box { float:right;}
#header_top .header_topbox .rt_box .searchbox { width:200px; height:32px; margin-top:14px; background:url(../images/search_bg.png) no-repeat; float:left;}
#header_top .header_topbox .rt_box .searchbox input[type=text] { width:143px; margin-top:4px; margin-left:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif;}
#header_top .header_topbox .rt_box .searchbox input[type=submit] { width:30px; height:22px; font-size:1em; border:0; background-color:transparent;}
#header_top .header_topbox .rt_box .iconbox { margin-top:16px; margin-right:15px; float:left;}
#header_top .header_topbox .rt_box .iconbox img { margin-right:5px; float:left;}
    #header_top .header_topbox .rt_box .iconbox a.icon { width: 30px; height: 30px; margin: 0 5px; color: #000; font-size: 1em; font-family: "微軟正黑體"; text-decoration: none; border-radius: 100%; background-color: #ccc; display: flex; justify-content: center; align-items: center; float: left;}
    #header_top .header_topbox .rt_box .iconbox a:hover { color: #fff; background-color: #888;}
    #header_top .header_topbox .rt_box .iconbox a.sel { color: #fff; background-color: #888;}

header#hp #header_bannerbox { width:100%; height:570px; margin:0 auto; position:relative;}

header#hp #header_bannerbox .bannerbox { width:100%; height:570px; position:absolute; top:0px; left:0px; overflow:hidden; z-index:1;}
header#hp #header_bannerbox .bannerbox .bannerimg { max-width:1600px; height:570px; overflow:hidden; display:none;}
header#hp #header_bannerbox .bannerbox .bannerimg a { max-width:1600px; height:570px; display:block;}


header#hp #header_bannerbox .bannerdotbox { display:none;}

header#hp #header_bannerbox .header_contentbox { width:100%; position:absolute; margin-top:0; margin-left:0; z-index:999;}
header#hp #header_bannerbox .header_contentbox .contentbox { width:100%; margin:0 auto;}
header#hp #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#hp #header_bannerbox .header_contentbox .navmobile { display:none;}
header#hp #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#hp #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#hp #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#hp #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#hp #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#hp #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#hp #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#hp #header_bannerbox .searchbox { clear:both; width:100%; position:absolute; top:322px; margin-left:0px; z-index:99;}
header#hp #header_bannerbox .searchbox .searchcontent { width:96%; padding-top:5px; padding-bottom:10px; padding-left:4px; margin:0 auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3); box-sizing:border-box; z-index: 99;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox { width:48%; margin-left:5px; color:#FFFFFF; font-size:1em; line-height:1.8em; box-sizing:border-box; float:left; z-index: 99;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox { width:100%; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat right #FFFFFF; z-index:10px; cursor:pointer; box-sizing:border-box;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox .font { color:#000000; font-size:1.1em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul { position:relative; width:inherit; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none; z-index:99999;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox input { width:100%; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; cursor:pointer;}

/****** 3 pics ******/
#main_3pics { width:100%; margin-top:20px; margin-bottom:60px; text-align:center; z-index: 9;}
#main_3pics ul { padding:0; margin:0; list-style:none; display:inline-block;}
#main_3pics ul li { width:25%; padding:0; margin:0 10px; display:inline-block;}
#main_3pics ul li img { width:100%; box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}

/****** 5 posts ******/
#main_5posts { width:100%; border-bottom:1px #f0f0f0 solid; overflow:hidden;}
.posts5_pic_lt { width:40%; height:360px; box-sizing:border-box; overflow:hidden; float:left;}
.posts5_pic_lt img { float:right;}
.posts5_text_lt { width:53%; margin-left:45px; box-sizing:border-box; float:left;}
.posts5_text_lt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:20px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_lt .text { width:100%; padding-top:40px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_lt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_lt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_lt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_lt a { color:#000000; text-decoration:none;}

.posts5_pic_rt { width:40%; height:360px; box-sizing:border-box; overflow:hidden; float:right;}
.posts5_pic_rt img { float:left;}
.posts5_text_rt { width:53%; margin-right:45px; box-sizing:border-box; float:right;}
.posts5_text_rt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:20px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_rt .text { width:100%; padding-top:40px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_rt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_rt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_rt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_rt a { color:#000000; text-decoration:none;}


/****** header_news ******/
header#news { width:100%; height:420px; margin:0 auto;}

header#news #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#news #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#news #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#news #header_bannerbox .header_contentbox .navmobile { display:none;}
header#news #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#news #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#news #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#news #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#news #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#news #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#news #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#news #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; margin:0 auto; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#news #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#news #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#news #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_contact ******/
header#contact { width:100%; height:420px; margin:0 auto;}

header#contact #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox .navmobile { display:none;}
header#contact #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#contact #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#contact #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#contact #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#contact #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#contact #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#contact #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#contact #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#contact #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#contact #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#contact #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_about ******/
header#about { width:100%; height:420px; margin:0 auto;}

header#about #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#about #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#about #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#about #header_bannerbox .header_contentbox .navmobile { display:none;}
header#about #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#about #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#about #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#about #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#about #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#about #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#about #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#about #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#about #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#about #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#about #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_location ******/
header#location { width:100%; height:420px; margin:0 auto;}

header#location #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#location #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#location #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#location #header_bannerbox .header_contentbox .navmobile { display:none;}
header#location #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#location #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#location #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#location #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#location #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#location #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#location #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#location #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#location #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#location #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#location #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_qanda ******/
header#qanda { width:100%; height:420px; margin:0 auto;}

header#qanda #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#qanda #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#qanda #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#qanda #header_bannerbox .header_contentbox .navmobile { display:none;}
header#qanda #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#qanda #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#qanda #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#qanda #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#qanda #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#qanda #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#qanda #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

/*header#qanda #header_bannerbox .bannergrad { width:100%; height:50px; background:url(../images/grad.png) left; position:absolute; margin-left:0; margin-top:310px;}*/

header#qanda #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#qanda #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#qanda #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#qanda #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_search ******/
header#search { width:100%; height:420px; margin:0 auto;}

header#search #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#search #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#search #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#search #header_bannerbox .header_contentbox .navmobile { display:none;}
header#search #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#search #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#search #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#search #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#search #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#search #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#search #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#search #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#search #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#search #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#search #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}

.googlesearch { width:100%; padding:20px 0;}

.searchformbox { clear:both; width:96%; padding-top:5px; padding-bottom:10px; padding-left:4px; margin-bottom:90px; margin-left:auto; margin-right:auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3);}
.searchformbox .inputbox { width:48%; margin-left:5px; color:#FFFFFF; font-size:1em; line-height:1.8em; float:left;}
.searchformbox .inputbox .selectbox { width:100%; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat right #FFFFFF;  z-index:10px; cursor:pointer; box-sizing:border-box;}
.searchformbox .inputbox .selectbox .font { color:#000000; font-size:1.1em;}
.searchformbox .inputbox .selectbox ul { position:relative; width:inherit; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none; z-index:9999;}
.searchformbox .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
.searchformbox .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
.searchformbox .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
.searchformbox .inputbox input { width:100%; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; cursor:pointer;}


/****** header_single ******/
header#single { width:100%; height:420px; margin:0 auto;}

header#single #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#single #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#single #header_bannerbox .header_contentbox .logotitle { width:560px; height:89px; padding-top:10px; margin:0 auto;}
header#single #header_bannerbox .header_contentbox .navmobile { display:none;}
header#single #header_bannerbox .header_contentbox nav { width:636px; height:63px; margin-top:20px; margin-left:auto; margin-right:auto; line-height:1.2em; text-shadow:0px 2px 3px #4B4B4B; background-color:rgba(0,0,0,0.3); border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center;}
header#single #header_bannerbox .header_contentbox nav ul { padding:10px 0 0 0; margin-top:12px; list-style:none; display:inline-block;}
header#single #header_bannerbox .header_contentbox nav ul li { padding:0; margin:0 15px; float:left;}
header#single #header_bannerbox .header_contentbox nav ul li a { color:#FFFFFF; text-decoration:none;}
header#single #header_bannerbox .header_contentbox nav ul li a:hover, a:active { color:#eeeeee;}
header#single #header_bannerbox .header_contentbox nav ul li .nav_ct { font-size:1.4em;}
header#single #header_bannerbox .header_contentbox nav ul li .nav_en { font-size:0.9em;}

header#single #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#single #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#single #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#single #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** page_content ******/
#mainbox { clear:both; width:96%; margin:40px auto;}
#mainbox .leftcolum { width:100%; margin:0 auto;}
#mainbox .leftcolum .contentbx { width:100%;}
#mainbox .leftcolum .contentbx ul#tabs { padding:0; margin:0; list-style:none; display:block;}
#mainbox .leftcolum .contentbx ul#tabs li { width:110px; height: 60px; margin-left:5px; border:1px #000000 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); -webkit-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); background:linear-gradient(top,#c8711e,#542e0a); background:-moz-linear-gradient(top,#c8711e,#542e0a); background:-webkit-linear-gradient(top,#c8711e,#542e0a); color:#fee000; font-size:1.1em; text-align:center; box-sizing:border-box; float:left; cursor:pointer; display: flex; justify-content: center; align-items: center;}
#mainbox .leftcolum .contentbx ul#tabs li.sel { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li.sel a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li:hover { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li:hover a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li a { color:#fee000; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox { clear:both; width:100%; margin-top:40px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .list { clear:both; width:100%; border-bottom:2px #dadada dashed;}
#mainbox .leftcolum .contentbx .listbox .list:hover { background-color:#f1f1f1;}
#mainbox .leftcolum .contentbx .listbox .list .title { width:85%; padding:15px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2em; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .listbox .list .title a { color:#646464; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .list .title a:hover { text-decoration:underline;}
#mainbox .leftcolum .contentbx .listbox .list .date { width:15%; padding:15px 0; color:#333333; line-height:2em; text-align:right; box-sizing:border-box; float:right;}

#mainbox .leftcolum .contentbx .listbox .pagenum { clear:both; height:60px; width:100%; margin-top:50px; text-align:center; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li:hover { background-color:#dadada;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li.sel { background-color:#dadada;}

#mainbox .leftcolum .contentbx .newscontent { clear:both; width:100%; margin-top:40px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox { width:100%; padding:20px 10px; margin-bottom:60px; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .title { width:85%; font-size:1.2em; line-height:2em; float:left;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .date { width:15%; line-height:2em; text-align:right; float:right;}
#mainbox .leftcolum .contentbx .newscontent .content { clear:both; line-height:2.2em; width:100%;}
#mainbox .leftcolum .contentbx .newscontent .content a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .newscontent .content a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .contacttext { width:100%; padding:25px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform { width:100%; padding:50px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .contactform .form_lt { width:50%; line-height:2.2em; float:left;}
#mainbox .leftcolum .contentbx .contactform .form_lt input { width:90%; padding:15px 10px; margin-top:5px; margin-bottom:20px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt { width:50%; line-height:2.2em; float:left;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=radio] { }
#mainbox .leftcolum .contentbx .contactform .form_rt textarea { width:100%; height:275px; padding:15px; margin-top:5px; margin-bottom:40px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=submit] { width:100%; padding:15px 10px; color:#613b11; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:1px #f1bd48 solid; background-color:#f1bd48; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}

#mainbox .leftcolum .contentbx .abouttitlebox { clear:both; width:100%; height:40px; margin-bottom:18px; color:#542e0a; font-size:1.5em; font-weight:bold; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:3px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .abouttitle { color:#003399; font-size:1.2em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
    #mainbox .leftcolum .contentbx .abouttitle2 { color:#009944; font-size:1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .abouttitle_r { color:#cc0000; font-size:1.1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .abouttext { color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em;}
    #mainbox .leftcolum .contentbx .abouttext ul { padding: 0 0 0 30px; margin: 0; list-style: circle; display: block;}
    #mainbox .leftcolum .contentbx .abouttext ul li { padding: 0; margin: 0; line-height:2.2em;}
#mainbox .leftcolum .contentbx .abouttext_lt { width:49%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; word-break: break-all; float:left;}
#mainbox .leftcolum .contentbx .abouttext_rt { width:49%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; word-break: break-all; float:right;}
#mainbox .leftcolum .contentbx .abouttext_lt a, .abouttext_rt a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .abouttext_lt a:hover, .abouttext_rt a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .locationtitle { clear:both; color:#333333; font-size:1.4em; font-weight:600; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .locationtab { clear:both; width:160px; padding:8px; margin:12px 0; color:#333333; text-align:right; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo { width:560px; padding:8px; margin:5px 0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a .linkorder { text-decoration:underline; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a { color:#333333; text-decoration:underline;}
#mainbox .leftcolum .contentbx .locationinfo img { margin-left:5px; float:left;}
#mainbox .leftcolum .contentbx .breakspace { clear:both; width:100%; height:70px;}
#mainbox .leftcolum .contentbx img.locationmap { width:90%; height:auto;}
    #mainbox .leftcolum .contentbx iframe { width: 600px; height: 450px;}

#mainbox .leftcolum .contentbx dl#qandapanel { width:100%; padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dt { width:100%; padding:15px 10px; margin-bottom:10px; font-size:1.4em; line-height:2.2em; color:#333333; text-shadow:0px 1px 1px #999999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; cursor:pointer;}
#mainbox .leftcolum .contentbx dl#qandapanel dd { width:100%; padding:25px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #D6D6D6 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul { padding:0; margin:0 40px; list-style:circle; display:block;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul li { padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .title { color:#ff0099; line-height:2em; font-size:1.1em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .blue { color:#002FFF;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .red { color:#FF0004;}

#mainbox .rightcolum { display:none;}

#mainbox .searchintro_lt { width:60%; padding-right:10px; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box; float:left;}
#mainbox .searchintro_lt .title1 { color:#9B4C00; font-size:1.5em; font-weight:600;}
#mainbox .searchintro_lt .title2 { color:#BB7A27; font-size:1.2em; line-height:2em;}
#mainbox .searchintro_rt { width:40%; float:right;}
#mainbox .searchintro_rt .boxline { width:100%; padding:0 15px; margin-top:13px; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .searchintro_rt .titlebox { width:auto; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:0; margin-left:0;}
#mainbox .searchintro_rt .morebox { width:auto; padding:0 10px; color:#555555; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:2px; margin-left:30%;}
#mainbox .searchintro_rt .morebox a { color:#555555; text-decoration:none;}
#mainbox .searchintro_rt ul { padding:0; margin-left:20px; margin-top:40px; margin-bottom:30px; list-style:square; display:block;}
#mainbox .searchintro_rt ul li { padding:0; margin:10px 0;}
#mainbox .searchintro_rt ul li a { color:#868686; text-decoration:none;}
#mainbox .searchintro_rt ul li a:hover { text-decoration:underline;}

#mainbox .searchbreakspace { clear:both; width:100%; height:80px;}

#mainbox .searchtitlebox { width:100%; height:40px; margin-bottom:60px; background:url(../images/searchtitle_bg.png) repeat-x; overflow:hidden;}
#mainbox .searchtitlebox .titlebox { width:160px; padding-top:8px; margin:0 auto; color:#868686; text-shadow:0px 1px 1px #d2d2d2; text-align:center; background-color:#FFFFFF;}

#mainbox .searchschoolbox { width:280px; height:370px; margin-left:10px; margin-right:10px; margin-bottom:80px; float:left; overflow:hidden;}
#mainbox .searchschoolbox a { color:#868686; text-decoration:none;}
#mainbox .searchschoolbox img { width:280px; height:180px; margin-bottom:15px; border:2px #dadada solid; box-sizing:border-box;}
#mainbox .searchschoolbox .titlename { color:#9B4C00; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; text-decoration:underline; margin-bottom:20px;}
#mainbox .searchschoolbox .introtext { color:#868686; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2;}

#mainbox .searchpagenum { clear:both; height:60px; width:100%; text-align:center; box-sizing:border-box;}
#mainbox .searchpagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .searchpagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .searchpagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .searchpagenum ul li:hover { background-color:#dadada;}
#mainbox .searchpagenum ul li.sel { background-color:#dadada;}

#mainbox .single_lt { width:100%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em;}
#mainbox .single_lt .title { clear: both; color:#9B4C00; font-size:1.6em; padding-top: 30px;}
#mainbox .single_lt a { color:#333333; text-decoration:underline;}
#mainbox .single_lt img { width: 100%; height: auto;}
#mainbox .single_rt { margin-top:40px; width:100%;}
#mainbox .single_rt .columnbox { width:100%; margin-bottom:30px;}
#mainbox .single_rt .columnbox .titlebox { width:auto; padding-right:5px; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:-13px; margin-left:0;}
#mainbox .single_rt .columnbox .boxline { width:100%; padding:30px 0 15px 15px; margin-top:13px; color:#9d9d9d; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .single_rt .columnbox .boxline .stitle { color:#333333; font-weight:bold; line-height:3em; text-decoration:underline;}


/****** footer ******/
footer { width:100%; padding-top:38px; background-color:#f5f5f5; box-sizing:border-box;}
footer #footerbox { width:90%; margin:0 auto; padding-bottom:60px;}

#footerbox .navbox { width:33%; margin-bottom:20px; float:left;}
#footerbox .navbox ul { padding:0; margin:0; list-style:none; display:block;}
#footerbox .navbox ul li { padding:0; margin-bottom:21px; float:none;}
#footerbox .navbox ul li a { color:#000000; text-decoration:none;}
#footerbox .navbox ul li a.yellow { color:#f1bd48;}
#footerbox .navbox ul li a:hover, a:active { text-decoration:underline;}
#footerbox .navbox ul li img { float:left;}
#footerbox .navbox ul li .font_en { font-size:0.8em; padding-top:2px; padding-left:10px;}

#footerbox .servicebox1 { width:33%; margin-bottom:60px; float:left;}
#footerbox .servicebox1 a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 a:hover, a:active { text-decoration:underline;}
#footerbox .servicebox1 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox1 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox1 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox1 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .servicebox2 { width:33%; margin-bottom:60px; float:left;}
#footerbox .servicebox2 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox2 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox2 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox2 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .addressbox { clear:both; width:100%; padding:20px; margin:0 auto; border:1px #c7c7c7 solid; background-color:#FFFFFF; box-sizing:border-box;}
#footerbox .addressbox a { color:#000000; text-decoration:underline;}
#footerbox .addressbox .logotitle { width:100%; padding-bottom:10px;}
#footerbox .addressbox .logotitle img { padding-right:10px; float:left;}
#footerbox .addressbox .logotitle .title { padding-top:5px; font-size:1.1em; font-weight:bold; line-height:1.5em;}
#footerbox .addressbox .address { clear:both; margin-top:20px; width:100%; font-size:0.8em; line-height:1.6em;} 
#footerbox .addressbox .address .ch { font-size:1.1em;}

}


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

#bodybox { width:100%; padding:0; margin:0; background-color:#ffffff;}

/****** header_home ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; box-sizing:border-box;}
#mobilenav .iconbox ul#icon { width:100%; padding:0; margin:0; list-style:none; display: flex; justify-content: center; align-items: center;}
#mobilenav .iconbox ul#icon li { width: 30px; padding: 0; margin: 10px;}
#mobilenav .iconbox ul#icon li img { margin:0 auto;}
    #mobilenav .iconbox ul#icon li a.icon { width: 30px; height: 30px; color: #000; font-size: 1em; font-family: "微軟正黑體"; text-decoration: none; border-radius: 100%; background-color: #ccc; display: flex; justify-content: center; align-items: center;}
    #mobilenav .iconbox ul#icon li a:hover { color: #fff; background-color: #888;}
    #mobilenav .iconbox ul#icon li a.sel { color: #fff; background-color: #888;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#hp { width:100%; margin:0 auto;}

#header_top { display:none;}

/*header#hp #header_bannerbox { width:100%; margin:0 auto;}*/

header#hp #header_bannerbox { width:100%; height:570px; margin:0 auto; position:relative;}

header#hp #header_bannerbox .bannerbox { width:100%; height:570px; position:absolute; top:0px; left:0px; overflow:hidden; z-index:1;}
header#hp #header_bannerbox .bannerbox .bannerimg { max-width:1600px; height:570px; overflow:hidden; display:none;}
header#hp #header_bannerbox .bannerbox .bannerimg a { max-width:1600px; height:570px; display:block;}

header#hp #header_bannerbox .bannerdotbox { display:none;}

header#hp #header_bannerbox .header_contentbox { width:100%; position:absolute; top:0; left:0; z-index:999;}
header#hp #header_bannerbox .header_contentbox .contentbox { width:100%; margin:0 auto;}
header#hp #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#hp #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#hp #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#hp #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#hp #header_bannerbox .header_contentbox nav { display:none;}

header#hp #header_bannerbox .searchbox { clear:both; width:100%; position:absolute; top:68px; left:0; z-index:99;}
header#hp #header_bannerbox .searchbox .searchcontent { width:96%; padding-top:5px; padding-bottom:10px; padding-left:4px; margin-top:120px; margin-left:auto; margin-right:auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3); box-sizing:border-box;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox { width:96%; margin:0 auto; color:#FFFFFF; font-size:1em; line-height:1.8em; box-sizing:border-box;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox { width:100%; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat right #FFFFFF; z-index:10px; cursor:pointer; box-sizing:border-box;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox .font { color:#000000; font-size:1.1em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul { position:relative; width:inherit; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none; z-index:99999;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
header#hp #header_bannerbox .searchbox .searchcontent .inputbox input { width:100%; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; cursor:pointer;}

/****** 3 pics ******/
#main_3pics { width:96%; margin-top:15px; margin-bottom:60px; margin-left:auto; margin-right:auto; text-align:center; z-index: 9;}
#main_3pics ul { padding:0; margin:0; list-style:none; display:block;}
#main_3pics ul li { width:100%; padding:0; margin:0;}
#main_3pics ul li img { width:90%; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); margin:15px auto;}

/****** 5 posts ******/
#main_5posts { width:96%; margin:0 auto;}
.posts5_pic_lt { width:100%;}
.posts5_pic_lt img { width:100%; height:auto;}
.posts5_text_lt { width:100%; margin-bottom:40px; box-sizing:border-box;}
.posts5_text_lt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:40px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_lt .text { width:100%; padding-top:60px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_lt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_lt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_lt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_lt a { color:#000000; text-decoration:none;}

.posts5_pic_rt { width:100%;}
.posts5_pic_rt img { width:100%; height:auto;}
.posts5_text_rt { width:100%; margin-bottom:40px; box-sizing:border-box;}
.posts5_text_rt .title { width:100%; height:40px; color:#542e0a; font-size:1.6em; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:1px; margin-top:40px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
.posts5_text_rt .text { width:100%; padding-top:60px; font-size:1em; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
.posts5_text_rt .more_bt { width:100px; padding:6px 0; margin-top:20px; font-size:1em; text-shadow:0px 1px 1px #d2d2d2; text-align:center; border:1px #888888 solid; background-color:#eaeaea; border-radius:4px;}
.posts5_text_rt .more_bt:hover { background-color:#E5E5E5;}
.posts5_text_rt .more_bt img { padding-right:15px; padding-top:5px; float:right;}
.posts5_text_rt a { color:#000000; text-decoration:none;}


/****** header_news ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#news { width:100%; height:420px; margin:0 auto;}

header#news #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#news #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#news #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#news #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#news #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#news #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#news #header_bannerbox .header_contentbox nav { display:none;}

header#news #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; margin:0 auto; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#news #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#news #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#news #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_contact ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#contact { width:100%; height:420px; margin:0 auto;}

header#contact #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#contact #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#contact #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#contact #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#contact #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#contact #header_bannerbox .header_contentbox nav { display:none;}

header#contact #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#contact #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#contact #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#contact #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_about ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#about { width:100%; height:420px; margin:0 auto;}

header#about #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#about #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#about #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#about #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#about #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#about #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#about #header_bannerbox .header_contentbox nav { display:none;}

header#about #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#about #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#about #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#about #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_location ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#location { width:100%; height:420px; margin:0 auto;}

header#location #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#location #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#location #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#location #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#location #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#location #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#location #header_bannerbox .header_contentbox nav { display:none;}

header#location #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#location #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#location #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#location #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_qanda ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#qanda { width:100%; height:420px; margin:0 auto;}

header#qanda #header_bannerbox { width:100%; height:360px; margin:0 auto; overflow:hidden;}
header#qanda #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#qanda #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#qanda #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#qanda #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#qanda #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#qanda #header_bannerbox .header_contentbox nav { display:none;}

/*header#qanda #header_bannerbox .bannergrad { width:100%; height:50px; background:url(../images/grad.png) left; position:absolute; margin-left:0; margin-top:310px;}*/

header#qanda #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#qanda #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#qanda #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#qanda #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** header_search ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#search { width:100%; height:420px; margin:0 auto;}

header#search #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#search #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#search #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#search #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#search #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#search #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#search #header_bannerbox .header_contentbox nav { display:none;}

header#search #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#search #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#search #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#search #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}

.googlesearch { width:100%; padding:20px 0;}

.searchformbox { clear:both; width:96%; padding-top:5px; padding-bottom:10px; padding-left:4px; margin-bottom:90px; margin-left:auto; margin-right:auto; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:rgba(0,0,0,0.3);}
.searchformbox .inputbox { width:96%; margin:0 auto; color:#FFFFFF; font-size:1em; line-height:1.8em;}
.searchformbox .inputbox .selectbox { width:100%; height:52px; padding:10px; font-size:1.2em; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(../images/arrow.png) no-repeat right #FFFFFF;  z-index:10px; cursor:pointer; box-sizing:border-box;}
.searchformbox .inputbox .selectbox .font { color:#000000; font-size:1.1em;}
.searchformbox .inputbox .selectbox ul { position:relative; width:inherit; max-height:320px; overflow-y:visible; overflow-x:hidden; padding:0; margin-left:-10px; margin-top:10px; list-style:none; box-sizing:border-box; background-color:#f1f1f1; display:none; z-index:9999;}
.searchformbox .inputbox .selectbox ul li { padding:0 12px; margin:5px 0; font-size:0.9em;}
.searchformbox .inputbox .selectbox ul li:hover { background-color:#E1E1E1;}
.searchformbox .inputbox .selectbox ul li a { color:#000000; text-decoration:none;}
.searchformbox .inputbox input { width:100%; height:52px; text-align:center; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; cursor:pointer;}


/****** header_single ******/
#mobilenav { width:100%; padding-bottom:40px; color:#FFFFFF; background-color:#404040; box-sizing:border-box; position:absolute; left:0; top:0; z-index:99999;}
#mobilenav .navtop { width:100%;}
#mobilenav .navtop .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
#mobilenav .navtop .logotitle img { width:100%; height:auto;}
#mobilenav .navtop .navclose { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #ffffff solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
#mobilenav .navtop .navclose img { width:100%; height:100%;}
#mobilenav ul.nav { clear:both; padding:15px; margin:0; list-style:none; display:block;}
#mobilenav ul.nav li { padding:15px; margin:15px 0; font-size:1.2em; border-bottom:1px #ACACAC solid;}
#mobilenav ul.nav li a { color:#FFFFFF; text-decoration:none; text-align:center;}
#mobilenav .iconbox { clear:both; width:100%; padding:10px; margin:0 auto; box-sizing:border-box;}
#mobilenav .iconbox ul.icon { width:100%; padding:0; margin:0; list-style:none; display:inline-block;}
#mobilenav .iconbox ul.icon li { width:33%; padding:10px 0; margin:0; box-sizing:border-box; float:left;}
#mobilenav .iconbox ul.icon li img { margin:0 auto;}
#mobilenav .searchbox { clear:both; width:94%; height:40px; margin:15px auto; background:url(../images/mobilesearch.png) right no-repeat; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mobilenav .searchbox input[type=text] { width:75%; height:30px; margin-left:10px; margin-top:5px; border:0; background-color:#FFFFFF; font:1em "微軟正黑體", "Century Gothic", Arial, sans-serif; float:left;}
#mobilenav .searchbox input[type=submit] { width:20%; height:30px; margin-top:5px; font-size:1em; border:0; background-color:transparent; float:right;}

header#single { width:100%; height:420px; margin:0 auto;}

header#single #header_bannerbox { width:100%; height:360px; margin:0 auto;}
header#single #header_bannerbox .header_contentbox { width:100%; margin:0 auto;}
header#single #header_bannerbox .header_contentbox .logotitle { width:75%; padding-top:10px; box-sizing:border-box; float:left;}
header#single #header_bannerbox .header_contentbox .logotitle img { width:100%; height:auto;}
header#single #header_bannerbox .header_contentbox .navmobile { width:15%; height:15%; padding:5px; margin-top:10px; margin-right:20px; border:1px #999999 solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box; float:right;}
header#single #header_bannerbox .header_contentbox .navmobile img { width:100%; height:100%;}
header#single #header_bannerbox .header_contentbox nav { display:none;}

header#single #header_bannerbox .header_pathbox { clear:both; width:96%; padding-top:50px; color:#FFFFFF; font-size:1.4em; text-shadow:1px 2px 2px #3E3E3E; margin:0 auto;}
header#single #header_bannerbox .header_pathbox a { color:#FFFFFF; text-decoration:none;}
header#single #header_bannerbox .header_pathbox a.locpath { font-size:1.8em; line-height:1.8em;}
header#single #header_bannerbox .header_pathbox a:hover { text-decoration:underline;}


/****** page_content ******/
#mainbox { clear:both; width:96%; margin:40px auto;}
#mainbox .leftcolum { width:96%; margin:0 auto;}
#mainbox .leftcolum .contentbx { width:100%;}
#mainbox .leftcolum .contentbx ul#tabs { padding:0; margin:0; list-style:none; display:block;}
#mainbox .leftcolum .contentbx ul#tabs li { width:110px; height: 60px; margin-left:5px; margin-bottom:5px; border:1px #000000 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); -webkit-box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); box-shadow:1px 2px 3px rgba(20%,20%,40%,0.3); background:linear-gradient(top,#c8711e,#542e0a); background:-moz-linear-gradient(top,#c8711e,#542e0a); background:-webkit-linear-gradient(top,#c8711e,#542e0a); color:#fee000; font-size:1.1em; text-align:center; box-sizing:border-box; float:left; cursor:pointer; display: flex; justify-content: center; align-items: center;}
#mainbox .leftcolum .contentbx ul#tabs li.sel { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li.sel a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li:hover { background:linear-gradient(top,#ff9b00,#fee000); background:-moz-linear-gradient(top,#ff9b00,#fee000); background:-webkit-linear-gradient(top,#ff9b00,#fee000); color:#542e0a;}
#mainbox .leftcolum .contentbx ul#tabs li:hover a { color:#542e0a; text-decoration:none;}
#mainbox .leftcolum .contentbx ul#tabs li a { color:#fee000; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox { clear:both; width:100%; margin-top:40px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .list { clear:both; width:100%; border-bottom:2px #dadada dashed;}
#mainbox .leftcolum .contentbx .listbox .list:hover { background-color:#f1f1f1;}
#mainbox .leftcolum .contentbx .listbox .list .title { width:100%; padding:10px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2em; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .list .title a { color:#646464; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .list .title a:hover { text-decoration:underline;}
#mainbox .leftcolum .contentbx .listbox .list .date { width:100%; padding:10px 0; color:#333333; line-height:2em; text-align:right; box-sizing:border-box;}

#mainbox .leftcolum .contentbx .listbox .pagenum { clear:both; height:60px; width:100%; margin-top:50px; text-align:center; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li:hover { background-color:#dadada;}
#mainbox .leftcolum .contentbx .listbox .pagenum ul li.sel { background-color:#dadada;}

#mainbox .leftcolum .contentbx .newscontent { clear:both; width:100%; margin-top:40px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox { width:100%; padding:20px 10px; margin-bottom:60px; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .title { width:100%; font-size:1.2em; line-height:2em;}
#mainbox .leftcolum .contentbx .newscontent .titlebox .date { width:100%; line-height:2em; text-align:right;}
#mainbox .leftcolum .contentbx .newscontent .content { clear:both; line-height:2em; width:100%;}
#mainbox .leftcolum .contentbx .newscontent .content a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .newscontent .content a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .contacttext { width:100%; padding:25px; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform { width:100%; padding:50px 0; color:#333333; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .contactform .form_lt { width:100%; line-height:2.2em;}
#mainbox .leftcolum .contentbx .contactform .form_lt input { width:100%; padding:15px 10px; margin-top:5px; margin-bottom:20px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt { width:100%; line-height:2.2em;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=radio] { }
#mainbox .leftcolum .contentbx .contactform .form_rt textarea { width:100%; height:275px; padding:15px; margin-top:5px; margin-bottom:40px; font-size:1em; border:1px #dadada solid; background-color:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .contactform .form_rt input[type=submit] { width:100%; padding:15px 10px; color:#613b11; font:1.2em "微軟正黑體", "Century Gothic", Arial, sans-serif; border:1px #f1bd48 solid; background-color:#f1bd48; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}

#mainbox .leftcolum .contentbx .abouttitlebox { clear:both; width:100%; height:40px; margin-bottom:18px; color:#542e0a; font-size:1.5em; font-weight:bold; text-shadow:0px 1px 1px #d2d2d2; padding-left:10px; padding-top:3px; border-left:5px #f1bd48 solid; border-bottom:1px #f1bd48 solid; box-sizing:border-box;}
#mainbox .leftcolum .contentbx .abouttitle { color:#003399; font-size:1.2em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
    #mainbox .leftcolum .contentbx .abouttitle2 { color:#009944; font-size:1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .abouttitle_r { color:#cc0000; font-size:1.1em; font-weight:600; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .abouttext { color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em;}
    #mainbox .leftcolum .contentbx .abouttext ul { padding: 0 0 0 30px; margin: 0; list-style: circle; display: block;}
    #mainbox .leftcolum .contentbx .abouttext ul li { padding: 0; margin: 0; line-height:2.2em;}
#mainbox .leftcolum .contentbx .abouttext_lt, .abouttext_rt { width:100%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em; word-break: break-all;}
#mainbox .leftcolum .contentbx .abouttext_lt a, .abouttext_rt a { color:#333333; text-decoration:none;}
#mainbox .leftcolum .contentbx .abouttext_lt a:hover, .abouttext_rt a:hover { text-decoration:underline;}

#mainbox .leftcolum .contentbx .locationtitle { clear:both; color:#333333; font-size:1.4em; font-weight:600; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx .locationtab { clear:both; width:100%; padding:8px; margin:0 0 12px 0; color:#333333; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo { width:100%; padding:8px; margin:0 0 5px 0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a .linkorder { text-decoration:underline; float:left;}
#mainbox .leftcolum .contentbx .locationinfo a { color:#333333; text-decoration:underline;}
#mainbox .leftcolum .contentbx .locationinfo img { margin-left:5px; float:left;}
#mainbox .leftcolum .contentbx .breakspace { clear:both; width:100%; height:70px;}
#mainbox .leftcolum .contentbx img.locationmap { width:100%; height:auto;}
    #mainbox .leftcolum .contentbx iframe { width: 100%; height: 450px;}

#mainbox .leftcolum .contentbx dl#qandapanel { width:100%; padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dt { width:100%; padding:15px 10px; margin-bottom:10px; font-size:1.4em; line-height:2.2em; color:#333333; text-shadow:0px 1px 1px #999999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#f1bd48; box-sizing:border-box; cursor:pointer;}
#mainbox .leftcolum .contentbx dl#qandapanel dd { width:100%; padding:25px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0; color:#333333; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #D6D6D6 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul { padding:0; margin:0 40px; list-style:circle; display:block;}
#mainbox .leftcolum .contentbx dl#qandapanel dd ul li { padding:0; margin:0;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .title { color:#ff0099; line-height:2em; font-size:1.1em; text-shadow:0px 1px 1px #d2d2d2;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .blue { color:#002FFF;}
#mainbox .leftcolum .contentbx dl#qandapanel dd .red { color:#FF0004;}

#mainbox .rightcolum { display:none;}

#mainbox .searchintro_lt { width:96%; padding-right:10px; padding-top:40px; margin:0 auto; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; box-sizing:border-box;}
#mainbox .searchintro_lt .title1 { color:#9B4C00; font-size:1.5em; font-weight:600;}
#mainbox .searchintro_lt .title2 { color:#BB7A27; font-size:1.2em;}
#mainbox .searchintro_rt { width:96%; margin:0 auto;}
#mainbox .searchintro_rt .boxline { width:100%; padding:0 15px; color:#868686; line-height:2.2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .searchintro_rt .titlebox { width:auto; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:-13px; margin-left:0;}
#mainbox .searchintro_rt .morebox { width:auto; padding:0 10px; color:#555555; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:-10px; margin-left:70%;}
#mainbox .searchintro_rt .morebox a { color:#555555; text-decoration:none;}
#mainbox .searchintro_rt ul { padding:0; margin-left:20px; margin-top:40px; margin-bottom:30px; list-style:square; display:block;}
#mainbox .searchintro_rt ul li { padding:0; margin:10px 0;}
#mainbox .searchintro_rt ul li a { color:#868686; text-decoration:none;}
#mainbox .searchintro_rt ul li a:hover { text-decoration:underline;}

#mainbox .searchbreakspace { clear:both; width:100%; height:80px;}

#mainbox .searchtitlebox { width:100%; height:40px; margin-bottom:60px; background:url(../images/searchtitle_bg.png) repeat-x; overflow:hidden;}
#mainbox .searchtitlebox .titlebox { width:160px; padding-top:8px; margin:0 auto; color:#868686; text-shadow:0px 1px 1px #d2d2d2; text-align:center; background-color:#FFFFFF;}

#mainbox .searchschoolbox { width:90%; margin-left:auto; margin-right:auto; margin-bottom:80px;}
#mainbox .searchschoolbox a { color:#868686; text-decoration:none;}
#mainbox .searchschoolbox img { width:100%; height:auto; margin-bottom:15px; border:2px #dadada solid; box-sizing:border-box;}
#mainbox .searchschoolbox .titlename { color:#9B4C00; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; text-decoration:underline; margin-bottom:20px;}
#mainbox .searchschoolbox .introtext { color:#868686; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2;}

#mainbox .searchpagenum { clear:both; height:60px; width:100%; text-align:center; box-sizing:border-box;}
#mainbox .searchpagenum ul { padding:0; margin:0; list-style:none; display:inline-block;}
#mainbox .searchpagenum ul li { padding:8px 6px; margin:0 5px; font-size:0.9em; color:#333333; border:1px #dadada solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#FFFFFF; -moz-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); box-shadow:1px 1px 2px rgba(20%,20%,40%,0.5); float:left;}
#mainbox .searchpagenum ul li a { color:#414141; text-decoration:none;}
#mainbox .searchpagenum ul li:hover { background-color:#dadada;}
#mainbox .searchpagenum ul li.sel { background-color:#dadada;}

#mainbox .single_lt { width:100%; color:#333333; text-shadow:0px 1px 1px #d2d2d2; line-height:2.2em;}
#mainbox .single_lt .title { clear: both; color:#9B4C00; font-size:1.6em; padding-top: 30px;}
#mainbox .single_lt a { color:#333333; text-decoration:underline;}
#mainbox .single_lt img { width: 100%; height: auto;}
#mainbox .single_rt { margin-top:40px; width:100%;}
#mainbox .single_rt .columnbox { width:100%; margin-bottom:30px;}
#mainbox .single_rt .columnbox .titlebox { width:auto; padding-right:5px; color:#9B4C00; font-size:1.4em; text-shadow:0px 1px 1px #d2d2d2; background-color:#FFFFFF; position:absolute; margin-top:-13px; margin-left:0;}
#mainbox .single_rt .columnbox .boxline { width:100%; padding:30px 0 15px 15px; margin-top:13px; color:#9d9d9d; font-size:0.9em; line-height:2em; text-shadow:0px 1px 1px #d2d2d2; border:1px #cdcdcd solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-sizing:border-box;}
#mainbox .single_rt .columnbox .boxline .stitle { color:#333333; font-weight:bold; line-height:3em; text-decoration:underline;}


/****** footer ******/
footer { width:100%; padding-top:38px; background-color:#f5f5f5; box-sizing:border-box;}
footer #footerbox { width:90%; margin:0 auto; padding-bottom:60px;}

#footerbox .navbox { width:33%; margin-bottom:20px; float:left;}
#footerbox .navbox ul { padding:0; margin:0; list-style:none; display:block;}
#footerbox .navbox ul li { padding:0; margin-bottom:21px; float:none;}
#footerbox .navbox ul li a { color:#000000; text-decoration:none;}
#footerbox .navbox ul li a.yellow { color:#f1bd48;}
#footerbox .navbox ul li a:hover, a:active { text-decoration:underline;}
#footerbox .navbox ul li img { float:left;}
#footerbox .navbox ul li .font_en { font-size:0.8em; padding-top:2px; padding-left:10px;}

#footerbox .servicebox1 { width:33%; margin-bottom:60px; float:left;}
#footerbox .servicebox1 a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 a:hover, a:active { text-decoration:underline;}
#footerbox .servicebox1 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox1 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox1 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox1 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox1 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .servicebox2 { width:33%; margin-bottom:60px; float:left;}
#footerbox .servicebox2 ul, ul li ul { padding-left:15px; margin:0; list-style:none; display:block;}
#footerbox .servicebox2 ul li { padding:0; margin-top:21px;}
#footerbox .servicebox2 ul li ul li { padding:0; margin-bottom:0px; margin-top:5px;}
#footerbox .servicebox2 ul li a { color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li ul li a { font-size:0.9em; color:#000000; text-decoration:none;}
#footerbox .servicebox2 ul li a:hover, ul li a:active, ul li ul li a:hover, ul li ul li a:active { text-decoration:underline;}

#footerbox .addressbox { clear:both; width:100%; padding:20px; margin:0 auto; border:1px #c7c7c7 solid; background-color:#FFFFFF; box-sizing:border-box;}
#footerbox .addressbox a { color:#000000; text-decoration:underline;}
#footerbox .addressbox .logotitle { width:100%; padding-bottom:10px;}
#footerbox .addressbox .logotitle img { padding-right:10px; float:left;}
#footerbox .addressbox .logotitle .title { padding-top:5px; font-size:1.1em; font-weight:bold; line-height:1.5em;}
#footerbox .addressbox .address { clear:both; margin-top:20px; width:100%; font-size:0.8em; line-height:1.6em;} 
#footerbox .addressbox .address .ch { font-size:1.1em;} 	
	
}