@charset "utf-8";
.panel {
	position: relative;
	margin: 0 auto;
	height: 100%;
}
.panel h1 {
	position: absolute;
	top: 3%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: white;
	z-index: 1;
}
article {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-transform: skewX(-27.5deg);
	-moz-transform: skewX(-27.5deg);
	-ms-transform: skewX(-27.5deg);
	-o-transform: skewX(-27.5deg);
	transform: skewX(-27.5deg);
	color: white;
}
.about_nakami h2, .news_nakami h2, .contact_nakami h2, .news_detail_nakami h2{
	color:#007FCC;
	font-size:24px;
	font-weight:normal;
}
.about_nakami h3, .news_nakami h3, .contact_nakami h3, .news_detail_nakami h3{
	color:#007FCC;
	font-size:24px;
	font-weight:normal;
	text-align:center;
}

/*右上區塊*/
.fp-lan{
	right:30px;
	position:absolute;
	width:90px;
	color:#0080CB;
	padding:3px 0 0 0;
	letter-spacing: .07em;
}
.fp-lan a{
	color:#0080CB;
}
.fp-lan a:hover{
	border-bottom:1px solid #0080CB;
}
.fp-btn{
	position:absolute;
	right:100px;
	width:200px;
}
.fp-btn a{
	display:block;
	float:right;
	margin:0 5px;
}
.fp-btn a.fp-btnsp{
	width:25px;
	height:25px;
	background:url(../images/top_iconb_b.png) no-repeat;
}
.fp-btn a.fp-btnma{
	width:24px;
	height:25px;
	background:url(../images/top_icona_b.png) no-repeat;
}
/*search*/
#wrap {
  display: block;
  float: right;
  position: relative;
  height:30px;  
  padding:0;
  color:#0080CB;
  margin:0 5px 0 5px;
}
#wrap input[type="text"]{
  height: 30px;
  font-size: 18px;
  display: inline-block;
  font-family:"微軟正黑體",Arial;;
  font-weight: 100;
  border: none;
  outline: none;
  color: #0080CB;
  padding: 3px;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}
#wrap input[type="text"]:focus:hover {
  border-bottom: 1px solid #0080CB;
}
#wrap input[type="text"]:focus {
  width: 300px;
  z-index: 1;
  border-bottom: 1px solid #0080CB;
  cursor: text;
}
#wrap input[type="submit"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  color:red;
  float: right;
  background:url(../images/top_iconc_b.png) no-repeat right top;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
  transition: opacity .4s ease;
}
#wrap input[type="submit"]:hover {
  opacity:1;
}
#search::-webkit-input-placeholder { 
  color:#0080CB;
}
#search::-moz-placeholder { 
  color:#0080CB;
}
#search:-ms-input-placeholder { 
  color:#0080CB;
}
#search:-moz-placeholder {
  color:#0080CB;
}



/*右上角按鈕變白色*/
.fp-viewing-page-home .fp-controlArrow.fp-next, .fp-viewing-page-contact .fp-controlArrow.fp-next {
	border-color: transparent transparent transparent #fff;
}
.fp-viewing-page-home .fp-controlArrow.fp-prev, .fp-viewing-page-contact .fp-controlArrow.fp-prev {
	border-color: transparent #fff transparent transparent;
}
.fp-viewing-page-home .fp-lan, .fp-viewing-page-home .fp-lan a, .fp-viewing-page-contact .fp-lan, .fp-viewing-page-contact .fp-lan a{
	color:#fff;	
}
.fp-viewing-page-home .fp-lan a:hover, .fp-viewing-page-contact .fp-lan a:hover{
	border-bottom:1px solid #fff;
}
.fp-viewing-page-home .fp-btn a.fp-btnsp, .fp-viewing-page-contact .fp-btn a.fp-btnsp{
	width:25px;
	height:25px;
	background: url(../images/top_iconb.png) no-repeat;
}
.fp-viewing-page-home .fp-btn a.fp-btnma, .fp-viewing-page-contact .fp-btn a.fp-btnma{
	width:24px;
	height:25px;
	background: url(../images/top_icona.png) no-repeat;
}
.fp-viewing-page-home #wrap, .fp-viewing-page-contact #wrap {
  display: block;
  float: right;
  position: relative;
  height:30px;  
  padding:0;
  color:#fff;
  margin:0 5px 0 5px;
}
.fp-viewing-page-home #wrap input[type="text"], .fp-viewing-page-contact #wrap input[type="text"]{
  height: 30px;
  font-size: 18px;
  display: inline-block;
  font-family:"微軟正黑體",Arial;;
  font-weight: 100;
  border: none;
  outline: none;
  color: #fff;
  padding: 3px;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}
.fp-viewing-page-home #wrap input[type="text"]:focus:hover, .fp-viewing-page-contact #wrap input[type="text"]:focus:hover {
  border-bottom: 1px solid #fff;
}
.fp-viewing-page-home #wrap input[type="text"]:focus, .fp-viewing-page-contact #wrap input[type="text"]:focus{
  width: 300px;
  z-index: 1;
  border-bottom: 1px solid #fff;
  cursor: text;
}
.fp-viewing-page-home #wrap input[type="submit"], .fp-viewing-page-contact #wrap input[type="submit"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  color:red;
  float: right;
  background: url(../images/top_iconc.png) no-repeat right top;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
  transition: opacity .4s ease;
}
.fp-viewing-page-home #search::-webkit-input-placeholder, .fp-viewing-page-contact #search::-webkit-input-placeholder { 
  color:#fff;
}
.fp-viewing-page-home #search::-moz-placeholder, .fp-viewing-page-contact #search::-moz-placeholder{ 
  color:#fff;
}
.fp-viewing-page-home #search:-ms-input-placeholder, .fp-viewing-page-contact #search:-ms-input-placeholder { 
  color:#fff;
}
.fp-viewing-page-home #search:-moz-placeholder, .fp-viewing-page-contact #search:-moz-placeholder{
  color:#fff;
}


