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

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0;
font-size:100%; font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content:none;}
table { border-collapse:collapse; border-spacing:0;}
/*---------------------------------------------------------------------*/
a {color: #fff; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; 
/* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
 *:focus{outline:none;}

img {margin:0; padding:0; border:none;}
#head {width:960px; height:350px; margin:0 auto; padding:0;}
#head h1 { height:70px;background:url(../images/fubon_h1.jpg) no-repeat}
#head h2 { height:280px;}

#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:-9999px; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(../images/cbg.gif) repeat-y;  text-align:left;}
#content .side img { margin-top:10px}
#content .side {float:left; width:250px; _width:245px; text-align:center;}


/* -----------------------------style1---------------------------- */
.style1 {height:425px; background:url(../images/fubon_japan_c1.jpg)}
.style1 ol{padding:0 0 0 110px;}
.style1 strong{margin:80px 30px 0px 100px; line-height:20px; font-size:15px; color:#010101;}
.style1 li{font-size:13px; line-height:25px;}
.style1 li p {width:530px; margin:8px 0px 0 -10px; font-size:20px; color:#9d3309; font-weight:bold; }
.style1 li p1 {width:530px; margin:5px 0 20px -10px; font-size:15px; color:#080808;}
.style1 li .m1 {color:#fc041b; font-size:22px;}
.style1 li .m2 {color:#fc041b; font-size:15px; font-family:Arial,"新細明體";}
.style1 li .m3 a{ 
 width:50%; margin:15px 0px 18px 120px; padding:3px 3px; font-size:18px; line-height:35px; text-align:center; 
 color:#ffffff;  background-color:#d8080d; border:1px solid #d8080d; border-radius:8px; text-decoration:none;}
.style1 li .m3 a:hover{background-color:#154998; border:1px solid #154998; color:#fff;}

/* ----style1共用樣式----- */
.style1 strong, .style1 li p, .style1 li p1, .style1 li .m3 a{display:block; font-family:Arial,"微軟正黑體";}

/* -----------------------------style2---------------------------- */
.style2 {height:317px;background:url(../images/fubon_japan_c2.jpg)}


/* -----------------------------style3---------------------------- */
.style3  {height:188px; background:url(../images/fubon_japan_c3.jpg)}
.style3 ol{margin:0 20px 20px 25px; padding:0px 50px 20px 50px;}
.style3 li p {margin:5px 0 0 0; text-indent:-13px; font-family:Arial,"微軟正黑體"; font-size:15px; color:#000000;}
.style3 li box1 {display:block; width:280px; margin:40px 0 0 300px; padding:0 0 0 0; float:left; }


/* -----------------------------note---------------------------- */
.note {
 margin:10px 20px; padding:10px 20px; background-color:#EBEBEB;
 font-size:0.8em;  line-height:1.6em; color:#666666;}
.note li, .note ol , .note strong{font-family:Arial,新細明體 !important;}
.note ol {margin:5px 0 10px 30px; padding:0; list-style:decimal;}
.note strong {font-weight:bold;}
.note li strong {color:#199700;}
.note li {margin:3px 0; padding:0;}
.note p {display:block; text-indent:-25px; padding:0px 0px 0px 25px; margin:0px;}
.note a:link, .note a:visited { color:#bc630a;}
.note a:hover, .note a:active { text-decoration:none}
.warning {
 width:710px; height:100px; margin:0; padding:0; overflow:hidden; 
 text-indent:-2000px; background:url(../images/warn.gif) no-repeat;}
.warning a {display:block ;width:100% ;height:100% ;}



/* -----------------------------最小寬度960px---------------------------- */

@media only screen and (min-width:960px) {
#content .main {
 width:710px; margin:0 0 0 250px; _margin:0 0 0 246px;
 padding:0;   background:#FFFFFF; position:relative;}
#content .box ol{list-style:none;}
.style3 strong{display:none;}
}


/* --============================== 手機版型 ============================-- */
@media screen and (max-width:959px) {
*{box-sizing:border-box; }	
html,body{-webkit-text-size-adjust:none;}
#content {min-width:320px; margin: 0 auto;}
#head{
 height:auto; margin:0 auto; border:none;
 width:100%;  padding-bottom:55%; background-size:cover; 
 background-position:center center; text-indent:-9999px;}
h1, h2, h3 {display:none;}
#content .side{display:none;}
#content {width:100%; height:100%; margin:0 auto;}
#content {background:#d50096;}	

/* --============================== .style1 ============================-- */
.style1 {height:100%;  background:#c4e4fc;}	
.style1 strong{
 margin:5px 30px 0 30px; padding:10px 20px 10px 30px; 
 background-color:#0160a2;  font-size:16px; line-height:20px; color:#ffffff;} 
.style1 ol{padding:10px 20px 10px 10px;}
.style1 li p {width:100%; display:block; font-size:16px; margin:0px 0px 10px 20px; padding:0 30px 0 0; }
.style1 li p1 {width:100%; margin:0px 0px 10px 20px; padding:0 30px 0 0; font-size:15px; color:#080808;}
.style1 li .m1 {color:#fc041b; font-size:20px;}
.style1 li .m2 {color:#fc041b; font-size:15px; font-family:Arial,"新細明體";}	
.style1 li .m3 a{ width:100%;  display:block; border-radius:8px; margin:10px 0px 18px 0px; padding:3px 3px; font-size:18px; line-height:35px; 
 color:#ffffff;  background-color:#d8080d; border:1px solid #d8080d; text-decoration:none;text-align:center;}
.style1 li .m3 a:hover{background-color:#ff663f; border:1px solid #ff663f; color:#fff;}	
	
/* style1共用樣式 */	
.style1 strong, .style1 li p1{display:block; font-family:Arial,"微軟正黑體";} 	

	
/* --============================== .style2 ============================-- */
.style2{display:none;}


/* --============================== .style3 ============================-- */
.style3{height:100%; background:#c4e4fc;}
.style3 strong{
 margin:-5px 30px 0 30px; display:block; padding:10px 20px 10px 30px; background-color:#0160a2; 
 font-family:Arial,"微軟正黑體"; font-size:16px; line-height:20px; color:#ffffff;}
.style3 ol{padding:10px 20px 10px 25px;}	
.style3 li p {
 margin:5px 0 0 20px; font-family:Arial,新細明體; font-size:13px; 
 color:#161616; text-indent:-17px; line-height:18px;}
.style3 li box1 {width:100%; margin:0 0; padding:0px 0px; float:none;}	


/*.style1 .style3共用樣式*/	
.style1 ol,  .style3 ol
{margin:0 30px 20px 30px; background-color:#ffffff;}
	
	
/*注意事項*/
.note {width:100%; margin:0 auto; padding:15px 20px;}
.warning {display:none;}

		
/*內文圖片伸縮*/
.location{
height:auto; margin:0 auto; border:none; width:100%; padding-bottom:80%; background-size:cover; background-position:center center;}		
	
}

/*201908 串接新版左側MENU而做的修改*/
#content {
	background: none;
	background-color: #3b9c9c;
}
#NAV, .pushy {
	font-family: verdana, "微軟正黑體" !important;
}
#NAV ul {
	margin: 10px 0 0 !important;
	font-size: 14px !important;
	font-weight: Verdana, "微軟正黑體" !important;
}
#NAV li {
	padding: 0 10px !important;
}
#NAV li a {
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	text-align: left;
}
.main-con {
    padding:20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-box {
    clear: both;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 9px;
    width: 100%;
}
.menu-box:hover {
	background: #007c7c;
}
.menu-box a {
    width: 100%;
    display: table;
	padding: 15px 10px !important;
	border-bottom: 1px solid rgba(210, 227, 203, 0.2) !important;
}
.menu-pic {
    width: 25px;
    display: table-cell;
    vertical-align: middle;
}
.menu-box img {
    width: 100%;
}
.menu-title {
    text-align: left;
    color:#ffffff;
    text-shadow: #ffffff 0em 0em 0em;
    font-size: 14px;
    line-height: 22px;
    display: table-cell;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    vertical-align: top;
}
.menu-title span {
    color:#fff100;
    text-shadow: #fff100 0em 0em 0em;
}

	/*手機menu設定*/
	.pushy-index {
		font-size: 13px;
		color: #ffffff;
		text-align: right;
	}
	
	.pushy .pushy-index a {
		padding: 5px 10px 10px 10px;
		font-size: 13px;
		border: 0;
		font-family: Verdana,'微軟正黑體';
	}
	
	.icon-blankicon:after {
		content: "\e932";
		width: 13px;
		height: 13px;
		font-size: 11px;
		margin-left: 5px;
	}


	.pushy, .block-menu {
		background:#3b9c9c !important;
	}
	.main-bigtitle, .main-bigtitle span {
		color: #007c7c !important;
	}
	.menu-btn {
		background:#007c7c !important;
	}
	.pushy a:hover {
		background:#005555 !important;
	}
	.main-but a, .main-smalltitle a {
		background:#007c7c !important;
		box-shadow: 0px 2px 0px #005555 !important;
	}
	.main-but a:hover, .main-smalltitle a:hover {
		background:#3b9c9c !important;
		box-shadow: 0px 2px 0px #007c7c !important;
	}

	#NAV li{
		margin:0 !important;
	}
	
@media screen and (max-width: 768px) {
	.menu-box {padding: 0;}
	.menu-pic {display: none;}
	.menu-title {padding: 0;}
}