@charset "utf-8";
html * { -webkit-text-size-adjust: 100%; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
img { border: 0px none; }

body {
    position: relative;
	width: 100%; 
	height: 100%;
	font-size: 20px;
	line-height: 1.6em;
	font-family: 'Microsoft JhengHei','Microsoft YaHei',Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 auto;
	background: #ffffff;
	cursor: default;
}

@media only screen and (max-width: 768px) {
body { 
    font-size: 16px; 
    line-height: 1.5em; 
	}
}
@media only screen and (max-width: 480px) {
body { 
    font-size: 14px; 
    line-height: 1.5em; 
	}
}
/************************
TOTAL
************************/
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

.text-aj { 
	text-align: justify;
	text-justify: distribute;
	 }
/************************/
.page-container, 
.page-wrapper {	
	position: relative;
    width: 100%; 
	padding: 0px; 
	margin: 0 auto; 
	word-wrap: break-word; 
	word-break: normal; 
	}
.page-wrapper {	
    width: 1300px; 
	}	
.page-container {	
	width: 992px; 
	}

/*
@media only screen and (max-width: 1366px) {
	.page-wrapper {	width: 100%; }	
    .page-container { width: 100%; }
}
@media only screen and (max-width: 1280px) {
	.page-wrapper {	width: 100%; }	
    .page-container { width: 100%; }
}
@media only screen and (max-width: 1024px) {
    .page-container { width: 100%; padding: 0px 1%; }
}
*/
@media only screen and (max-width: 992px) {
    .page-container { width: 100%; padding: 0px 1%; }
}
@media only screen and (max-width: 768px) {

}

.page-wrapper img, 
.page-container img { max-width: 100%; }
.picsmall2 { max-width: 90%; }

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

.picsmall { max-width: 70%; }

}

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

.picsmall { max-width: 100%; }

}
/****************************
TOGGLE-BUTTON
****************************/
.toggle-button {
    position: absolute; 
	top: 0; 
	left: 0; 
    display: none;
	float: left;
	top: 0px;
	width: 45px;
    height: 45px;
    padding: 10px 12px;
    margin: 5px 10px;
    transition: .25s;
    z-index: 99;
    }
.toggle-button:hover {
    cursor: pointer;
    }
.toggle-button .menu-bar {
	position: relative;
    width: 100%;
    transition: .2s;
    }
.toggle-button .menu-bar-top {
    border: 2px solid #ffffff;
    border-bottom: none;
    top: 0px;
    }
.toggle-button .menu-bar-middle {
    height: 2px;
    background-color: #ffffff;
    margin: 8px 0px;
    top: 0px;
    }
.toggle-button .menu-bar-bottom {
    border: 2px solid #ffffff;
    border-top: none;
    top: 0px;
    }
.toggle-button.open .menu-bar-top {
    transform: rotate(45deg) translate(7px, 7px);
    transition: .2s;
    }
.toggle-button.open .menu-bar-middle {
    transform: translate(0px);
    transition: .1s ease-in;
    opacity: 0;
    }
.toggle-button.open .menu-bar-bottom {
    transform: rotate(-45deg) translate(7px, -7px);
    transition: .2s;
    } 
	
@media only screen and (max-width: 768px) {
.toggle-button { display: block; }
}
/************************
HEADER
************************/
header {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	min-height: 60px;
	text-align: center;
	background-color: #d70c18;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index: 99;
	}
header .h_link,
header .h_logo  { 
	position: absolute;
	display: inline-block;
	height: 60px;
	top: 0;
	margin: 0 10px; 
	padding: 10px 0;
	z-index: 1;
	}
header .h_logo  { 
	left: 0;
	width: 200px;
	}
header .h_link  { 
	right: 0;
	width: 120px;
	}
header .h_link img  { 
	display: inline-block;
	width: 50px;
	padding: 0px 5px;
	} 	
header .h_logo a {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 35px;	
	background: url(../images/logo-h.png) no-repeat;
	-moz-background-size: auto 35px;
	-webkit-background-size: auto 35px;
	-o-background-size: auto 35px;
	background-size: auto 35px;
	overflow: hidden;
}

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

	
}