/* HEADER*/
img.logo {
	width: 200px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	padding-left: 40px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-size: 100% auto;
	text-indent: -1000%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0.8;
	z-index: 10;
}

/* MENU */
a.menubtn {
	width: 50px;
	height: 20px;
	position:absolute;
	top: 0;
	right: 5px;
	padding: 20px 25px 0 0;
	-webkit-transform: skewX(27.5deg);
	-moz-transform: skewX(27.5deg);
	-ms-transform: skewX(27.5deg);
	-o-transform: skewX(27.5deg);
	transform: skewX(27.5deg);
	background-size: 40px 20px;
	color: white;
	font-size: 0.8rem;
	text-align: center;
	z-index: 9999;
}
#menuarrow {
    position: absolute;
    display:block;
	top: 3px;
    right:21px;
}
#menuarrow:before {
    position: absolute;
    display: block;
	border-top: 28px solid #FFF;
    border-right: 15px solid transparent;
    border-bottom: 0px solid transparent;
    border-left:15px solid transparent;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    content: '';    
 }
/*.menu-window a.menubtn::before {
	content: '';
	width: 20px;
	height: 2px;
	position: absolute;
	top: 20px;
	right: 15px;
	background: white;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 9999;
}

.menu-window a.menubtn::after {
	content: '';
	width: 2px;
	height: 20px;
	background: white;
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-transform: rotate(27.5deg);
	-moz-transform: rotate(27.5deg);
	-ms-transform: rotate(27.5deg);
	-o-transform: rotate(27.5deg);
	transform: rotate(27.5deg);
	z-index: 9999;
}

a.menubtn:hover::before {
	content: '';
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
	cursor: pointer;
}

a.menubtn:hover::after {
	content: '';
	-webkit-transform: rotate(387.5deg);
	-moz-transform: rotate(387.5deg);
	-ms-transform: rotate(387.5deg);
	-o-transform: rotate(387.5deg);
	transform: rotate(387.5deg);
	cursor: pointer;
}
*/
.menu-window:target a.menubtn {
	display: none;
}
.menu-window .menu-close {
	display: none;
}
.menu-window:target .menu-close {
	display: block;
	opacity: 1;
	animation-duration: 1s;
	animation-name: fadeinout;
	-o-animation-duration: 1s;
	-o-animation-name: fadeinout;
	-ms-animation-duration: 1s;
	-ms-animation-name: fadeinout;
	-moz-animation-duration: 1s;
	-moz-animation-name: fadeinout;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: fadeinout;
}
.menu-window .menu-close {
	width: 40px;
	height: 65px;
	position: absolute;
	top: 20px;
	right: 30px;
	background: transparent;
	-webkit-transform: skewX(27.5deg);
	-moz-transform: skewX(27.5deg);
	-ms-transform: skewX(27.5deg);
	-o-transform: skewX(27.5deg);
	transform: skewX(27.5deg);
	color: white;
	font-size: 0.8rem;
	text-align: center;
	z-index: 9999;
}
.menu-window .menu-close::before {
	content: '';
	width: 30px;
	height: 2px;
	position: absolute;
	top: 29px;
	left: 6px;
	background: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 9999;
}
.menu-window .menu-close::after {
	content: '';
	width: 2px;
	height: 30px;
	position: absolute;
	top: 15px;
	left: 20px;
	background: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 9999;
}
.menu-close:hover::before, .menu-close:hover::after {
	content: '';
	-webkit-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	-o-transform: rotate(-405deg);
	transform: rotate(405deg);
	cursor: pointer;
}
.menu-window {
	display: inline-block;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	min-height: 650px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	-webkit-transform: translate(-100%, 0) skewX(-27.5deg);
	-moz-transform: translate(-100%, 0) skewX(-27.5deg);
	-o-transform: translate(-100%, 0) skewX(-27.5deg);
	-ms-transform: translate(-100%, 0) skewX(-27.5deg);
	transform: translate(-100%, 0) skewX(-27.5deg);
	-webkit-transform: translate3d(-100%, 0, 0) skewX(-27.5deg);
	transform: translate3d(-100%, 0, 0) skewX(-27.5deg);
	opacity: 1;
	animation: fadein 1s ease-in normal forwards;
	-webkit-animation: fadein 1s ease-in normal forwards;
	-moz-animation: fadein 1s ease-in normal forwards;
	-ms-animation: fadein 1s ease-in normal forwards;
	-o-animation: fadein 1s ease-in normal forwards;
	line-height: 1.3;
	z-index: 10000;
}
.menu-window:target {
	-webkit-transform: translate(-50%, 0) skewX(-27.5deg);
	-moz-transform: translate(-50%, 0) skewX(-27.5deg);
	-ms-transform: translate(-50%, 0) skewX(-27.5deg);
	-o-transform: translate(-50%, 0) skewX(-27.5deg);
	transform: translate(-50%, 0) skewX(-27.5deg);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	z-index: 1000;
}

body.single .menu-window:target {
	z-index: 100;
}

.is-active.menu-window {
	display: block\9;
	z-index: 1000;
}

.menu-window:target {
	display: block\9;
}

.menu-window .menu-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: rgba(0,128,203,0.5);
	/* overflow: hidden; */
	z-index: 1000;
}

