html,
body {
    height:100%;
    margin:0;
    padding:0;
}
main {
    display:block;
}
body {
    font:62.5%/1 "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
	transition:all 0.3s
}	
body.font-size-s {
    font-size:56.3%;
}
body.font-size-l {
    font-size:68.8%;
}
a {
    color:#B3096D;
    text-decoration:none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
a:hover,
a:focus {
    text-decoration:none;
    color:#33F;
}
a:focus,button:focus,input:focus,select:focus{outline:2px dashed #E02D00;}
a,
button,
textarea,
select,
input {
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
img {
    border:none;
    vertical-align:middle;
    max-width:100%;
    height:auto;
}
sub,
sup {
    font-size:55% !important;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup { top:-0.1em; }
sub { bottom:-0.1em; }
.zoomBox{
	position:relative;
	overflow:hidden
}	
.zoomBox .zoom-pic {
    background-image:url(../images/list-nopic.jpg);
	position:absolute;
	width:100%;
	height:100%;
	transition:all 0.5s;
	background-position:center;
	background-size:cover;
}
a:hover .zoomBox .zoom-pic, a:focus .zoomBox .zoom-pic, .zoomBox:hover .zoom-pic{ transform:scale(1.1)}

/** Layout **/
#wrapper {
    position:relative;
    float:left;
    width:100%;
    margin:0 auto;
    padding:0;
    overflow:hidden;
}
.noscript { 
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:120%;
	margin:0 auto;	
	padding:20px 0px;
	box-sizing:border-box;
	background:#ffe5e6;
	text-align:center;
}
.sr-only {
   position:fixed;
    width:1px;
    height:1px;
	color:#000;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;
	color:#000;
	opacity:0;
	z-index:9999;
    margin-left:5px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	color:#FFF;
	font-size:1.2em;
	padding:5px 10px;	
	opacity:1;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
    color:transparent;
    font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
    color:#507890;
}
.ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ellipsis-1 {
    position:absolute;
    bottom:0;
    right:0;
}
.fill {
    position:absolute;
    height:100%;
    width:100%;
}
.ellipsis-2,
.ellipsis-3,
.ellipsis-4,
.ellipsis-5,
.ellipsis-6,
.ellipsis-7 {
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
}
.ellipsis-2 {
    -webkit-line-clamp:2 !important;
}
.ellipsis-3 {
    -webkit-line-clamp:3 !important;
}
.ellipsis-4 {
    -webkit-line-clamp:4 !important;
}
.ellipsis-5 {
    -webkit-line-clamp:5 !important;
}
.ellipsis-6 {
    -webkit-line-clamp:6 !important;
}
.ellipsis-7 {
    -webkit-line-clamp:7 !important;
}
.container {
    width:100%;
    margin:0 auto;
}
.row {
    margin-right:-10px;
    margin-left:-10px;
}
.row2 {
    margin-right:10px;
    margin-left:10px;
}
.remark {
    color:#C30;
    padding-top:5px;
    margin-bottom:-5px;
    padding-left:10px;
    box-sizing:border-box
}
.bbfont {
    font-family:敺株蔓��暺�;
    font-weight:bold;
}
.left-part {
    float:left;
}
.right-part {
    float:right;
}
.container {
    width:100%;
    max-width:1300px;
    margin:0 auto;
    padding:0;
}
.center{text-align:center;}
@media screen and (max-width:990px) {
    .pc-mode {display:none !important;}
    .container {width:92%;}
}
@media screen and (min-width:991px) {
    .sp-mode {display:none !important;}
    .container {width:calc(100% - 120px);}
}
@media screen and (min-width:1300px) {
    .container {max-width:1300px;}
}
.fff {color:#fff;}
.font-black {color:#000;}
.font-blue {color:#00c0d6;}
.font-green {color:#59b300;}
.font-yellow {color:#f39800;}
.font-orange {color:#eb6100;}
.font-red {color:#D82B12;}
.font-gray {color:#999}

.noteBtn a{
	font-size:100%;
	line-height:130%;
	display:inline-block;
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	box-sizing:border-box;
	padding:10px;
}
.noteBtn.current a{
	background-color:#000;
	color:#fff;
}
.noteBtn.current + .noteZone{
	margin:1.5em 0;
}
.noteZone{
	width:100%;
	display:block;
	word-wrap:break-word;
}
/** Loading **/
.loadingCover {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#FFF;
    z-index:1000;
}
.loadbar-box {
    position:relative;
    top:45%;
    left:50%;
    margin-left:-30px;
    width:60px;
    height:5px;
    border:1px solid rgba(83, 166, 83, .8);
    margin-top:70px;
}
.loadingBar {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:5px;
    background:rgba(83, 166, 83, .6);
    z-index:10000;
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-transition:-webkit-transform .3s ease .3s;
    transition:-webkit-transform .3s ease .3s;
    transition:transform .3s ease .3s;
    transition:transform .3s ease .3s, -webkit-transform .3s ease .3s;
}
.ball-clip-rotate-multiple {
    display:flex;
    flex:0 1 auto;
    flex-direction:column;
    flex-grow:1;
    flex-shrink:0;
    flex-basis:25%;
    max-width:25%;
    height:200px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    top:45%;
    left:50%;
    border:4px solid rgba(83, 166, 83, .3);
    border-bottom-color:transparent;
    border-top-color:transparent;
    border-radius:100%;
    height:88px;
    width:88px;
    margin:-44px 0 0 -44px;
    box-sizing:border-box;
    -webkit-animation:rotate 1.6s 0s ease-in-out infinite;
    animation:rotate 1.6s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
    display:inline-block;
    top:45%;
    left:50%;
    width:110px;
    height:110px;
    margin:-55px 0 0 -55px;
    -webkit-animation-duration:1.6s;
    animation-duration:1.6s;
    border-color:rgba(83, 166, 83, .8) transparent rgba(83, 166, 83, .6) transparent;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
}
@keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg) scale(1);
        transform:rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform:rotate(180deg) scale(0.8);
        transform:rotate(180deg) scale(0.8);
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg) scale(1);
        transform:rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform:rotate(180deg) scale(0.8);
        transform:rotate(180deg) scale(0.8);
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
    }
}

.loadingCover img {
    position:absolute;
    top:45%;
    left:50%;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    -webkit-animation:opty .8s alternate infinite;
    animation:opty .8s infinite alternate;
}
@keyframes opty {
    from {
        transform:scale(1);
        -ms-transform:scale(1);
        -sand-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
    }
    to {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -sand-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -o-transform:scale(0.8);
    }
}
@-webkit-keyframes opty {
    from {
        transform:scale(1);
        -ms-transform:scale(1);
        -sand-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
    }
    to {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -sand-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -o-transform:scale(0.8);
    }
}

/** header **/
#header {
    width:100%;
    margin:0 auto;
    background-color:#fff;
    position:relative;
    z-index:999;
	box-sizing:border-box;
}
@media screen and (min-width:991px) {
	#header{ position:absolute; top:0; z-index:9;}	
}
#header > h1 {
    position:fixed;
    width:1px;
    height:1px;
    color:#000;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
}
#header.sp-fix {
    position:absolute;
    left:0;
    top:0;
    z-index:999;
    background:#FFF;
    -webkit-box-shadow:0 2px 7px rgba(0%, 0%, 0%, 0.3);
    -moz-box-shadow:0 2px 7px rgba(0%, 0%, 0%, 0.3);
    box-shadow:0 2px 7px rgba(0%, 0%, 0%, 0.3);
}
#header .hdContainer {
    width:100%;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
	position:relative;
	max-width:1300px;
}
#navMenu .container {
    max-width:none;
}

/* ----- topHead ----- */
#topHead {
    position:relative;
    width:100%;
    margin:0 auto;
}
#topHead .logo a {
    display:block;
    width:130px;
    height:60px;
    font-size:0;
 	background:url(../images/logo.png) no-repeat 0 50%;
    background-size:contain;
    margin-left:8px;
	position:absolute;
	left:0 ; top:10px;
}
#topHead .logo a:hover,
#topHead .logo a:focus {
    opacity:0.7;
}
@media screen and (max-width:420px) {
    #topHead .logo a {width:119px;}
}
@media screen and (min-width:991px) {
    #topHead {height:100px; box-sizing:border-box}
	#topHead .logo a {width:140px; height:60px;}
}
@media screen and (min-width:1030px) { 
	#topHead .logo a {width:175px; height:75px;}
}
@media screen and (max-width:990px) {
    #wrapper {padding-top:55px;}
    #topHead {min-height:55px;}
    #topHead .logo {margin:0px 0;}
    #topHead .logo a {height:55px; top:0;}
}
/* ----- addon ----- */
.addon {
    float:right;
    width:100%;
}
.addon > ul {
    float:right;
    list-style:none;
	position:relative;
	z-index:1	
}
.addon > ul > li {
    float:left;
    font-size:1.5em;
    text-align:left;
}
.addon > ul > li a {
    color:#fff;
    display:inline-block;
	padding:0 6px;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	font-weight:bold;
}
.addon > ul > li a:hover span,
.addon > ul > li a:focus span {
    font-size:100%;
 	color:#FF9;
	text-decoration:underline;
}
.addon > ul > li a.acKey {
    color:transparent;
    margin:0;
	text-shadow:none !important;
}
.addon > ul > li a:hover,
.addon > ul > li a:focus {
    color:#ff8000;
}
.addon .textsize a {
    display:inline-block;
    border:1px solid #666;
    margin:0 1px 0 0;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    vertical-align:top;
}
.addon .textsize a i {
    display:block;
    width:30px;
    height:30px;
    font-size:0;
    vertical-align:top;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-sizing:border-box;
    background-repeat:no-repeat;
    background-position:0 top;
    background-size:100% auto;
}
.addon .textsize a.ts-on i {
    background-color:#666;
    background-position:0 bottom
}
.addon .textsize a:hover,
.addon .textsize a:focus,
.addon .textsize a:active {
    background:#F4F4F4;
}
.addon .textsize a.ts-on {
    background:#666;
}
.addon .textsize a i.sizeS {
    background-image:url(../images/home/top_head_font_s.svg);
    *background-image:url(../images/home/top_head_font_s.png);
}
.addon .textsize a i.sizeM {
    background-image:url(../images/home/top_head_font_m.svg);
    *background-image:url(../images/home/top_head_font_m.png);
}
.addon .textsize a i.sizeL {
    background-image:url(../images/home/top_head_font_L.svg);
    *background-image:url(../images/home/top_head_font_L.png);
}
@media screen and (min-width:991px) {
	.addon {
		width:auto;
		position:relative;
		margin-bottom:5px;
		border-bottom-left-radius:30px;
		border-bottom-right-radius:30px;
		background-color:#f2f2f2;
	}
	.addon > ul#addonLink{
		background:rgb(138,213,221);
		background:-moz-linear-gradient(left,  #28818A 0%, #32864B 100%); 
		background:-webkit-linear-gradient(left,  #28818A 0%,#32864B 100%);
		background:linear-gradient(to right,  #28818A 0%,#32864B 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#28818A', endColorstr='#32864B',GradientType=1 );
		padding:10px; padding-top:8px;
		border-bottom-left-radius:30px;
		border-bottom-right-radius:30px;
		}
	.addon > ul > li a{ color:#fff; font-weight:bold; text-shadow:0 0 3px rgba(0,0,0,0.5) }
	.addon > ul > li a.acKey{ border:0;}	
	.addon .logined{
		padding:8px; color:#808080; padding-left:15px;
		font-size:1.4em; float:left;}
	.addon .logined .ic_logout{
		display:inline-block; vertical-align:middle; height:20px; line-height:20px; padding:0 24px 0 8px; color:#fff; font-size:0.84rem; border-radius:20px;
		background-color:#b3b3b3; margin-top:-3px; background-image:url(../images/head_logout.png); background-repeat:no-repeat; background-position:calc(100% - 5px) center; background-size:auto 80%; font-weight:bold;}			
	.addon .logined .ic_logout:hover{ background-color:#000;}
	.addon .acKey{ position:absolute; left:-15px; top:8px;}		
	.addon > ul > li a{ position:relative;}
	.addon > ul > li a:after{ content:''; display:block; width:3px; height:3px; position:absolute; background:#fff; border-radius:50%; right:-2px; top:50%; margin-top:-1.5px;}
	.addon > ul > li:last-child a:after{ display:none;}	
}

#addon-sp {
    float:left;
    width:100%;
}
#addon-sp > ul {
    float:left;
    width:100%;
    list-style:none;
}
#addon-sp > ul > li {
    float:left;
    width:33.333%;
}
#addon-sp > ul > li span {
    display:none;
}
#addon-sp > ul > li a {
    float:left;
    width:100%;
    height:100%;
    color:#FFF;
    font-size:1.5em;
    text-align:center;
    vertical-align:middle;
    padding:15px 0;
    background:#666;
    box-sizing:border-box;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    border-top:1px solid rgba(255, 255, 255, 0.3);
	border-left:1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width:990px) {
    #addon-sp > ul > li span {display:inline-block;}
	#addon-sp > ul > li.ss{ width:40px}
	#addon-sp > ul > li.ss a{background-color:#444}	
}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {
    background:#000;
}
@media screen and (max-width:420px) {
    #addon-sp > ul > li.ico-fb,
    #addon-sp > ul > li.ico-youtube {
        width:50%;
        border-top:1px solid #f7c097;
    }
}
@media screen and (max-width:320px) {
    #addon-sp > ul > li a {
        font-size:1.3em;
    }
}