@media only screen and (max-width: 768px) {
    header .page-container { 
	float: left;
	}
	header .h_logo  { 
	margin-top: 5px; 
	margin-left: 20px; 
	}
	header .h_link  { 
	right: 50px;
	width: 120px;
	}	
}

/************************
main_menu
************************/
.main_menu {
	position: relative;
	display: inline-block;
	float: right;
	width: 100%;
	padding-left: 220px;
	padding-right: 10px;
	min-height: 50px;
	text-align: right;
	}
.main_menu li {
	position: relative;
	display: inline-block;
	z-index: 2;
	width: auto;
	height: 24px;
    padding: 0px 10px;
	margin:  15px 0px;
	line-height: 24px;
	text-align: right;
	font-weight: bold;
	font-size: 16px; 
	font-weight: 400;
	}
.main_menu li img {
	position: relative;
	display: inline-block;
	width: 20px;
	top: 5px;
	margin: 0px 5px;
	}	
.main_menu li + li { 
	border-left: 1px solid #ffffff;
	}
	
.main_menu li a { 
	color: #ffffff;
	}
.main_menu li a:hover { 
	color: #fff628;
	}
/*	
@media only screen and (max-width: 1280px) {
	.main_menu {
	border-top: 1px solid #C81517; 
	margin-top: 60px;	
	padding: 0px;
	}

}
	
@media only screen and (max-width: 992px) {
    .main_menu li { 
    font-size: 16px; 
	padding: 0px 10px; 
	}
}
*/
@media only screen and (max-width: 768px) {
.main_menu { display: none; }
.main_menu.open { 
	position: absolute;
	display: block;
	width: 100%;
	top: 60px;
	left: 0;
	padding: 0px;
	background: #d80d19;
	z-index: 10;
	}
.main_menu.open li {
	width: 100%;
	float: left;
	text-align: center; 
	height: auto;
	margin: 0px;
	}
.main_menu li + li { 
	border-left: 0px solid #ffffff;
	border-top: 1px solid #C81517; 
	}
.main_menu.open li a { 
 	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center; 
	padding: 15px 8px;
	text-decoration: none; 
	font-size: 17px; 
	line-height: 17px; 
	vertical-align: middle; 
	color: #ffffff;

	}
.main_menu.open li:hover { 
    background: #C81517; 
	color: #f2f2f2; 
	}
	
.main_menu.open li a,
.main_menu.open li:hover { 
    transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	}

}
/************************
KEY-VISUAL
************************/ 
#main_visual .fader .slide,
#main_visual .fader,
#main_visual {
	position: relative;
	display: inline-block;
	float: left;
    width: 100%;
	text-align: center;
	}

#main_visual .fader {
	background: #e2edf1;
	background-image: url(../images/kv-bk00.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	background-size: auto 700px;
	-moz-background-size: auto 700px;
	-webkit-background-size: auto 700px;
	-o-background-size: auto 700px;
    }

#main_visual .fader .slide,
#main_visual .fader {
	height: 700px;
	overflow: hidden;
	}
/************************/
.fader .kv_bk01 img,
.fader .kv_bk01 {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 200px;
	}	
.fader .kv_bk01 { 
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 5;
	}	
/************************/

.slide .kv_txt img,
.slide .kv_txt {
	position: relative;
	display: inline-block;
	width: 90%;
	}	
	
.slide .kv_txt { 
	float: left;
	width: 600px;
	padding: 50px 50px;
	text-align: center;
	}
	

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

}

@media only screen and (max-width: 1024px) {
#main_visual .fader {
	background-size: auto 500px;
	-moz-background-size: auto 500px;
	-webkit-background-size: auto 500px;
	-o-background-size: auto 500px;
    }
#main_visual .fader .slide,
#main_visual .fader {
	height: 500px;
	}
.fader .kv_bk01 img,
.fader .kv_bk01 {
	height: 180px;
	}	