nav#menu {
	display: inline-block;
	width: 50%;
	height: 100%;
	-webkit-transform: translateX(100%) skewX(27.5deg);
	-moz-transform: translateX(100%) skewX(27.5deg);
	-ms-transform: translateX(100%) skewX(27.5deg);
	-o-transform: translateX(100%) skewX(27.5deg);
	transform: translateX(100%) skewX(27.5deg);
}
nav#menu ul {
	display: inline-block;
	width: auto;
	max-width: 300px;
	height: auto;
	position: relative;
	top: 20px;
	left: 10%;
	padding: 0;
}
nav#menu ul li{
	position: relative;
	width: 90%;
	padding:4% 5%;
	color: white;
	font-size: 24px;
	text-align: left;
}
nav#menu ul li.dropnopd{
	padding:0 0 0 5%;
}
nav#menu ul li a{
	color:#FFF;	
}
/*nav#menu ul a li::after {
	content: '';
	position: absolute;
	top: 46%;
	left: 0%;
	width: 100%;
	height: auto;
	margin-left: -50%;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	border-bottom: solid 3px rgb(255,255,255);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 0;
}
nav#menu ul a li:hover::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}*/
/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  padding:0 0 3px 0;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 3px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


/* FOOTER */
.cpryt {
	display: inline-block;
	width: 450px;
	position: fixed;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color:#727070;
	font-size: 11px;
	text-align: center;
}
.pro_cpryt {
	margin:50px 0 0 0;
	padding: 0 0 20px 0;
	color:#007FCC;
	font-size: 11px;
	text-align: center;
}
.newsd_cpryt {
	margin:50px 0 0 0;
	color:#727070;
	font-size: 11px;
	text-align: center;
}
body.category .cpryt, body.archive .cpryt, body.single .cpryt {
	color: black;
}


/* HOME */
#intro {
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	-ms-transform: skewX(0);
	-o-transform: skewX(0);
	transform: skewX(0);
}