/* ----- target-menu ----- */
#target-menu-sp {
    float:left;
    width:100%;
    background:#FFF;
}
@media screen and (min-width:991px) {
    #target-menu {
        display:inherit;
        float:left;
        width:100%;
        position:relative;
        z-index:3;
    }
}
/* ----- searchBtn ----- */
.searchBtn .lookBtn {
    position:absolute;
    top:0;
    right:45px;
}
.searchBtn .lookBtn a {
    float:left;
    font-size:0;
    text-align:center;
}
.searchBtn .lookBtn a.close {
	display:none;
}
.searchBtn .lookBtn a span {
    display:block;
    width:45px;
    height:55px;
}
.searchBtn .lookBtn a span.open-search,
.searchBtn:hover .lookBtn a span.open-search,
.searchBtn .lookBtn a:hover span.open-search,
.searchBtn .lookBtn a:focus span.open-search {
    background:url(../images/header-search.png) no-repeat 50% 50%;
}
.searchBtn .lookBtn a span.close-search,
.searchBtn:hover .lookBtn a span.close-search,
.searchBtn .lookBtn a:hover span.close-search,
.searchBtn .lookBtn a:focus span.close-search {
    background:url(../images/header-search-X.png) no-repeat 50% 50%;
}

@media screen and (min-width:991px) {
    .searchBtn .lookBtn {
        top:auto;
        bottom:10px;
        right:15px;
    }
    .searchBtn .lookBtn a span {
        float:left;
        display:block;
        width:34px;
        height:34px;
        font-size:0;
        text-align:center;
    }
    .searchBtn .lookBtn a span.open-search,
    .searchBtn:hover .lookBtn a span.open-search,
    .searchBtn .lookBtn a:hover span.open-search,
    .searchBtn .lookBtn a:focus span.open-search {
        background-position:center;
        background-repeat:no-repeat;
        background-size:contain;
        background-image:url(../images/search.png);
         border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
		background-size:contain;
    }
    .searchBtn .lookBtn a:hover span.open-search,
    .searchBtn .lookBtn a:focus span.open-search {
		opacity:0.7
    }
    .searchBtn .lookBtn a span.close-search,
    .searchBtn:hover .lookBtn a span.close-search,
    .searchBtn .lookBtn a:hover span.close-search,
    .searchBtn .lookBtn a:focus span.close-search {
        background-position:center;
        background-repeat:no-repeat;
        background-size:contain;
        background-image:url(../images/header-search-X.png);
         border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
    }
    .searchBtn .lookBtn a:hover span.close-search,
    .searchBtn .lookBtn a:focus span.close-search {
        opacity:0.7
    }
}
@media screen and (min-width:1300px) {
    .searchBtn .lookBtn {right:calc(50% - 640px);}
}