.slide .kv_txt { 
	float: left;
	width: 400px;
	padding: 30px 30px;
	text-align: center;
	}
	
}

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

}
/*
@media screen and (orientation: portrait) 
              and (max-width: 768px) {
}				  
@media screen and (orientation: landscape) 
              and (max-width: 768px) {
}
*/
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 480px) {
#main_visual .fader {
	background-image: url(../images/kv-bk01.jpg);
	
	background-size: auto 700px;
	-moz-background-size: auto 700px;
	-webkit-background-size: auto 700px;
	-o-background-size: auto 700px;
    }	
	
#main_visual .fader .slide,
#main_visual .fader {
	height: 700px;
	overflow: hidden;
	}
.slide .kv_txt {
	text-align: center;
	width: 100%;
	max-width: 430px;
	padding: 50px 40px;
	}	
.slide .kv_txt img {
	max-width: 300px;
	}		
}

/************************
BANNER
************************/ 
.btn_block,
.btn_group { 
	position: relative;
	display: inline-block;
	width: 100%;
	}
.btn_group li { 
	position: relative;
	display: inline-block;
	}
/************************/
.btn { 
	position: relative;
	display: inline-block;
	line-height: 1.0em;
	text-align: center;
	margin: 20px 10px;
	padding: 10px 30px;
	}

.btn, 
.btn:hover { 
    transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	}
	
@media only screen and (max-width: 992px) {
	.btn { 
	margin: 5px 10px;
	}
}
/************************/		
a.btn_04, .btn_04,
a.btn_03, .btn_03 { 
	min-width: 300px;
	font-size: 28px;
	font-weight: 800;
	padding: 20px 30px;
	margin: 20px 10px;
	border-radius: 50px;
	}
	
a.btn_03, .btn_03 { 
	color: #ffffff;
	background: #e81735;
	
	border: 1px solid #d50d1a;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
.btn_03:hover { 
	color: #d50d1a;
	background: #ffffff;
	}
	
/************************/		
a.btn_04, .btn_04 { 
	padding-bottom: 20px;
	color: #315c6e;
	background: #ffffff;
	border: 1px solid #142956;
	}
.btn_04:hover { 
	color: #315c6e;
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0,148,206,0.5);
	}
	
@media only screen and (max-width: 768px) {
	a.btn_04, .btn_04,
	a.btn_03, .btn_03 { 
	min-width: 200px;
	font-size: 20px;
	padding: 10px 30px;
	margin: 10px 10px;
	}
}

@media only screen and (max-width: 480px) {
	a.btn_04, .btn_04,
	a.btn_03, .btn_03 { 
	border-radius: 10px;
	margin: 5px 0.5%;
	}	
	a.btn_03, .btn_03 { 
	min-width: 99%;
	padding: 20px 30px;
	}
	a.btn_04, .btn_04 { 
	float: left;
	width: 48.5%;
	min-width: auto;
	padding: 10px 30px;
	}
}	


	
/************************
LAYOUT
************************/ 
#main-content {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	}

/************************/
.block .note,
.block .box,
.block .pic img,	
.block .pic,
.block {
	position: relative;
	display: inline-block;
	width: 100%;
	}
.block {
	float: left;
	font-size: 22px;
	line-height: 1.8em; 
	}

.block .pic img,	
.block .pic {
	text-align: center;
	}	

.block .note {
	text-align: left;
	font-size: 14px;
	line-height: 1.6em; 
	}	
	
.block .box_01 .pic {
	text-align: center;
	margin-bottom: 20px;
	}
.block .box_01 .pic img {
	max-width: 460px;
	}
	
.block .box .tt10 {
	display: inline-block;
	font-size: 30px;
	font-weight: 800;
	color: #1d1068;
	padding: 10px 20px;
	margin-bottom: 20px; 
	border-bottom: 1px dashed #1d1068;
	}

/************************/
.bk img, .bk {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 150px;
	}
.bk_301, .bk_201 { 
	float: left;
	bottom: 0px;
	}	