/* ABOUT */
.about_nakami{
	width:68%;
	height:300px;
	position: absolute;
	top:50%;
	left:55%;
	-webkit-transform: translate(-50%, -50%) skewX(27.5deg);
	-moz-transform: translate(-50%, -50%) skewX(27.5deg);
	-ms-transform: translate(-50%, -50%) skewX(27.5deg);
	-o-transform: translate(-50%, -50%) skewX(27.5deg);
	transform: translate(-50%, -50%) skewX(27.5deg);
	font-size:13px;
	line-height:26px;
	color: #333;

}
#about_left {
	width: 50%;
	float: left;
}
#about_right {
	width: 50%;
	float: right;
	background: rgba(255,255,255,0.8);
}
#about_right .nakami p{
	text-indent:2em; 
	padding:0px; 
	margin:0 0 12px 0;
}
/* NEWS */
.news_nakami{
	width:68%;
	height:auto;
	position: absolute;
	top:50%;
	left:55%;
	-webkit-transform: translate(-50%, -50%) skewX(27.5deg);
	-moz-transform: translate(-50%, -50%) skewX(27.5deg);
	-ms-transform: translate(-50%, -50%) skewX(27.5deg);
	-o-transform: translate(-50%, -50%) skewX(27.5deg);
	transform: translate(-50%, -50%) skewX(27.5deg);
	font-size:13px;
	line-height:26px;
	color: #333;
	padding:0 0 150px 0;
}
#news{
	width:50%;
	background: rgba(255,255,255,0.8);
}
a.news_left{
	float:left;
	border-bottom:2px dotted #0080CB;
	font-size:14px;
	width:95%;
	color: #333;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
}
a.news_left:hover{
	color:#999;
}
a.news_left i{
	color:#0080CB;
	font-style:inherit;
	margin:0 5px 0 0;
}
a.news_right{
	float:left;
	width:5%;
	font-size:25px;
	color:#0080CB;	
}
#news_detail {
	width:100%;
}
.news_detail_nakami{
	margin:17% 0 0 0;
	font-size:13px;
	line-height:24px;
	color: #333;
	min-height:520px;
}
.news-controlArrow{
	top: 15px!important;
	margin: 0!important;
	padding: 0 15px;
	z-index: 1000!important;
    position: absolute;
	right:0;
	letter-spacing:1em;
}
.news-controlArrow .news-prev {
	right:65px;
	width:0;
	height:0;
	border-style: solid;
    border-width:11px;
    border-color:transparent #0080CB transparent transparent;
	position: absolute;
}
.news-controlArrow .news-next{
	right:10px;
	width:0;
	height:0;
	border-style: solid;
    border-width: 11px;
    border-color: transparent transparent transparent #0080CB;
	position: absolute;
}
.news_dleft{
	width:48%;
	float:left;
}
.news_dleft a{
	text-decoration:none;
}
.mobil_pic{
	display:none;
}
.news_dleft b{
	display:block;
	font-size:10px;
	margin:0 0 5px 0;
}
.news_dleft p table{
	border-collapse: collapse;
}
.news_dleft p td { 
  border:1px solid #CCC; 
}
.news_dleft p{
}
.news_dright{
	width:48%;
	float:right;
}
.news_dright img{
	width:100%;
	height:auto;
}
.new_dtitle, .new_dtitle h1{
	font-size:25px;
	font-weight: normal;
	color:#007FCC;
	margin:0 0 10px 0;
	line-height:35px;
}
a.news_dlink{
	display:block;
	float:left;
	background:#0080CB;
	font-size:18px;
	padding:0 13px;
	color:#fff;
	border:0;
	margin:15px 0 0 0;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.news_dlink_rbtn{
	display:none;
}
a.news_dlink:hover{
	background:#02A0FF;
}
.news_dnum{
	float:right;
	margin:15px 0 0 0;
}
.news_dnum i{
	font-size:18px;
	color:#007FCC;
	padding:0 17px 0 10px;
}
a.news_pre{
	background:url(../images/pre_icon.png) no-repeat 0 3px;
	font-size:18px;
	color:#007FCC;
	padding:0 0 0 20px;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.news_next{
	background:url(../images/next_icon.png) no-repeat right 3px;
	font-size:18px;
	color:#007FCC;
	padding:0 18px 0 0;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.news_pre:hover{
	background:url(../images/pre_iconb.png) no-repeat 0 3px;
	color:#555;
}
a.news_next:hover{
	background:url(../images/next_iconb.png) no-repeat right 3px;
	color:#555;
}


/* CONTACT*/
.contact_nakami{
	width:68%;
	height:auto;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%) skewX(27.5deg);
	-moz-transform: translate(-50%, -50%) skewX(27.5deg);
	-ms-transform: translate(-50%, -50%) skewX(27.5deg);
	-o-transform: translate(-50%, -50%) skewX(27.5deg);
	transform: translate(-50%, -50%) skewX(27.5deg);
	color: black;
	font-size:13px;
	line-height:26px;
	color: #333;
}
#contact {
	width: 100%;
}
.contact_left{
	float:left;
	width:41%;
	background:rgba(0,128,203,0.5);
	padding:15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#FFF;
}
.contact_right{
	float:right;
	width:56%;
}
.cta_rh{
	font-size:18px;
	border-bottom:1px solid #FFF;
	padding:0 15px 10px 15px;
}
.cta_info{
	padding:12px 15px 10px 15px;
}
.add{
	display:inline-block;
	padding:0 0 0 75px;
	margin:-20px 0 0 0;
}
a.smap{
	display:inline-block;
	background:url(../images/smap.png) no-repeat;
	width:21px;
	height:21px;
}
.contact_right input{
	width:45%;
	height:36px;
	border:none;
	background:#FFF;
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 5px 8px 0;
}
.con_icolor::-webkit-input-placeholder { 
  color:#B7B7B7;
}
.con_icolor::-moz-placeholder { 
  color:#B7B7B7;
}
.con_icolor:-ms-input-placeholder { 
  color:#B7B7B7;
}
.con_icolor:-moz-placeholder {
  color:#B7B7B7;
}
.contact_right textarea{
	width:92%;
	height:115px;
	border:none;
	background:#FFF;
	font-size:14px;
	padding:10px;
}
a.conform_btn{
	display:block;
	background:#0080CB;
	font-size:14px;
	color:#FFF;
	padding:8px 0;
	width:24%;
	text-align:center;
	margin:10px auto 50px auto;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.conform_btn:hover{
	background: #900;
}
/* PRODUCT*/
.product_top{
	padding:0 0 35px 0;
	border-bottom:3px solid #0080CB;
	text-align:center;
	margin:0 0 25px 0;
}
.mobil_newp_btn{
	display:none;
}
.product_left{
	float:left;
	width:32%;
}
.product_left img{
	width:100%;
	height:auto;
}
.product_stitle{
	background:#F1F0EF;
	font-size:19px;
	color:#595757;
	padding:13px 15px 11px 15px;
	margin:0 0 12px 0;
}
a.new_pro{
	display:block;
	border:1px solid #6D6C6B;
	border-radius:5px;
	font-size:21px;
	color:#595757;
	width:100%;
	padding:15px 0;
	text-align:center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 71%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.product_right{
	background:url(../images/slogan.png) no-repeat;
	padding:0 0 5px 352px;
	margin:0 0 20px 0;	
}
.pro_title{
	background:url(../images/product_title_bg.png) no-repeat;
	font-size:16px;
	color:#595757;
	padding:15px 0 15px 30px;
	margin:0 0 12px 0;
}
.pro_title h1{
	font-size: 18px;
	font-weight: normal;
	display: inline;
}
.pro_title .sp1{
	color:#007FCC;
}
.pro_title a.pt-a{
	color:#007FCC;
}
.product_dslg{
	margin:0 0 25px 0;	
}
.pro_dtitle{
	font-size:14px;
	color:#595757;
	margin:0 0 28px 0;
}
.pro_dtitle a{
	color:#595757;
}
.pro_dtitle .sp1{
	color:#007FCC;
}
.pro_dimg{
	float:left;
	width:35%;
	position:relative;	
}
.pro_dimg img, .pro_dimg a img{
	width:100%;
	height:auto;
	border:1px solid #C8C9CA;
}
.pro_bigicon{
	position:absolute;
	right:15px;
	bottom:15px;
}
.pro_dimg img.sp1{
	border:none;
}
.pro_dtext{
	float:right;
	width:60%;
	position:relative;
	min-height:360px;
}
.pro_dname{
	font-size:25px;
	color:#595757;
	margin:0 0 20px 0;
	line-height:26px;
}
.pro_dname h1{
	font-size:25px;
	font-weight: normal;
}
.pro_dtext p{
	font-size:16px;
	color:#595757;
	line-height:28px;
	padding:0 0 80px 0;
	font-weight:bold;
}
a.pro_dbtn{
	position: absolute;
	right:0;
	bottom:0;
	width:32%;
	display:block;
	border:1px solid #6D6C6B;
	border-radius:5px;
	font-size:16px;
	color:#595757;
	padding:15px 0;
	text-align:center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 71%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
a.pro_dbtn b{
	font-weight:normal;
	background:url(../images/shop_icon.png) no-repeat 0 2px;
	padding:5px 0 5px 35px;
}
.pro_d_sdet{
	font-size:17px;
	background:#0080CB;
	color:#FFF;
	padding:18px 15px 16px 15px;
	margin:35px 0 0 0;
}
.pro_d_sp{
	border-left:1px solid #C8C9CA;
	border-right:1px solid #C8C9CA;
	border-bottom:1px solid #C8C9CA;
	padding:22px 30px;
	line-height:30px;
}
.pro_d_sp table{
	border-collapse: collapse;
	width: 100%;
}
.pro_d_sp td { 
  border:1px solid #B7B7B7;
  padding: 0 5px;
}
.pro_d_sp .sp1{
	color:#007FCC;
}
.pro_d_sp ol{
	margin:0 0 0 20px;
}
.pro_d_sp ul{
	list-style:disc;
}
.pro_d_sp ul li{
	float:none;
	margin:0 0 0 20px;
}
.pro_d_sp img{
	max-width: 100%;
}
.pro_other_tt{
	font-size:22px;
	color:#007FCC;
	border-bottom:1px solid #007FCC;
	padding:0 0 15px 10px;
	margin:35px 0 0 0;	 
}
.pro_other_list{
	margin:20px 0 0 0;
	padding:0 0 0 5px;
	line-height:26px;
}
.pro_other_list a{
	width:19%;
	display:block;
	float:left;
	text-align:center;
	margin:0 4px;
}
.pro_other_list a img{
	width:100%;
	height:auto;
	border:1px solid #C8C9CA;
	margin:0 0 5px 0;
}


/*product_drop*/
.select_menu{
	float:left;
	margin:0 10px 10px 0;
}
.CRselectBox {
	background:#FFFFFF url(../images/arrow.png) no-repeat right center;
	border:1px solid #0080CB;
	cursor:pointer;
	display:block;
	width:220px; 
	height:30px;
}
.CRselectBoxHover {
}
.CRselectBox a.CRselectValue {
	display:block;
	margin:1px 1px 1px 2px;
	padding:8px 0 8px 10px;
	width:200px;
	font-size:12px;
	color:#0080CB;
	overflow:hidden;
	white-space:nowrap;
}
.CRselectBoxOptions {
	background:#fff;
	border:1px solid #0080CB;
	margin-left:-1px;
	list-style:none;
	font-size:12px;
	z-index:1000;
	position:absolute;
	width:220px;	
	display:none;
	/*overflow-y:auto;
	overflow:auto;
	height:100px;*/	
}
.CRselectBoxOptions a{
	color:#000;
	display:block;
	width:215px;
	height:22px;
	line-height:22px;
	padding-left:4px;
	background:#fff;
	word-wrap:break-word;
	word-break:break-all;
}
.CRselectBoxOptions a:hover{
	background: #F2F2F2;
}
.CRselectBoxOptions a.selected{
	background: #F2F2F2;
}
/* firefox */
.CRselectBox a { 
	outline: none; 
	text-decoration:none;
}
.CRselectBox a:focus { 
	outline: none; 
	text-decoration:none;
}
.pro_search{
	display:block;
	float:left;
}
.pro_search input{
	display:block;
	float:left;
	border:1px solid #0080CB;
	height:29px;
	padding:0 0 0 5px;
	width:150px;
}
.pro_search a{
	display:block;
	float:left;
	background:url(../images/search_icon.png) no-repeat center center;
	width:29px;
	height:29px;
	border-top:1px solid #0080CB;
	border-bottom:1px solid #0080CB;
	border-right:1px solid #0080CB;
}
/* CATEGORY : JOURNAL */
body.archive h1, body.category h1 {
	/* position: absolute;
	top: 3%; */
}
body.archive #container, body.category #container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.category #content {
	width: 70%;
	height: auto;
	margin: 55px auto 20px auto;
}
.category #content .postlist {
	float:right;
	width: 65%;
	height: auto;
	position: relative;
	z-index: 10;
	margin:0 0 0 0;
}
.list_thumb {
	width: 32%;
	height: auto;
	margin: 0 2px 8px 2px;
	display:inline-block;
    vertical-align:top;
	*display: inline;
    *zoom: 1;
}
.list_thumb_b {
	width: 24%;
	height: auto;
	margin: 0 2px 8px 2px;
	display:inline-block;
    vertical-align:top;
	*display: inline;
    *zoom: 1;
}
.list_thumb .filter, .list_thumb_b .filter{
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: 100% auto;
	text-indent: -1000%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
}
.list_thumb figure, .list_thumb_b figure {
}
.list_thumb a figcaption, .list_thumb_b a figcaption {
	background:rgba(0,128,203,0.9) url(../images/view_line.svg) no-repeat center center;
	background-size: 70% auto;
}
.list_thumb a figcaption .readmore, .list_thumb_b a figcaption .readmore {
	position: absolute;
	width:85%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	font-size:14px;
	line-height:18px;
	text-align:center;
}
.list_thumb p.info, .list_thumb_b p.info {
	font-size: 0.7rem;
	line-height: 1.6;
}

/*INQUIRY*/
.inquiry_top{
	padding:0 0 35px 0;
	text-align:center;
}
.inqu_char{
	border:1px solid #585756;
}
h1.inquiry_title{
	font-size: 16px;
	font-weight: normal;
}
.inqu_chtitle{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 71%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 71%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #585756;
	padding:3px 0;
}
.inqu_chtitle i{
	font-style:normal;
	float:left;
	display:block;
	font-size:19px;
	color:#595757;
	text-align:center;
	padding:8px 0;
}
i.ic_a{
	border-right:1px solid #585756;
	width:16%;
}
i.ic_b{
	border-right:1px solid #585756;
	width:24%;
}
i.ic_c{
	border-right:1px solid #585756;
	width:29%;
}
i.ic_d{
	border-right:1px solid #585756;
	width:15%;
}
i.ic_e{
	width:15%;
}
td.ic_td_a{
	width:16%;
	font-size:19px;
	color:#595757;
}
td.ic_td_b{
	width:24%;
	padding:5px 0;
}
td.ic_td_b img{
	width:50%;
	height:auto;
}
td.ic_td_c{
	width:29%;
	padding:0 15px;
	color:#595757;
	font-size:15px;
	line-height:22px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align: middle;	
}
td.ic_td_d{
	width:15%
}
td.ic_td_d input{
	width:50%;
	border:1px solid #585756;
	padding:0 3px;
}
td.ic_td_e{
	width:15%
}
.inqu_char tr{
	border-bottom:1px solid #EFEFEF;
}
a.inqu_btn_a{
	display:block;
	float:right;
	border:1px solid #0080CB;
	color:#0080CB;
	font-size:14px;
	padding:5px 10px;
	margin:20px 0 0 10px;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.inqu_btn_a:hover{
	background:#0080CB;
	color:#fff;
}
.inqu_form{
	width:65%;
	margin:40px auto 30px auto;
}
.inqu_form b{
	display:block;
	float:left;
	font-weight:normal;
	font-size:16px;
	color:#595757;
	width:28%;
	margin:0 0 15px 0;
	padding:6px 0 0 18px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inqu_form b.sp1{
	background:url(../images/form_icon.png) no-repeat 0 8px;
	padding:6px 0 0 18px;
}
.inqu_form i{
	display:block;
	float:right;
	font-style:normal;
	width:72%;
	margin:0 0 15px 0;
}
.inqu_form i input{
	width:100%;
	border:1px solid #585756;
	height:25px;
	padding:0 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inqu_form i select{
	width:100%;
	border:1px solid #585756;
	height:30px;
}
.inqu_form i textarea{
	width:98%;
	border:1px solid #585756;
	height:100px;
}
a.inqu_form_bta{
	border:1px solid #0080CB;
	background:#0080CB;
	color:#FFF;
	font-size:17px;
	padding:5px 20px;
	margin:0 0 0 10px;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.inqu_form_bta:hover{
	border:1px solid #900;
	background: #900;
}
a.inqu_form_btb{
	border:1px solid #0080CB;
	color:#0080CB;
	font-size:17px;
	padding:5px 20px;
	-o-transition:.3s;
	-ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
a.inqu_form_btb:hover{
	border:1px solid #0080CB;
	background: #0080CB;
	color:#fff;
}
.index_rwd{
	display:none;
}
.rwd_cpryt{
	display:none;
}
.index_rwdor{
	display:none;
}



/*rwd_menu*/
header {
	line-height:2;
	width:100%;
	height:100px;
	z-index:111111;
	position:relative;
}
header .header_wrap {
	width:100%;
	height:100px;
	background:#0080CB;
	position: fixed !important;
    top: 0;
	width:100%;
    z-index: 10000;
}
header .logo {
	float:left;
	margin:8px 0 0 5px;
}
header .logo img {
}
#nav_slider {
	display:none;
}
header nav {
	font-size:10px;
	letter-spacing:0em;
	float:right;
	text-align:center;
	line-height:18px;
	padding-top:35px;
}
header nav span {
	font-family:"微軟正黑體",Arial;
	font-size:18px;
	letter-spacing:0.08em;
}
header nav ul li {
	float:left;
	margin-right:35px;
	padding-bottom:0;
}
header nav ul li a {
	color:#222;
	-o-transition:.5s;
	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
header nav ul li a:hover {
	color:#0080CB;
}


/*rwd_slider*/
.fullSlideShow {
	width: 100%;
	height:520px !important;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.fullSlideShow #scroll {
	position: fixed;
	bottom:120px;
	left:50%;
	margin:0 0 0 -30px;
	z-index:105;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: fixed; /* absolute or fixed */
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
}
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
	display:none;	
}
.pagiNation {
	bottom:185px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed;
	z-index: 110;
 	visibility: visible;
}
.pagiNation a {
	margin: 0 5px;
	width: 13px;
	height: 13px;
	display: inline-block;
	overflow: hidden;
	background: #ffffff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin:0 8px;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
}
.pagiNation a.pnActive {
	background:#B02A2F;
	width: 13px;
	height: 13px;
}
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}


/*load product*/
.button--hidden {
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
button.button{
	font-size:16px;
	color:#333;
	line-height:35px;
	background: #F3F3F3;
	width:99%;
	border:0;
	cursor: pointer;
}
/*readbar*/
.readbar{
	position:relative;
	width:100%;
}
.read_all{
	position:fixed;
	width:100%;
	top:0;
	background:rgba(255,255,255,0.95);
	border-bottom:1px solid #333;
	z-index:120000;
	height:45px;
}
.read_color{
	position:absolute;
	top:0;
	z-index:120001;
	background:#CCC;
	height:45px;		
}
.read_text{
	position:absolute;
	top:0;
	z-index:120002;
	font-size:20px;
	height:45px;
	line-height:45px;
	width:100%;
	color:#222;
	text-align:center;
}

/*手機版另拉頁面桌機狀態*/
.mobcom{
	width:70%;
	margin:100px auto 0 auto;
	line-height:26px;
}
.mobcom h1, .mobcom h2{
	background: #F6F6F6;
	line-height:45px;
	color:#0080CB;
	font-weight:normal;
	text-align:center;
}
.mobcom_nakami{
	padding:0 0 0 30px;
}
.mobcom input{
	width:45%;
	height:36px;
	border:1px solid #888;
	background:#FFF;
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 5px 8px 0;
}
.mobcom textarea{
	width:92%;
	height:115px;
	border:1px solid #888;
	background:#FFF;
	font-size:14px;
	padding:10px;
}

/*最新消息頁碼*/
.num{
	text-align:center;
	margin:15px 0 0 0;
}
.num .sp1{
	font-size:16px;
	background:none;
	color:#333;
	padding:0;
	border:none;
	margin:0 10px 0 0 ;
}
.num .sp2{
	font-size:16px;
	background:none;
	color:#333;
	padding:0;
	border:none;
	margin:0 0 0 10px;
}
.num a.sp1:hover, .num a.sp2:hover{
	background:none;
	border:none;
	color:#333;
}
.num a{
	color:#333;
	font-size:16px;
	padding:0;
	margin:0 3px;
	line-height:20px;
}
.num a.numon, .num a:hover{
	border-bottom:1px solid #0080CB;
	color:#0080CB;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* 20240102 */
.pb-mob{
	display: none;
}
.product-banner{
	width: 100%;
	height: 295px;
	margin: 0 0 30px 0;
	color: #0080ca;
}
.product-banner section{
	float: right;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 50%;
	height: 100%;
	padding: 0 30px 0 0;
}
.product-banner b{
	width: 100%;
	display: block;
	font-size:60px;
	line-height: 63px;
	margin: 0 0 10px 0;
}
.product-banner i{
	width: 100%;
	display: block;
	font-size: 30px;
	line-height: 37px;
	font-style: normal;
}
@media (max-width: 1800px) {
	.product-banner b{
		font-size:45px;
		line-height:48px;
	}
	.product-banner i{
		font-size: 23px;
		line-height: 30px;
	}
}
@media (max-width: 1200px) {
	.product-banner section{
		width: 55%;
	}
	.product-banner b{
		font-size:40px;
		line-height:44px;
	}
	.product-banner i{
		font-size: 20px;
		line-height: 30px;
	}
}
@media (max-width: 900px) {
	.product-banner section{
		width: 58%;
	}
	.product-banner b{
		font-size:35px;
		line-height:44px;
	}
}
@media (max-width: 700px) {
	.pb-com{
		display: none;
	}
	.pb-mob{
		display: block;
	}
	.product-banner{
		height: 745px;
	}
	.product-banner section{
		float: inherit;
		display: block;
		width: 85%;
		margin: 0 auto;
		height: auto;
		padding: 10px 0 0 0;
	}
}
@media (max-width: 580px) {
	.product-banner section{
		padding: 10px 0 0 0;
	}
	.product-banner{
		height: 500px;
	}
}
.blog-all img{
	width: 100%;
}
.blog-all a.first-arti{
	position: relative;
	display: block;
	font-size: 1.75em;
	line-height: 34px;
	font-weight: bold;
	color: #0080ca;
}
.blog-all a.first-arti span{
	display: block;
	overflow: hidden;
}
.blog-all a.first-arti span img{
	transform:scale(1,1);
	transition: all .3s ease-out;
}
.blog-all a.first-arti:hover span img{
	transform:scale(1.1,1.1);
}
.blog-all .first-arti p{
	position: absolute;
	width: 95%;
	left: 2.5%;
	bottom: 30px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-all ul.blog-list{
	margin: 50px 0 80px 0;
}
.blog-all ul.blog-list li{
	width: 100%;
	margin: 0 0 40px 0;
}
.blog-all ul.blog-list li a{
	display: flex;
	justify-content:space-between;
}
.blog-all ul.blog-list li a:hover{
	color: #333;
}
.blog-all ul.blog-list li a span{
	width: 35%;
	display: block;
	overflow: hidden;
}
.blog-all ul.blog-list li a span img{
	transform:scale(1,1);
	transition: all .3s ease-out;
}
.blog-all ul.blog-list li a:hover span img{
	transform:scale(1.1,1.1);
}
.blog-all ul.blog-list li a .blog-list-info{
	width: 62%;
	padding: 3px 0 0 0;
}
.blog-all ul.blog-list li a .blog-list-info h2, .blog-all ul.blog-list li a span h2{
	margin: 0 0 20px 0;
	color: #0080ca;
	font-size: 1.65em;
	line-height: 35px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-all ul.blog-list li a span h2{
	display: none;
}
.blog-all ul.blog-list li a .blog-list-info b, .blog-detail-all b{
	display: inline-block;
	color: #727171;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 7px 25px 3px 0;
	background: url(../images/blog-icon1.png) no-repeat right center;
	font-size: 1.1em;
}
.blog-all ul.blog-list li a .blog-list-info section{
	color: #727171;
	line-height: 22px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 700px) {
	.blog-all .first-arti p{
		width: 90%;
		left: 4%;
		font-size: 0.9em;
		line-height: 30px;
		bottom: 15px;
	}
	.blog-all ul.blog-list li a span h2{
		display: -webkit-box;
		position: absolute;
		z-index: 2;
		bottom: 0;
		color: #fff;
		width: 90%;
		left: 4%;
		font-size: 1.2em;
		line-height: 26px;
		margin: 0 0 10px 0;
	}
	.blog-all ul.blog-list li a .blog-list-info h2{
		display: none;
	}
	.blog-all ul.blog-list li a{
		display:block;
	}
	.blog-all ul.blog-list li a span{
		position: relative;
		width: 100%;
	}
	.blog-all ul.blog-list li a .blog-list-info{
		width: 100%;
	}
	.blog-all ul.blog-list li a .blog-list-info b{
		margin: 5px 0 10px 0;
	}
	.blog-all ul.blog-list{
		width: 90%;
		margin: 50px auto 50px auto;
	}
}
.blog-detail-all{
	margin: 30px 0 0 0;
}
.blog-detail-all img{
	max-width: 100%;
	height: auto;
}
.blog-detail-all h2{
	font-size: 1.75em;
	line-height: 34px;
	color: #333;
}
.blog-detail-all section{
	font-size: 1.15em;
	color: #727171;
	line-height: 30px;
	margin: 25px 0 0 0;
}
.blog-dt-btn{
	display: flex;
	justify-content: space-between;
	margin: 80px 0 100px 0;
}
.blog-dt-btn a{
	color: #807d7e;
	font-size: 1.15em;
}	
.blog-dt-btn a:hover{
	color: #0080ca;
}


/* 20240508 */
.postlist h1{
	color: #007FCC;
    padding: 15px 0 10px 0;
}
.postlist h2{
	color: #333;
	font-size: 1em;
    font-weight: normal;
    margin: 5px 0 15px 0;
}
.postlist .list_thumb:hover h2{
	color: #007FCC;
}
@media (max-width: 700px) {
	.postlist h1{
		font-size: 1.7em;
		padding: 15px 0 10px 0;
	}
}
#num{
	text-align:center;
	margin:40px 0 40px 0;
}
#num b{
	margin:0 7px;
	color:#007FCC;
}
#num a{
	margin:0 7px;
	color:#222;
}
#num a:hover{
	color:#888;
}
#num a.num_arw{
	margin:0 15px;
}
#num a.num_arw_db{
	margin:0;
}
footer{
	background: #007FCC;
	color: #fff;
	padding: 60px 0 40px 0;
	margin: 70px 0 0 0;
}
.foot{
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.foot a{
	color: #fff;
}
.foot-info{
	width: 45%;
	font-size: 1.2em;
	line-height: 28px;
}
.foot-info p{
	margin: 30px 0 0 0;
}
.foot-info b{
	display: block;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.foot-link{
	width: 50%;
	font-size: 1.4em;
}
.foot-link span{
	display: block;
	margin: 0 0 25px 0;
}
a.foot-icon-a{
	font-weight: bold;
	background: url(../images/foot-icon1.png) no-repeat right 0;
	padding: 0 35px 4px 0;
}
a.foot-icon-b{
	font-weight: bold;
	background: url(../images/foot-icon2.png) no-repeat right 2px;
	padding: 0 35px 4px 0;
}
.foot-link span.flpp-listlink a{
	display: block;
	margin: 0 0 15px 0;
}
.foot-link span.flpp-listlink a:hover{
	text-decoration: underline;
}
.foot-link-product{
	float: right;
	width: 70%;
	line-height: 32px;
}
.foot-link-info{
	float: left;
	width: 30%;
}
.copyright{
	color: #fff;
	text-align: center;
	margin: 40px 0 0 0;
}
@media (max-width: 1400px) {
	.foot{
		width: 95%;
	}
}
@media (max-width: 1000px) {
	.foot-info{
		width: 40%;
	}
	.foot-info b{
		margin: 0 0 15px 0;
	}
	.foot-link{
		width: 55%;
		font-size: 1.3em;
	}
}
@media (max-width: 767px) {
	footer{
		padding: 60px 0 80px 0;
	}
	.copyright{
		margin: 20px 0 0 0;
	}
	.foot{
		width: 90%;
		display: block;
	}
	.foot-info{
		width: 100%;
		margin: 0 0 50px 0;
		font-size: 1.1em;
	}
	.foot-link{
		width: 100%;
		font-size: 1.1em;
	}
	.foot-link-product{
		float: inherit;
		width: 100%;
		line-height:26px;
	}
	.foot-link-info{
		float: inherit;
		width: 100%;
	}
	.foot-info b{
		margin: 0 0 10px 0;
	}

	a.foot-icon-a{
		background: url(../images/foot-icon1.png) no-repeat right 2px;
		background-size: 15px;
		padding: 0 30px 4px 0;
	}
	a.foot-icon-b{
		background: url(../images/foot-icon2.png) no-repeat right 2px;
		background-size: 18px;
		padding: 0 30px 4px 0;
	}
	.copyright{
		margin: 50px 0 0 0;
		padding: 0 20px;
		font-size: 0.9em;
		line-height: 22px;
	}
}



.dropdown {
	position: relative;
	display: block;
	color: #333;
}
.dropbtn{
	font-size: 24px;
	color: #fff;
	border: none;
	cursor: pointer;
	background: transparent;
	padding:4% 5% 4% 0;
	width: 60%;
	text-align: left;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 350px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10000;
	top: -250px;
	left: 140px;
}
.dropdown-content h4{
	background: #F1F0EF;
    font-size: 18px;
	line-height: 26px;
	font-weight: normal;
    color: #595757;
    padding: 13px 15px 11px 15px;
    margin: 0;
	text-align: center;
}
.index-product-list{
	padding: 15px;
}
nav#menu ul li .dropdown-content a{
	color: #595757;
	font-size: 15px;
	display: block;
	text-decoration: none;
	margin: 0 0 10px 0;
}
.dropdown-content b{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}
.dropdown-content b img{
	width: 24px;
	height: 24px;
	border: 1px solid #007FCC;
}
.dropdown-content p{
	display: inline-block;
	vertical-align: top;
	width: 275px;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
@media (max-width: 767px) {
	.dropdown-conten{
		display: none;
	}
}


#myDropdown {
	display: none;
}
.dropbtn:hover + #myDropdown,
#myDropdown:hover {
	display: block;
}