/* ----- searchZone ----- */
.searchZone {
    position:absolute;
	box-shadow:0 8px 15px rgba(0,0,0,0.4);
    z-index:10;
    width:100%;
    text-align:center;
    margin:0 auto;
    background:rgb(1,156,212);
		background:-moz-linear-gradient(left, rgba(1,156,212,1) 1%, rgba(79,188,188,1) 100%);
		background:-webkit-linear-gradient(left, rgba(1,156,212,1) 1%,rgba(79,188,188,1) 100%);
		background:linear-gradient(to right, rgba(0,114,182,1) 1%,rgba(45,150,150,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072b6', endColorstr='#2f9797',GradientType=1 );
}
.searchZone .container{
	width:100%;
}
.searchZone .search {
    display:none;
    position:relative;
    float:left;
    width:100%;
    padding:15px;
    box-sizing:border-box;
}
.searchZone .box {
    position:relative;
    width:100%;
    padding:10px 0;
    background:none;
    box-sizing:border-box;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-transition:all 200ms ease;
    transition:all 200ms ease;
}
.searchZone .search-txt {
    width:100%;
    color:#FFF;
    font-family:"敺株��迤暺煾��", Microsoft JhengHei, Helvetica, sans-serif;
    font-size:2.3em;
    height:55px;
    padding:0 55px 0 10px;
    border:none;
    border-bottom:2px solid #FFF;
    box-sizing:border-box;
    background:none;
}
*[placeholder]{font-family:"敺株��迤暺煾��", Microsoft JhengHei, Helvetica, sans-serif; }
.searchZone .search-txt:focus,
.searchZone .search-txt:hover {
    background-color:rgba(255, 255, 255, 0.15);
}
.searchZone .search-txt[placeholder], 
.searchZone .search-txt::-webkit-input-placeholder, 
.searchZone .search-txt:-moz-placeholder, 
.searchZone .search-txt::-moz-placeholder, 
.searchZone .search-txt:-ms-input-placeholde{ color:#fff;}
.searchZone .search-txt[placeholder] { color:#fff;}
.searchZone .search-txt::-webkit-input-placeholder { color:#fff;}
.searchZone .search-txt:-moz-placeholder { color:#fff;}
.searchZone .search-txt::-moz-placeholder { color:#fff;}
.searchZone .search-txt:-ms-input-placeholder { color:#fff;}  
.searchZone .search-btn {
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    width:45px;
    height:45px;
    border-radius:50%;
    background:url(../images/header-search-w.png)no-repeat 50% 50%;
	background-size:70%;
    margin:0;
    border:none;
    text-indent:-9999px;
    cursor:pointer;
}
.searchZone .search-btn:hover,
.searchZone .search-btn:focus {
    background-color:rgba(255, 255, 255, 0.4);
}

/* ----- keyWd ----- */
.searchZone .keyWd {
    width:100%;
    color:#fff100;
    font-size:1.5em;
    line-height:125%;
    text-align:left;
    padding:0 0 20px 5px;
    box-sizing:border-box;
	font-weight:bold;
}
.searchZone .keyWd a {
    color:#FFF;
    text-decoration:none;
    margin:0 5px 0 0;
	font-weight:bold;
	
}
.searchZone .keyWd a:hover,
.searchZone .keyWd a:focus {
    color:#fff100;
}
.searchZone .keyWd a.advanced {
    float:right;
    color:#fff;
    font-size:1em;
    line-height:15px;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    padding:5px;
    background:none;
    border:1px solid #fff;
    box-sizing:border-box;
    margin-top:8px;
}
.searchZone .keyWd a.advanced:hover,
.searchZone .keyWd a.advanced:focus {
    background-color:#fff;
    color:#000;
}
.searchZone .search_bird{
	 width:116px; 
	 position:absolute; bottom:0; left:110%;
	 transition:all 0.5s;
	 transition-delay:0.5s
}	
.searchZone.open .search_bird{ left:calc(50% + 660px);	}  
@media screen and (max-width:1200px) {
	.searchZone:after{height:8vmin}	
}
@media screen and (max-width:800px) {
	.searchZone:after{ height:55px;}
}	
@media screen and (max-width:650px){	
	.searchZone:after{ height:10vw;}	
}		
@media screen and (max-width:480px) {	
	.searchZone:after{ height:37px;}
    .searchZone .search { padding:30px 15px 20px 15px; }
    .searchZone .box { width:100%; }
    .searchZone .search-txt {
        font-size:1.8em;
        height:45px;
        padding:0 45px 0 10px;
    }
    .searchZone .search-btn {
        width:35px;
        height:35px;
        background-size:80%;
    }
    .searchZone .keyWd a {
        width:100%;
        margin-right:0;
    }
    .searchZone .keyWd a.advanced {
        margin-top:10px;
        background:#fff;
        color:#000;
    }
    .searchZone .keyWd a.advanced:hover,
    .searchZone .keyWd a.advanced:focus {
        color:#fff;
        background:#000;
        border:1px solid #fff;
    }
}
@media screen and (max-width:420px) {
    .searchBtn .lookBtn a span {
        width:43px;
        height:55px;
    }
}
@media screen and (min-width:991px) {
    .searchZone {
        background:rgb(1,156,212);
		background:-moz-linear-gradient(left, rgba(0,114,182,1) 1%, rgba(45,150,150,1) 100%);
		background:-webkit-linear-gradient(left, rgba(0,114,182,1) 1%,rgba(45,150,150,1) 100%);
		background:linear-gradient(to right, rgba(0,114,182,1) 1%,rgba(45,150,150,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072b6', endColorstr='#2f9797',GradientType=1 );
    }
    .searchZone .search {
        padding:20px 15px 15px 15px;
    }
}


/** main **/
#main {
    width:100%;
    margin:0 auto;
}

/** page **/
#page{
	display:flex;
	flex-direction:column;
	width:100%;
	margin:30px auto 0px auto;
}	
#page .total {
	width:100%;
	display:block;
	color:#333;
	font-size:1.7em;
	text-align:center;
	margin-bottom:15px;
}
#page .total span{
	color:#d4420c;
	margin:0 5px;
	font-family:Arial, Helvetica, sans-serif;
}
#page .num {
	text-align:center;
	margin-top:20px;
}
#page .num a {
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-weight:bold;
	background:#268092;
	vertical-align:middle;
	overflow:hidden;
	margin:0 15px;
	border-radius:100%;
}
#page .num .cur{	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;	
	line-height:45px;
	vertical-align:middle;
	cursor:text;
	margin:0 10px;
	border-radius:100%;
}
#page .num a.btn-first,
#page .num a.btn-prev,
#page .num a.btn-next,
#page .num a.btn-last{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#page .num a.btn-first {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#268092;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-first:before{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:2px;
	height:14px;
	margin:-7px 0 0 -5px;
	background:#FFF;
	z-index:2;
	transition:all 0.4s;
}
#page .num a.btn-first:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin:-5px 0 0 1px;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-prev {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#268092;
	box-sizing:border-box;
	margin:0 10px 0 0;
}
#page .num a.btn-prev:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin:-5px 0 0 -3px;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-next {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#268092;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-next:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	margin:-5px -3px 0 0 ;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-last {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	text-align:left;
	text-indent:-9999px;
	background:#268092;
	box-sizing:border-box;
	margin:0 0 0 10px;
}
#page .num a.btn-last:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:2px;
	height:14px;
	margin:-7px -5px 0 0 ;
	background:#FFF;
	z-index:2;
	transition:all 0.4s;
	left:auto;
}
#page .num a.btn-last:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:50%;
	width:8px;
	height:8px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	margin:-5px 1px 0 0;
	z-index:2;
	transform:rotate(45deg);
	transition:all 0.4s;
}
#page .num a.btn-first:hover,
#page .num a.btn-first:focus,
#page .num a.btn-prev:hover,
#page .num a.btn-prev:focus,
#page .num a.btn-next:hover,
#page .num a.btn-next:focus,
#page .num a.btn-last:hover,
#page .num a.btn-last:focus {
	background:#000;
}
@media screen and (min-width:991px) {
	#page {
		align-items:center;
		margin-top:50px;
	}
	#page:after {
		display:none;
	}
	#page .num {
		text-align:left;
		margin:0;
	}
	#page .num a,#page .num .cur{
		display:inline-block;
		width:35px;
		height:35px;
		font-size:1.7em;
		text-align:center;
		font-weight:normal;
		line-height:35px;
		margin:0;
		position:relative;
		background-color:transparent;
	}
	#page .num > a::before,
	#page .num > span::before{
		content:"";
		width:1px;
		height:12px;
		background-color:#ccc;
		display:block;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-6px;
	}
	#page .num a:hover,
	#page .num a:focus {
		color:#009f3f;
	}
	#page .num .cur {font-weight:bold;}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last {
		display:inline-block;
		width:35px;
		height:35px;
		text-align:left;
	}
	/*#page .num a.btn-first::before,*/
	#page .num a.btn-prev::before,
	#page .num a.btn-next::before,
	/*#page .num a.btn-last::before,
	#page .num > a:nth-child(1)::before,*/
	#page .num > span:nth-child(1)::before,
	#page .num > .btn-prev + a::before,
	#page .num > .btn-prev + span::before{
		display:none;
	}/*#page .num > .btn-prev + span::before*/
}
@media screen and (min-width:1200px) {
	#page .num a,#page .num .cur{
		width:42px;
		height:42px;
		line-height:42px;
	}
	#page .num a.btn-first,
	#page .num a.btn-prev,
	#page .num a.btn-next,
	#page .num a.btn-last{
		width:42px;
		height:42px;
	}
}