.bk_201 { background-color: #e8eff3; }	 
.bk_301 { background-color: #ffffff; }
	
@media only screen and (max-width: 768px) {
.block { font-size: 18px; }
.block .box .tt10 { font-size: 22px; }

.block .box_01 .pic img { max-width: 320px; }	
.bk img, .bk { height: 80px; }

}	
@media only screen and (max-width: 480px) {
.block .box_01 .pic img { max-width: 300px; }
}	

/************************/
.block_01 {
	padding: 50px 5%;
	text-align: center;	
	background-color: #ffffff;
	}
.block_01 .box_02 {
	padding: 0px 10%;
	margin-bottom: 20px;
	}		
@media only screen and (max-width: 768px) {
.block_01 .box_02 {
	padding: 0px 2%;
	}

.block_01 .box_02 .dd {
	text-align: left;
	}
}

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

}
	

/************************/
.block_02 {
	padding: 50px 5%;
	text-align: center;
	background-color: #e8eff3;
	}
	
.block_02 .box_03 li,
.block_02 .box_03 ul,
.block_02 .box_03 {	
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;	
	}
.block_02 .box_03 {	
	padding: 15px 0px;
	text-align: center;	
	}
.block_02 .box_03 ul {	
	width: 90%;
	margin: 20px 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
	
.block_02 .box_03 ul li {	
	float: left;
	width: 25%;
	text-align: center;
	
background: #ffffff;
background: -moz-linear-gradient(bottom, #ffffff 10%, #e7e7e7 100%);
background: -webkit-linear-gradient(bottom, #ffffff 10%, #e7e7e7 100%);
background: linear-gradient(to bottom,#ffffff 10%, #e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=1 );	
	}
.block_02 .box_03 ul li + li {	
	border-left: 1px solid #e2e2e2;
	}	
.block_02 .box_03 ul li .dd,
.block_02 .box_03 ul li .tt2,
.block_02 .box_03 ul li .tt,
.block_02 .box_03 ul li .pic {
	position: relative;
	display: inline-block;	
	}


.block_02 .box_03 ul li .tt2,
.block_02 .box_03 ul li .tt{

	font-weight: 700;
	}	

.block_02 .box_03 ul li .top {
	font-size: 40px;
	font-weight: 800;
	text-align: left;	
	color: #ffffff;
	padding: 15px 20px;
	}
.block_02 .box_03 ul li .top1 {
	background: #32638f;
	}
.block_02 .box_03 ul li .top2 {
	background: #00a8ac;
	}
.block_02 .box_03 ul li .top3 {
	background: #1e8f6e;
	}
.block_02 .box_03 ul li .top4 {
	background: #b08d4a;
	}	
.block_02 .box_03 ul li .top4 img {
	position: absolute;
	display: inline-block;	
	width: 200px;
	top: -104px;
	right: -70px;
	}	
	
.block_02 .box_03 ul li .pic  {
	padding: 5px 30px;
	}
.block_02 .box_03 ul li .tt2,
.block_02 .box_03 ul li .tt {
	font-size: 26px;
	min-height: 70px;
	padding-top: 30px;
	}
.block_02 .box_03 ul li .tt2 p,
.block_02 .box_03 ul li .tt p {
	font-size: 16px;
	}
.block_02 .box_03 ul li .tt2 {
	float: right;
	display: none;	
	width: 80%;
	}
.block_02 .box_03 ul li .dd {
	text-align: left;
	min-height: 180px;

	}	
.block_02 .box_03 ul li:hover {	
	background: #ffffff;
	}	

.block_02 .box_03 ul li:hover a,
.block_02 .box_03 ul li a {	
	color: #000000;
	}	
.block_02 .box_03 ul li a.dd2 {	
	display: none;	
	}	
	
@media only screen and (max-width: 992px) {

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

.block_02 .box_03 ul li .top {

	padding: 25px 20px;
	}

.block_02 .box_03 ul {	
	box-shadow: 0 0 0px rgba(0,0,0,0.0);
	}
.block_02 .box_03 ul li {	
	width: 100%;
	margin-bottom: 25px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
.block_02 .box_03 ul li .pic  {
	float: left;
	width: 50%;
	}
.block_02 .box_03 ul li .tt  { display: none; }	
.block_02 .box_03 ul li .dd {
	float: right;
	width: 50%;
	min-height: 140px;
	}
.block_02 .box_03 ul li .top4 img {
	width: 150px;
	top: -75px;
	right: -30px;
	}
.block_02 .box_03 ul li .tt2 {
	position: absolute;
	display: inline-block;
    top: -13px;
	left: 80px;
	line-height: 1.0em; 
	}
.block_02 .box_03 ul li:hover a.dd2,
.block_02 .box_03 ul li a.dd2 {	
	position: relative;
	display: inline-block;	
	float: left;
	width: 100%;
	padding: 5px 0px;
	color: #000000;
	background: #d9d9d9;
	}
.block_02 .box_03 ul li:hover a.pc_link {		
	pointer-events:none;
	}


.block_02 .box_03 ul li .dd {
	
	top: 30px;
	}		
	
	
}	
@media only screen and (max-width: 480px) {
.block_02 .box_03 ul li.tabs_end {
	margin-top: 100px;
	}	
.block_02 .box_03 ul li .top4 img {
	width: 280px;
	top: -128px;
	right: none;
	left: 0px;
	}	
.block_02 .box_03 ul li .tt  { display: none; }	
.block_02 .box_03 ul li .dd {
	float: right;
	width: 50%;
	min-height: 170px;
	}
.block_02 .box_03 ul li .pic  {
	padding: 5px 10px;
	}

}
	
/************************/	
	
.block_02 .box_04 .pic,
.block_02 .box_04 {
    position: relative;
	display: inline-block;
	width: 100%;
	}
.block_02 .box_04 {
	display: none;
	width: 100%;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);	
	}	
	
.block_02 .box_04.show {
    display: inline-block;
	}
.block_02 .box_04 .txt_top span,	
.block_02 .box_04 .txt_top,
.block_02 .box_04 .txt {
    position: relative;
	display: inline-block;
	width: 100%;
	}	
.block_02 .box_04 .txt_top span {
    position: absolute;
	width: 80px;
	padding-top: 20px;
	left: 30px;
	font-size: 90px;
	font-weight: 800;
	text-align: left;	
	color: #ffffff;
	}	
.block_02 .box_04 .txt_top {
	font-size: 35px;
	line-height: 1.2em; 
	font-weight: 800;
	text-align: left;	
	color: #ffffff;
	padding: 15px 20px;
	padding-left: 120px;
	
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
	}
	
.block_02 .box_04 .top1 {
	background: #32638f;
	}
.block_02 .box_04 .top2 {
	background: #00a8ac;
	}
.block_02 .box_04 .top3 {
	background: #1e8f6e;
	}
.block_02 .box_04 .top4 {
	background: #b08d4a;
	}
	
.block_02 .box_04 .txt_top span.bor {
    position: absolute;
	display: inline-block;
	width: 60px;
	height: 70px; 
	top: -80px;
	}	
.block_02 .box_04 .txt_top span.bor1 {
	left: 10%;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 70px solid #32638f;	
	}
.block_02 .box_04 .txt_top span.bor2 {
	left: 35%;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 70px solid #00a8ac;	
	}
.block_02 .box_04 .txt_top span.bor3 {
	left: 60%;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 70px solid #1e8f6e;	
	}
.block_02 .box_04 .txt_top span.bor4 {
	left: 85%;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 70px solid #b08d4a;	
	}
.block_02 .box_04 .txt {
    padding: 50px 50px;
	}
.block_02 .box_04 .pic,
.block_02 .box_04 .dd2,
.block_02 .box_04 .dd {
    position: relative;
	display: inline-block;
	width: 100%;
	}	
.block_02 .box_04 .pic {
	padding: 10px 80px;
	}
.block_02 .box_04 .dd2,
.block_02 .box_04 .dd {
	padding: 5px 0px;
	text-align: left;
	}
.block_02 .box_04 .dd2 {
	padding: 20px 20px;
	padding-top: 80px;
	padding-left: 30px;
	margin: 15px 0px;
	text-indent: -15px;	
	border-radius: 15px;
	background: #eaf1f6;
	border: 1px dashed #7b76aa;
	}
.block_02 .box_04 .icon {
    position: absolute;
	display: inline-block;
	max-width: 180px;
	top: -30px;
	}
	
@media only screen and (max-width: 992px) {

}

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

.block_02 .box_04 .txt_top {

	padding-left: 80px;

}


.block_02 .box_04 .txt_top span.bor4,
.block_02 .box_04 .txt_top span.bor3,
.block_02 .box_04 .txt_top span.bor2,	
.block_02 .box_04 .txt_top span.bor1 {
	top: -40px;
	left: 10%;
	height: 40px; 
	}
.block_02 .box_04 .txt_top span.bor1 {
border-bottom: 40px solid #32638f;	
	}
.block_02 .box_04 .txt_top span.bor2 {
border-bottom: 40px solid #00a8ac;	
	}
.block_02 .box_04 .txt_top span.bor3 {
border-bottom: 40px solid #1e8f6e;	
	}
.block_02 .box_04 .txt_top span.bor4 {
border-bottom: 40px solid #b08d4a;	
	}	
	
.block_02 .box_04 .txt_top span {
	padding-top: 10px;
	left: 20px;
	font-size: 65px;
	}		
.block_02 .box_04 .txt_top { font-size: 26px; }
.block_02 .box_04 .txt_top p { font-size: 18px; }

.block_02 .box_04 .txt { padding: 20px 20px; }
.block_02 .box_04 .pic { padding: 10px 10px; }
}

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

}


/************************/
.block_03 {
	padding: 50px 5%;
	text-align: center;	
	background-color: #ffffff;
	}

.block_03 .box_03 {
	padding-top: 30px;	
	}
	
@media only screen and (max-width: 992px) {	

}	
@media only screen and (max-width: 768px) {	
.block_03 .box_02 .dd {
	text-align: left;
	}
}	
@media only screen and (max-width: 480px) {	

}	
/************************/
.block_04 {
	padding: 50px 5%;
	text-align: center;	
	background-color: #e8eff3;
	}
	
	
.block_04 .box_03 {
	padding: 10px 0px;	
	}
.block_04 .box_03 .tt {
	width: 100%;
	font-size: 28px;
	font-weight: 800;
	text-align: center;	
	padding: 10px 0px;	
	}
.block_04 .box_03 .dd {
	text-align: left;
	padding: 5px 0px;	
	margin-left: 12px;
	text-indent: -12px;	
	}

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

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

}
/************************/
.block_05 {
	padding: 50px 5%;
	text-align: center;	
	background-color: #ffffff;
	}
/************************/
.block_10 {
	padding: 50px 5%;
	text-align: center;
	background-color: #e8e8e8;
	}
.block_10 .box_01 {	
	width: 100%;
	padding: 10px 0px;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	}
	
.block_10 .box_02 {	
	padding: 10px 0px;
	text-align: left;
	line-height: 2em; 
	font-weight: 600;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
	}

@media only screen and (max-width: 992px) {
	.block_10 {
	padding: 30px 5%;
	}
}

/****************************
iframe MAP
*****************************/
/*
.iframe-youtube,
#youtube {
	position: relative;
    display: inline-block;
     }
#youtube {
	width: 70%;
    height: auto;
    margin: 20px 0px;
	text-align: center;
	overflow: hidden;
    }
#youtube img {
	position: relative;
    display: inline-block;
	width: 100%;
    }
	
.iframe-youtube {
    width: 90%;
	height: 0;
    padding-bottom: 55.25%;
    padding-top: 0px;
    overflow: hidden;
    }
.iframe-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
*/
/**************************/
table.ta01 tr,
table.ta01 thead,
table.ta01 tbody,
table.ta01 {
	position: relative;
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    }

table.ta01 {
	display: table;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 5px 0px;
	background: #ebebeb;
    }
table.ta01 thead {
	background: #bbe0e1;
    }		
table.ta01 td,	
table.ta01 th {
	padding: 3px 10px;
	text-align: center;
	border: 2px solid #ffffff;
    }	
table.ta01 td.ta_left {
	text-align: left;
    }
table.ta01 td p {
	margin-left: 10px;
	text-indent: -10px;
    }
table.ta01 td .dd {
	margin-left: 15px;
    }
@media only screen and (max-width: 768px) {


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

}

/**************************/
.cs_01 { color: #d60d17;
font-weight: 900; }

.pc_768, .pc_480 { display: block; }
.mo_768, .mo_480 { display: none; }

@media only screen and (max-width: 768px) {
.pc_768 { display: none; }
.mo_768 { display: block; }
}
@media only screen and (max-width: 480px) {
.pc_480 { display: none; }
.mo_480 { display: block; }
}

/************************
DRAWER-ITEM 
************************/ 
.drawer-content,
.drawer-header,
.drawer-item {
	position: relative;
	display: inline-block;
	float: left; 
	width: 100%;	
    }
.drawer-item {
	padding: 0px 2%;
	margin: 5px 0px;
	}
	
.drawer-header {
	cursor: pointer;
	margin: 1px 0px;
	padding: 0px 10px;
	min-height: 56px;
	line-height: 56px;
	transition: 0.25s;
	font-size: 24px;
	font-weight: 600;
	color: #212121;
	text-align: center;
	overflow: hidden;
	background: #ffffff;
	border-radius: 10px;
	/*border-bottom: 1px solid #bfbfbf;*/
    }
.drawer-item-active .drawer-header {
	transition: 0.25s;
    }	

.drawer-header .pic {
	position: absolute;
	display: inline-block;
	float: left; 
	left: 0; 
	margin: 3px;
	width: 100%;
	max-width: 80px;	
	}
.drawer-header .pic img {
	position: relative;
	display: inline-block;
	height: 50px;
	}
.drawer-header-icon {
	display: inline-block;
	float: right;
	font-size: 18px;
	width: 20px;
	height: 20px;
	color: #4c4c4c;
	margin-top: 3px;
	right: 15px;
    }
.drawer-item-active .drawer-header-icon {
	display: inline-block;
	float: right;
	color: #4c4c4c;
	transform: rotate(90deg);
	margin-top: 20px;
    }

.drawer-content {
	display: none;
	width: 100%; 
	margin-top: 5px;
	padding: 10px 2px;
    color: #474747;  
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
	}
.drawer-content .note {
	width: 100%;
	padding: 0px 15px;
	}	
.drawer-content .tt {
	color: #000000; 
	font-size: 18px;
	padding: 0px 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-indent: -15px;
	}

.drawer-content ul,
.drawer-content ol {
	position: relative;
	display: inline-block;
	list-style-type:none;
	width: 100%;
    }
.drawer-content ul {
	margin-bottom: 20px;
    }
.drawer-content li {
	margin-left: 15px;
	text-indent: -15px;
    }
.drawer-content ul {
	margin-bottom: 20px;
    }
.drawer-content ul li ul {
	margin-bottom: 0px;
    }
.drawer-content ul li + li {
	margin-left: 15px;
	text-indent: -15px;
    }

@media only screen and (max-width: 768px) {
.drawer-header { font-size: 20px; padding-left: 50px; }
.drawer-header .pic img {
	float: left;
	width: 60px; 
	height: 50px;
	}	
}
@media only screen and (max-width: 480px) {
.drawer-header {
	min-height: 50px;
	line-height: 50px;
    }
.drawer-header .pic img { width: 50px; height: 45px; }
}

/************************
WARNING
************************/ 
.warning .w_bottom,
.warning .w_right,
.warning .w_left,
.warning { 
	position: relative;
	display: inline-block;
	float: left;
	width: 100%; 
	}
	
.warning { 
	color: #333333;
	text-align: left; 
    font-size: 14px; 
	background: #ffffff;
	padding: 20px 2%;
	margin-bottom: 150px;
	}
.warning .w_left {
	width: 36%; 
	font-size: 24px;
	min-height: 50px; 
	line-height: 1.2em;
	font-weight: 800;	
	text-align: center;
	vertical-align:middle;
	padding-top: 10px;
	padding-right: 20px;
	}
.warning .w_left .h6 { 
	font-size: 16px;
	}
.warning .w_left span { 
	color: #df0c18;
	margin: 0 3px; 
	}

.warning .w_right { 
	width: 64%;
	padding-top: 10px;
	padding-left: 0px;
	font-size: 14px; 
	line-height: 1.5em; 
	}
.warning table.war { 
	position: relative;
	display: inline-block;
	max-width: 630px;
	text-align: left;
	}
.warning table.war td { 
	padding: 1px 5px;
	}
.warning .w_bottom { 
	font-size: 14px;
	line-height: 1.0em; 
	text-align: center;
	color: #888888;
	padding: 10px 0px;	
	}
	
@media screen and (max-width: 1024px) {
.warning .w_bottom,
.warning .w_right,
.warning .w_left {
	width: 100%; 
	float: none;
	padding: 5px 0px;
	padding-top: 10px;
	text-align: center;
	}
}
	
@media screen and (max-width:768px) {
.warning .w_bottom i,	
.warning table.war td { 
	position: relative;
	display: inline-block;
	}	
.warning table.war td.tt { 
	display: block;
	font-weight: 800;
	}
.warning .w_bottom i {
	width: 100%; 
	padding: 0px;
	}
}
@media screen and (max-width: 480px) {

}


/************************
FOOTER
************************/ 
footer {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	text-align: center;
	}
/************************/
footer .f_copy .fc_logo,
footer .f_copy .fc_txt,
footer .f_copy {
	display: inline-block;
	}
footer .f_copy {
	position: relative;
	float: left;
	width: 100%;
	height: 55px;
	text-align: center;
	/*background-color: #d70c18;*/
	background-image: linear-gradient(90deg, #d70c18 50%,#888889 50%);
	overflow: hidden;
	}
footer .f_copy .fc_txt {
	float: left;
	width: 70%;
	font-size: 13px;
	text-align: left;
	padding: 18px 20px;
	line-height: 15px;
	color: #ffffff;
	background-color: #d70c18;
	z-index: 1;
	}
footer .f_copy .fc_logo {
	width: 30%;
	padding: 10px 25px;
	text-align: left; 
	background-color: #888889;
    z-index: 1;
	}	
@media screen and (max-width:992px) {
	footer .f_copy {
	height: 35px;
	background-image: none;
	background-color: #d70c18;
	}
	footer .f_copy .fc_txt {
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	}
	footer .f_copy .fc_logo {
	display: none;
	}		
}	
@media screen and (max-width:768px) {
footer .f_copy .fc_txt span { display: none; }
}
/************************
MAIN FOOTER
************************/ 
.main-footer {
	position: fixed;
	display: inline-block;
	width: 100%;
	height: 150px;
	text-align: center; 
	padding: 0px;
	bottom: 0;
	left: 0;
	/*border-top: 5px solid #cee8e0;*/
    background-color: #9ee6e9;
	z-index: 999;
	}
.main-footer .mf_pic,	
.main-footer .mf_txt {	
	position: relative;
	display: inline-block;
	
	}
.main-footer .mf_pic img {	
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 350px;
	margin-top: -50px;	
	}	
.main-footer .mf_txt {	
	font-family: 'Microsoft YaHei', 'Microsoft JhengHei', Helvetica, Arial;
    font-size: 38px; 
	line-height: 1.4em;
	font-weight: 900;
	color: #e21c24;
	padding: 0px 20px;
	top: -30px;
	}
.main-footer .mf_txt span {	
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.6em;
	color: #ffffff;
	padding: 6px 20px;
	top: 0px;
	background: #e21c24;
	border-radius: 50px;
	}

@media screen and (max-width:992px) {
.main-footer { 
	height: 135px;
	}
}	
@media screen and (max-width:768px) {

}

@media screen and (max-width: 480px) {
.main-footer {
	height: 145px;
	}	
.main-footer .mf_pic,	
.main-footer .mf_txt {	
	width: 100%;
	}
.main-footer .mf_pic img {	
	max-width: 220px;
	margin-top: -35px;	
	}
.main-footer .mf_txt span {	
	font-size: 16px;
	padding: 2px 30px;
	top: 0px;
	}	
}

/**********************
GO TOP
***********************/
#floating {
    position: fixed;
	display: block;
    width: 80px;
    z-index: 15;
    bottom: 30%;
    right: 0px;    
	}

.golink,
.gotop {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center; 
	margin: 5px 0px;	
	}

.golink img { 
    width: 80px; 
	}
.gotop img { 
    width: 60px; 
	}
.fweight{

font-weight: 700;
text-indent: 0px;

}