@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Josefin+Slab");

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	-mos-box-sizing:border-box;/* 舊火狐用 */
	-ms-box-sizing:border-box;/* ie用 */
}
html {
	overflow : scroll;
	overflow-x: hidden;
	
}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], select, button, textarea {-webkit-appearance:none; }/*IPHONE按鈕圓角去除*/
body, div, h1, h2, h3, h4, p{
	margin: 0;
	padding: 0;
}
body {
	color: #555555;
	font-family: "微軟正黑體";
	font-weight:normal;
	background:#f6f6f6;
}
img {
	border: none;
}
a:link {
	font-size: 100%;
	color: #990026;
	text-decoration: underline;
}
a:hover {
	color: #990026;
	text-decoration: none;
}
a:visited {
	color: #990026;
}

.img_r { float:right; display:block; padding:0 0 20px 20px; }
.img_l { float:left; display:block; padding:0 20px 20px 0; }
.img_c { float:none; display:block; text-align:center; padding:20px; }

.red_title{ color:#bb0033; padding:0 0 5px 0;}
.purple {color:#8844aa;}

.mfp-figure small{ opacity:0 !important;}

/*====電腦版==============================================================*/

/*-----------------最外層包裝 ------------------------------*/
#wrapper { width:900px; margin:0 auto; padding:0; box-shadow:0px 1px 5px #D9D9D9; background:#FFF; overflow:auto; overflow-x: hidden;}
#wrapper .view { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:100%; background:url(images/bg_w00.png) repeat; }
#header{ display:block;  height:105px;  padding:0 0 0 0; text-align:right; background: url(images/top_bg.png) repeat-x;}
#header #logo{ width:125px; height:46px; float:left; margin:12px 0 0 20px; padding:0;}
#header #logo img{ width:100%; height: auto;}
#header #slogan{ width:153px; height:14px; float:left; margin:39px 0 0 33px; padding:0; background:url(images/slogan.png) no-repeat;}
#header #right { width:400px; float:right; font-size:72%; color:#555555;}
#header #right #word{ padding:10px 16px 0 0;}
#header #right #word a{ color:#555555; text-decoration:none;}
#header #right #word a:hover{ text-decoration: underline;}

/*------內頁----------------------------------------------------------------------*/
#all_in_content { background:url(images/in_content_bg.png) repeat-x 0 31px #FFF;}
#all_in_content #path{ height:31px; background:url(images/path_bg.jpg) repeat-x; font-size:12px; color:#555; padding:6px 0 0 22px; }
#all_in_content #path a{ color:#387bad;}

/*內頁-in_content*/
#all_in_content #in_content{ padding:26px 20px 5px 20px; overflow:auto;}/*top照舊原本是padding:26px 20px 25px 20px;*/

/*右方內容*/
#in_content #in_content_right{ float:left; width:650px;}
#in_content_right #title_space { width:100%; height:34px; background:url(images/title_space_dot.png) no-repeat 7px 9px, linear-gradient(to bottom,  #fdfdfd 0%,#ededed 100%); border:1px solid #e4e4e4; border-radius:4px; font-size:14px; line-height:1.7em; padding:5px 0 0 23px;}
#in_content_right #info_box{ padding:27px 0 34px 0; }
#in_content_right #info_box h3{ font-size:105%;}

/*404 找不到該網頁*/
#error404 { width:650px; padding:27px 10px 34px 10px; }
#error404 .tit { font-size:180%; line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; }
#error404 th { padding:5px; font-size:125%; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; font-size:100%; line-height:20px; }
#error404 a { display:inline-block; color:#f65454; }
#error404 a:hover { text-decoration:underline; }



/*====手機版==============================================================*/
@media (max-width: 600px) {

.img_r { float:none; display:block; padding:5px; width:100% !important; height:auto !important; }
.img_l { float:none; display:block; padding:5px; width:100% !important; height:auto !important; }
.img_c { float:none; display:block; padding:5px; width:100% !important; height:auto !important; }

/*------內頁----------------------------------------------------------------------*/
#all_in_content { background: none;}
#all_in_content #path{ display:none;}

/*內頁-in_content*/
#all_in_content #in_content{ padding:20px 5px 5px 5px; overflow:auto;}

/*右方內容*/
#in_content #in_content_right{ float:none; width:100%;}
#in_content_right #title_space { width:100%; height:34px; background:url(images/title_space_dot.png) no-repeat 7px 9px, linear-gradient(to bottom,  #fdfdfd 0%,#ededed 100%); border:1px solid #e4e4e4; border-radius:4px; font-size:14px; line-height:1.7em; padding:5px 0 0 23px;}
#in_content_right #info_box{ padding:20px 5px 30px 5px; }
#in_content_right #info_box img { width:100% !important; height:auto !important;}
#in_content_right #info_box h3{ font-size:105%;}

/*-----------------最外層包裝 ------------------------------*/
#wrapper { width:100%; margin:0 auto; padding:0; box-shadow:0px 1px 5px #D9D9D9; background:#FFF; overflow:auto; overflow-x: hidden; position:relative;}
#header{ display:block;  height:65px;  padding:0; background:none;}
#header #logo{ width:125px; height:46px; float:left; margin:9px 0 0 10px; padding:0;}
#header #logo img{ width:100%; height: auto;}
#header #slogan{ display:none;}
#header #right { display:none;}
 
 /*字級*/
#header #right #search{ display:none; }

/*404 找不到該網頁*/
#error404 { width:100%; padding:20px 10px 100px 10px; }
#error404 .tit { font-size:180%; line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; }
#error404 th { padding:5px; font-size:125%; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; font-size:100%; line-height:20px; }
#error404 a { display:inline-block; color:#f65454; }
#error404 a:hover { text-decoration:underline; }

}


/*====平板==============================================================*/
@media (max-width: 800px) and (min-width: 601px) {

.img_r,.img_l ,.img_c { float:none; display:block; padding:5px; width:90% !important; height:auto !important; margin:0 auto !important; text-align:center;}

/*-----------------最外層包裝 ------------------------------*/
#wrapper { width:100%; margin:0 auto; padding:0; box-shadow:0px 1px 5px #D9D9D9; background:#FFF; overflow:auto; overflow-x: hidden;}
#wrapper .view { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:100%; background:url(images/bg_w00.png) repeat; }
#header{ display:block;  height:105px;  padding:0 0 0 0; text-align:right; background: url(images/top_bg.png) repeat-x;}
#header #logo{ width:125px; height:46px; float:left; margin:12px 0 0 20px; padding:0;}
#header #logo img{ width:100%; height: auto;}
#header #slogan{ display:none;}
#header #right { width:400px; float:right; font-size:90%; color:#555555;}
#header #right #word{ padding:10px 16px 0 0;}
#header #right #word a{ color:#555555; text-decoration:none;}
#header #right #word a:hover{ text-decoration: underline;}

/*------內頁----------------------------------------------------------------------*/
#all_in_content { background:url(images/in_content_bg.png) repeat-x 0 31px #FFF;}
#all_in_content #path{ height:31px; background:url(images/path_bg.jpg) repeat-x; font-size:13px; color:#555; padding:6px 0 0 22px; }
#all_in_content #path a{ color:#387bad;}

/*內頁-in_content*/
#all_in_content #in_content{ padding:20px 10px 5px 10px; overflow:auto;}/*top照舊原本是padding:26px 20px 25px 20px;*/
 

/*右方內容*/
#in_content #in_content_right{ float:left; width:100%;}
#in_content_right #title_space { width:100%; height:34px; background:url(images/title_space_dot.png) no-repeat 7px 9px, linear-gradient(to bottom,  #fdfdfd 0%,#ededed 100%); border:1px solid #e4e4e4; border-radius:4px; font-size:14px; line-height:1.7em; padding:5px 0 0 23px; margin:10px 0 0 0;}
#in_content_right #info_box{ padding:27px 0 34px 0; }
#in_content_right #info_box h3{ font-size:105%;}
#in_content_right #info_box img { width:90% !important; height:auto !important; margin:0 auto;}
 /*字級*/
#header #right #search{ display:none;}

/*404 找不到該網頁*/
#error404 { width:100%; padding:20px 10px 100px 10px; }
#error404 .tit { font-size:180%; line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; }
#error404 th { padding:5px; font-size:125%; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; font-size:100%; line-height:20px; }
#error404 a { display:inline-block; color:#f65454; }
#error404 a:hover { text-decoration:underline; }

}