/** pageBack **/
#pageBack {
	width:100%;
	margin:30px 0 0;
	text-align:center;
}
#pageBack a {
	position:relative;	
	display:inline-block;
	font-size:2.1em;
	font-weight:bold;
	border-radius:30px;
	color:#fff;
	padding:18px 48px 19px 78px;
	margin:0 auto;
	background-color:#268092;
}
#pageBack a:hover {
	background-color:#000;
}
#pageBack a:before{
	position:absolute;
    content:"";
    display:block;
    left:27px;
    top:22px;
    width:10px;
    height:10px;
    border-right:4px solid #FFF;
    border-top:4px solid #FFF;
	border-radius:3px;
    z-index:2;
    -webkit-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
			transform:rotate(-135deg);
}
#pageBack a:after {
 	content:"";
	display:block;
	position:absolute;	
    left:15px;
	top:12px;
	width:28px;
	height:28px;
    border:3px solid #FFF;
	z-index:1;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
            border-radius:100%;
}

/** footer **/
#footer {
    position:relative;
    width:100%;
    margin:0 auto;
    background-position:center top;
    background-size:cover;
    background-attachment:fixed;
    padding-top:40px;
	background-color:#f2f2f2;
    margin-top:30px;
     
}


@-webkit-keyframes left_right1 {
    0% {
        background-position:left top;
    }

    50% {
        background-position:right bottom;
    }

    100% {
        background-position:left top;
    }
}

@keyframes left_right1 {
    0% {
        background-position:left top;
    }

    50% {
        background-position:right bottom;
    }

    100% {
        background-position:left top;
    }
}


#footer .trigger {
    position:relative;
    width:100%;
    margin-bottom:40px;
	text-align:center
}
#footer .trigger:after{
	content:''; display:block; position:absolute; z-index:1; width:100%; height:1px; background-color:#1496aa;
	top:50%; left:0;}

#footer .trigger strong.tit {
 	 padding-bottom:10px; font-size:2.8em; letter-spacing:4px;
	 text-align:center; color:#333; display:inline-block; padding:0 8px; background-color:#f2f2f2;
	 position:relative; z-index:2;
}
#footer  .fatnav_btn {
 	width:30px;
	height:30px;
	border-radius:50%;
    color:#fff;
	font-weight:lighter;
	font-size:0;
	background-image:url(../images/lookbtn-close.png);
	background-color:#268092;
     line-height:25px;
	text-align:center;
    transition:all 0.5s;
  	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	transform:rotate(45deg);
	margin-top:8px;
	margin-left:10px;
  } 
#footer  .tit_img{
	display:inline-block; vertical-align:middle
}  
#footer .trigger .fatnav_btn:hover,
#footer .trigger .fatnav_btn:focus {
	background-color:#148296;
}
#footer .trigger .fatnav_btn.open {
    transform:rotate(0deg);
}
#footer .trigger .fatnav_btn.close {
	display:none;
}


/* ----- fatfooter ----- */
.fatfooter {
    width:100%;
    margin:0 auto;
}

.fatfooter .fat-nav {
    width:100%;
    padding:0;
    margin:0px auto 40px 0;
    overflow:hidden;
}
.fatfooter .fat-nav a{ color:#000}
.fatfooter .fat-nav ul{ list-style:none;}
.fatfooter .fat-nav > ul {
    width:calc(100% + 20px);
    list-style:none;
	letter-spacing:-9px;
    margin:-15px -10px;
}
.fatfooter .fat-nav > ul > li {
	display:inline-block;
    width:15.6%;
	letter-spacing:0;
    padding:15px 10px;
    box-sizing:border-box;
	vertical-align:top;
}
.fatfooter .fat-nav > ul > li.width-short{
    width:11%;
}
 /*LV1*/
.fatfooter .fat-nav > ul > li > a {
     font-size:2em;
    width:100%;
    display:block;
    margin-bottom:28px;
    font-weight:bold;
	color:#000;
	position:relative;
}
.fatfooter .fat-nav > ul > li > a:after{
	content:'';
	display:block;
	width:22px; height:3px; background:#8ad5dd; position:absolute; left:0; bottom:-12px;}

.fatfooter .fat-nav > ul > li > a:hover,
.fatfooter .fat-nav > ul > li > a:focus {
 	color:#32aac5;
}
.fatfooter .fat-nav > ul > li > ul {
    list-style:none;
}
.fatfooter .fat-nav > ul > li > ul > li {
    margin-top:10px; position:relative
}
/*lv2*/
.fatfooter .fat-nav > ul > li > ul > li .plus{
	border:none; width:17px; height:17px; border-radius:50%; background-color:#b3b3b3;
	background-image:url(../images/footer_btn.png); transform:rotate(45deg); transition:all 0.5s;
	display:inline-block; margin-left:5px; background-size:contain; cursor:pointer; vertical-align:top; margin-top:2px}
	
.fatfooter .fat-nav > ul > li > ul > li .plus:hover, .fatfooter .fat-nav > ul > li > ul > li .plus:focus{background-color:#555}		
.fatfooter .fat-nav > ul > li > ul > li .plus.open{transform:rotate(0deg); background-color:#8ad5dd}	
.fatfooter .fat-nav > ul > li > ul > li a {
    color:#000;
    font-size:1.7em;
    line-height:1.3;
    width:100%;
     display:block;
    padding-bottom:5px;
    box-sizing:border-box;
}
.fatfooter .fat-nav > ul > li > ul > li a.mas{
	max-width:calc(100% - 22px);
}
.fatfooter .fat-nav > ul > li > ul > li > a{
	display:inline-block; width:auto;}

.fatfooter .fat-nav > ul > li > ul a:hover,
.fatfooter .fat-nav > ul > li > ul a:focus {
    color:#32aac5;
    font-weight:bold;
}
.fatfooter .fat-nav > ul > li > ul > li > ul a {
	color:#555; position:relative; padding-left:0.6em;
	box-sizing:border-box; font-size:140%;
}
.fatfooter .fat-nav > ul > li > ul > li > ul a:before{
	content:'-'; display:block; position:absolute; left:0;
	top:-1px; color:#808080;
}
@media screen and (max-width:990px) {
    .fatfooter .fat-nav > ul > li {
		width:25% !important;
    }
}
@media screen and (max-width:540px) {
    .fatfooter .fat-nav > ul > li {
		width:50% !important;
    }
}
@media screen and (max-width:1350px) {
    .fatfooter .fat-nav > ul > li > ul > li > a {
        font-size:1.6em;
    }
}

/* ----- copyright ----- */
.copyright {
    width:100%;
    color:#fff;
    padding:45px 0;
	padding-top:50px;
	padding-bottom:0;
	background:#f2f2f2;
	color:#555;
	margin-top:60px;
	position:relative;
}
.copyright .container {
    position:relative;
	letter-spacing:-9px;
}
.copyright .box-L {
	position:relative;
	display:inline-block;
    width:calc(100% - 230px);
    padding-left:238px;
	letter-spacing:0;
    box-sizing:border-box;
	vertical-align:middle;
}
.copyright .box-L .fotLogo {
	display:inline-block;
    width:218px;
	vertical-align:middle;
    opacity:1;
}
.copyright .box-L .fotLogo:hover,
.copyright .box-L .fotLogo:focus {
    opacity:0.6;
}
@media screen and (max-width:990px) {
    .copyright{
        margin-top:0;
    }
}
@media screen and (min-width:997px) {
    .copyright .box-L .fotLogo {
        position:absolute;
        left:0;
        top:0;
    }
}
.copyright .box-L .add_info {
    display:inline-block;
    padding-left:13px;
    padding-right:0;
    box-sizing:border-box;
    color:#555;
	border-left:1px solid #757575;
	line-height:1.6;
	vertical-align:middle;
}
.copyright .box-L .add_info a.ffa{padding-left:0; margin-left:0;}
.copyright .box-L .add_info h3, .copyright .box-L .add_info strong.h3 {
    display:block;
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:8px;
    line-height:1.25;
}
.copyright .box-L .add_info h3 span {
    display:inline-block;
}
.copyright .box-L .add_info p {
    display:block;
    line-height:1.6;
    font-size:1.4em;
}
.copyright .box-L .add_info p span {
    display:inline-block;   
} 
.copyright .box-L .add_info a{
	color:#fff;
	font-size:1.4em;
	margin:0 4px;
}
.copyright .box-L .add_info a:first-child{margin-left:0;}		
.copyright .box-L .add_info   a:hover,
.copyright .box-L .add_info   a:focus {
    color:#fff;
	font-weight:bold;
    text-decoration:underline;
}
.copyright a:hover,
.copyright a:focus {
    color:#fff;
    text-decoration:underline;
}
.copyright .box-L .mark {
	display:inline-block;
	margin-left:13px;
	vertical-align:middle;
}
.copyright .box-L .add_info p i {
    font-style:normal;
    opacity:0.5;
    display:inline-block;
    margin:0 5px;
}
.copyright .box-R {
    position:relative;
	display:inline-block;
    width:210px;
	letter-spacing:0;
	vertical-align:middle;
}
.copyright .box-R.ft_icos a{
	display:block;
	float:left;
	width:calc(33.3% - 10px);
	max-width:60px;
	margin-left:10px;
	font-size:0;
} 
.copyright .box-R.ft_icos a i{
	width:100%;
	padding-bottom:100%;
	border:1px solid #fff;
	border-radius:50%;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	transition:all 0.4s;
	background-color:#666666;
}	
.copyright .box-R.ft_icos a:hover i,
.copyright .box-R.ft_icos a:focus i{transform:rotate(360deg);background-color:#333;}		
.copyright .box-R.ft_icos a i.ico_1{background-image:url(../images/footer-ico-mail.png);}
.copyright .box-R.ft_icos a i.ico_2{background-image:url(../images/footer-ico-map.png);}
.copyright .box-R.ft_icos a i.ico_3{background-image:url(../images/footer-ico-call.png);}
.copyright .box-R.ft_icos a p{
	display:block;
	text-align:center;
	color:#fffl;
	font-size:1.5em;
	display:none
}		 
@media screen and (max-width:1150px) and (min-width:991px) {
	.copyright .box-L {width:calc(100% - 170px);}
	.copyright .box-R{width:160px;}
	.copyright .box-L .add_info {
		max-width:calc(100% - 120px);
	}
	.copyright .box-L .add_info p{margin-bottom:10px;}	
} 
@media screen and (max-width:990px) {
    .copyright .box-R,
    .copyright .box-L {
        width:100%;
        text-align:center;
        padding:0;
    }
    .copyright .box-L .fotLogo {
        margin:0 auto;
        margin-bottom:15px;
    }
    .copyright .box-L .add_info{
        width:100%;
        padding:0;
        margin-bottom:12px;
		border:0;
    }
	.copyright .box-L .mark {
		margin:0 auto 12px auto;
	}
	.copyright .box-R.ft_icos{
		width:100%;
		padding:0;
		margin:0;
		margin-bottom:10px;
		text-align:center;
	}	
	.copyright .box-R.ft_icos a{
		width:60px;
		height:60px;
		padding:0;
		margin:10px;
		display:inline-block;
		float:none;
	}
	.searchBtn .lookBtn a span.open-search, .searchBtn:hover .lookBtn a span.open-search, .searchBtn .lookBtn a:hover span.open-search, .searchBtn .lookBtn a:focus span.open-search, .searchBtn .lookBtn a span.close-search, .searchBtn:hover .lookBtn a span.close-search, .searchBtn .lookBtn a:hover span.close-search, .searchBtn .lookBtn a:focus span.close-search{
		background-size:70% !important;
	} 	
}

@media screen and (max-width:480px) {
	.copyright{ padding-top:30px;}	
	.copyright:before{ background-size:150% auto}	
	#pageBack a{
		font-size:1.7em;
		padding:12px 22px 12px 50px;
	}	
	#pageBack a:after {
		left:15px;
		top:9px;
		width:19px;
		height:19px;
	}
	#pageBack a:before {
		left:25px;
		top:17px;
		width:6px;
		height:6px;
		border-right:3px solid #FFF;
		border-top:3px solid #FFF;
		border-radius:3px;
	}		
	.copyright .box-R.ft_icos a {
		width:59px;
		height:59px;
		margin:5px;
		display:inline-block;
		vertical-align:top;
		font-size:90%;
	}
	.copyright .box-L .add_info a{
		display:inline-block;
		line-height:1.3
	}	
}
#footer .last {
     color:#555;
     font-size:1.5em;
     padding:15px 0;
	 letter-spacing:0;
	 border-top:1px solid #acacac;
	 margin-top:10px;
}
#footer .last a {
    color:#555;
}
#footer .last a:hover,
#footer .last a:focus {
    text-decoration:underline;
}
#footer .last .right_info {
    float:right;
}
#footer .last .right_info span {
    display:inline-block;
     line-height:20px;
}
#footer .last .rwd_icon{float:left;}
#footer .last .right_info i {
    display:inline-block;
    margin:0 5px;
    font-style:normal;
    opacity:0.5;
}
@media screen and (max-width:1200px) {
    #footer .last .right_info, #footer .last .rwd_icon {
        float:none;
		display:block;
		text-align:center;
		margin:8px 0;
    }
	#footer .last{padding:11px 0;}
}
/*share+gotop*/
#qMenu {
    position:fixed;
    display:none;
    right:10px;
    bottom:10px;
    margin-top:-105px;
    z-index:1111;
    cursor:pointer;
}
@media screen and (max-width:1200px) and (min-width:480px){
	#qMenu { opacity:0.4;}
	#qMenu:hover { opacity:1;}		
}
#qMenu ul {
	list-style:none;
}
#qMenu ul li{margin-bottom:6px;}
#qMenu ul li,
#qMenu ul li a {
    display:block;
    width:50px;
    height:50px;
    border-radius:100%;
    padding:0;
}
#qMenu ul li a {
    background-position:center;
    background-repeat:no-repeat;
    font-size:0;
    background-size:contain;
}
#qMenu ul li a.icon-print {
    background-image:url(../images/social/share-print.svg);
	*background-image:url(../images/social/share-print.png);
    background-color:#999;
}
#qMenu ul li a.icon-mail {
    background-image:url(../images/social/share-mail.svg);
	*background-image:url(../images/social/share-mail.png);
    background-color:#666;
}
#qMenu ul li a.icon-fb {
    background-image:url(../images/social/share-fb.svg);
	*background-image:url(../images/social/share-fb.png);
    background-color:#3b5998;
}
#qMenu ul li a.icon-line {
    background-image:url(../images/social/share-line.svg);
	*background-image:url(../images/social/share-line.png);
    background-color:#00b900;
}
#qMenu ul li a.icon-gg {
    background-image:url(../images/social/share-GG.png);
    background-color:#f93f2d;
}
#qMenu ul li a.icon-IG {
	position:relative;
	background:rgb(255,193,7); 
	background:-moz-linear-gradient(45deg,  rgba(255,193,7,1) 0%, rgba(244,67,54,1) 50%, rgba(156,39,176,1) 100%); 
	background:-webkit-linear-gradient(45deg,  rgba(255,193,7,1) 0%,rgba(244,67,54,1) 50%,rgba(156,39,176,1) 100%);
	background:linear-gradient(45deg,  rgba(255,193,7,1) 0%,rgba(244,67,54,1) 50%,rgba(156,39,176,1) 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#9c27b0',GradientType=1 );
}
#qMenu ul li a.icon-IG:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/social/share-IG.svg);
	*background-image:url(../images/social/share-IG.png);
	position:absolute;
	z-index:1;
	background-size:contain;
	}	
#qMenu ul li a.icon-IG:hover:after,
#qMenu ul li a.icon-IG:focus:after{
	background-color:#000;
}		
#qMenu ul li a.icon-tt {
    background-image:url(../images/social/share-TT.svg);
	*background-image:url(../images/social/share-TT.png);
    background-color:#00aced;
}
#qMenu ul li a#goTop {
    background-image:url(../images/social/share-gotop.svg);
	*background-image:url(../images/social/share-gotop.png);
    background-color:rgba(0, 0, 0, 0.8);
}
#qMenu ul li.tailShare {
	position:relative;
}
#qMenu ul li .tailshareBtn .open {
    background-image:url(../images/social/share-share.svg);
	*background-image:url(../images/social/share-share.png);
    background-color:rgba(0, 0, 0, 0.8);
	position:relative;
}
#qMenu ul li .tailshareBtn .close {
	display:none;
	background-image:none;
	text-align:center;
	background-color:#148296
 	}
#qMenu ul li .tailshareBtn .close:after{
	content:'';
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:50%;
	background-image:url(../images/icon_plus.svg);
	*background-image:url(../images/icon_plus.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	transform:rotate(45deg);
	line-height:1;
}
#qMenu #tailshareMenu{
	width:50px;
	bottom:50px;
	left:0;
	position:absolute;
}	
#qMenu ul li a:hover,
#qMenu ul li a:focus {
    background-color:rgba(0, 0, 0, 1);
}
#qMenu ul li a#goTop:hover,
#qMenu ul li a#goTop:focus {
    background-color:rgba(0, 0, 0, 1);
}
@media screen and (max-width:990px) {
    #footer { padding-top:0; }
    #footer .last { display:none; }
    #footer { padding-bottom:0; }
}
@media screen and (max-width:600px) {
    .copyright {
        padding-bottom:70px
    }	
    #qMenu {
        right:0;
        top:auto;
        bottom:0;
        margin-top:auto;
        width:100%;
        height:50px;
		opacity:1;
    }
    #qMenu ul.base {
        width:100%;
		opacity:1 ;
    }
    #qMenu ul.base li {
        width:calc(100% / 3);
        margin-left:0;
		margin:0;
		float:left
    }
    #qMenu ul.base li a {
        border-radius:0;
        width:100%;
        background-position:center;
    }
	#qMenu #tailshareMenu{
		width:100vw;
		height:50px;
	}
	#qMenu #tailshareMenu li{
		width:calc(100% / 3);
		float:left;
	}	
	#qMenu #tailshareMenu li, #qMenu #tailshareMenu li a{
		border-radius:0;
		margin:0;
	}
	#qMenu #tailshareMenu li a{
		width:100%;
	}		
}


/*PRINT*/
* {
    -webkit-print-color-adjust:exact;
}
@page {
    size:landscape;
    margin:1cm;
}

@media print {
    * {
        -webkit-print-color-adjust:exact;
    }

    /*憿舐內�峕艶���*/


    body,
    html {
        margin:0 !important;
        padding:0 !important;
        font-size:62.5%;
        width:100%;

    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after:avoid;
        page-break-inside:avoid;
    }

    h1 + p,
    h2 + p,
    h3 + p {
        page-break-before:avoid;
    }

    a {
        page-break-inside:avoid
    }

    blockquote,
    table,
    pre {
        page-break-inside:avoid;
    }

    ul,
    ol,
    dl {
        page-break-before:avoid;
    }

    img {
        max-width:100% !important;
    }

    img,
    #gallery li,
    .LR .all_list a {
        page-break-after:avoid;
        page-break-inside:avoid;
    }

    #gallery li {
        width:calc(25% - 12px) !important;
        margin:10px 5px !important;
    }

    .container {
        max-width:100% !important;
        width:100% !important
    }

    .fatfooter,
    .botLink,
    #goTop,
    #header,
    #footer,
    div.LR aside.nm,
    .intop_tit,
    .RF_link,
    .ico_files,
    .file_list,
    #units,
    .ico_back,
    div.LR.first_list aside.sm {
        display:none !important;
    }

    .RP .details {
        width:100% !important;
        padding:2% !important;
        padding-top:0 !important;
        box-sizing:border-box !important
    }

    .data_box {
        margin-top:0;
    }

    #main.in_bg {
        background:none !important;
        padding:0 !important;
    }

    div.LR article.RP {
        width:100% !important;
        max-width:100% !important;
    }

}

.gsc-adBlock{ display:none !important;}