@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*------------------------------------------------------------------------------ SET --*/
.pcv{display:block !important;}
.spv{display:none !important;}
@media screen and (max-width:750px) {
.pcv{display:none !important;}
.spv{display:block !important;}
img{
	width:100%;
	height:auto;
}
}
.dispNon{display:none !important;}
/*------------------------------------------------------------------------------ COMMON --*/
body {
	width:100%;
	min-width:980px;
	margin: 0;
	padding:0;
	color:#000;
	background:#fff;
	text-align:left;
	font-family: 'Noto Sans TC', sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	position:relative;
	line-height:0;
	font-size:16px;
	font-weight: 400;
}
#cont{
	position:relative;
	width:100%;
	padding:85px 0 0 0;
	}
#totop{
	position:fixed;
	bottom:0;
	right:-100px;
	width:0;
	z-index:999;
	}
@media screen and (max-width:750px) {
body {
	min-width:320px;
}
#cont{
	position:relative;
	width:100%;
	padding:70px 0 0 0;
	}
#totop{
	position:fixed;
	bottom:20px;
	right:0;
	width:12%;
	z-index:999;
	cursor:pointer;
	}
}
html, body {
	height:100%;
}
.f12 {
	font-size:75%;
}
.f13 {
	font-size:81%;
}
.f14 {
	font-size:87%;
}
.f15 {
	font-size:93%;
}
.f16 {
	font-size:100%;
}
.f17 {
	font-size:107%;
}
.f18 {
	font-size:113%;
}
.f19 {
	font-size:119%;
}
.f20 {
	font-size:125%;
}

/*------------------------------------------------------------------------------ HEAD --*/
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	min-height:86px;
	line-height:0;
	z-index:9990;
	background:url(../../common/img/global/pc/head_bg.png) 0 0 repeat-x;
	text-align:left;
}
header h1{
	position:absolute;
	top:0;
	left:15px;	
}
header h1 a{
	display:block;
	width:190px;
	height:85px;
	background:url(../../common/img/global/pc/h1.png) 0 0 no-repeat;
}
header h1 a img{
	display:none;
}
header a img{
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
}
header a:hover img{
	opacity:0.6;
}
.btn_menu {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width: 85px;
	height: 85px;
	margin: 0;
	cursor:pointer;
	z-index:9991;
	background:#003a62 url(../img/other/global/menu_btn_pc.png) 0 0 no-repeat;
}

.btn_menu:hover {
	opacity:0.6;
}
.btn_menu_icon {
	display: block;
	position: absolute;
	top: 35%;
	left: 50%;
	width: 30px;
	height: 5px;
	margin: -1px 0 0 -15px;
	background: #fff;
	transition: .2s;
}
.btn_menu_icon:before, .btn_menu_icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 35%;
	left: 0;
	width: 30px;
	height: 5px;
	background: #fff;
	transition: .3s;
}
.btn_menu_icon:before {
	margin-top: -15px;
}
.btn_menu_icon:after {
	margin-top: 11px;
}
.btn_menu .close {
	background: transparent;
}
.btn_menu .close:before, .btn_menu .close:after {
	margin-top: 0;
}
.btn_menu .close:before {
	background-color:#ffffff;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.btn_menu .close:after {
	background-color:#ffffff;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
header #btnContact{
	position:absolute;
	top:0;
	right:85px;
	width:auto;
	height:85px;
	text-align:center;
	}
header #btnContact a{
	display:block;
	height:85px;
	background:#ee6b4c;
	padding:0 40px;
}
header #btnContact a:hover {
	opacity:0.6;
}
header #btnContact a span{
	display:inline-block;
	color:#fff;
	font-size:24px;
	line-height:82px;
	font-weight:600px;
	background:url(../img/other/global/contact_icon.png) left center no-repeat;
	padding:0 0 3px 30px;
	font-weight:600;
}	
#gNav{
	position:fixed;
	top:85px;
	right:-100%;
	height:100%;
	line-height:0;
	z-index:9980;
	background:url(../img/other/global/menu_bg.png) 0 0 repeat;
	text-align:left;
	padding:20px 35px 20px 20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .8s ease-in-out;  
       -moz-transition: .8s ease-in-out;  
         -o-transition: .8s ease-in-out;  
            transition: .8s ease-in-out;  
	white-space:nowrap;
	}
#gNav.openNav{
	right:0;
}
#gNav .menu ul li{
	text-align:left;
	color:#fff;
	padding:0;
	font-size:16px;
	line-height:18px;
	padding-bottom:26px;
}
#gNav a{
	color:#fff;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
}
#gNav a:hover{
	opacity:.6;
	
}
#gNav .sns ul{
	padding:10px 0 0 0;
	overflow:hidden;
	zoom:1;
	
}
#gNav .sns ul li{
	float:left;
	padding:0 10px 0 0;
}
#gNav .sns img{
	height:20px;
	width:auto;
}
#gNav p{
	text-align:left;
	color:#fff;
	padding:0;
	font-size:16px;
	line-height:18px;
	padding-top:30px;
}


@media screen and (max-width:750px) {
.btn_menu {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width: 70px;
	height: 70px;
	margin: 0;
	cursor:pointer;
	z-index:9991;
	background:#003a62;
}

.btn_menu:hover {
	opacity:0.6;
}
.btn_menu_icon {
	display: block;
	position: absolute;
	top: 48%;
	left: 50%;
	width: 30px;
	height: 5px;
	margin: -1px 0 0 -15px;
	background: #fff;
	transition: .2s;
}
.btn_menu_icon:before, .btn_menu_icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 48%;
	left: 0;
	width: 30px;
	height: 5px;
	background: #fff;
	transition: .3s;
}
.btn_menu_icon:before {
	margin-top: -15px;
}
.btn_menu_icon:after {
	margin-top: 11px;
}
header #btnContact{
	position:absolute;
	top:0;
	right:70px;
	width:70px;
	height:70px;
	text-align:center;
	}
header #btnContact a{
	display:block;
	width:70px;
	height:70px;
	background:#ee6b4c;
	padding:0;
	background:url(../img/other/global/contact_bg_sp.png) 0 0 no-repeat;
	background-size:70px auto;
}
header #btnContact a:hover {
	opacity:0.6;
}
header #btnContact a span{
	display:none;
}	
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:320px;
	height:70px;
	min-height:70px;
	line-height:0;
	z-index:9990;
	background:#fff;
	text-align:left;
	overflow:hidden;
}
header h1{
	position:relative;
	top:0;
	left:0;	
}
header h1 a{
	display:block;
	width:100%;
	height:70px;
	background:none;
}
header h1 a img{
	display:block;
	width:375px;
	height:70px;	
}

#gNav{
	position:fixed;
	top:70px;
	right:-100%;
	height:100%;
	line-height:0;
	z-index:9980;
	background:url(../img/other/global/menu_bg.png) 0 0 repeat;
	text-align:left;
	padding:20px 30px 20px 20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .8s ease-in-out;  
       -moz-transition: .8s ease-in-out;  
         -o-transition: .8s ease-in-out;  
            transition: .8s ease-in-out;  
	white-space:nowrap;
	}
#gNav.openNav{
	right:0;
}
#gNav .menu ul li{
	text-align:left;
	color:#fff;
	padding:0;
	font-size:16px;
	line-height:18px;
	padding-bottom:20px;
}
#gNav .sns ul{
	padding:10px 0 0 0;
	overflow:hidden;
	zoom:1;
	
}
#gNav .sns ul li{
	float:left;
	padding:0 10px 0 0;
}
#gNav .sns img{
	height:20px;
	width:auto;
}
#gNav p{
	text-align:left;
	color:#fff;
	padding:0;
	font-size:16px;
	line-height:18px;
	padding-top:30px;
}
}

/*------------------------------------------------------------------------------ FOOT --*/
footer{
	position:relative;
	width:100%;
	min-width:980px;
	line-height:0;
	background:#f4f4f4;
	border-top:#ffffff solid 2px;
	text-align:left;
	padding:40px 0;
	margin:0 !important;
}
footer div{
	position:relative;
	padding:0;
	height:85px;
	margin:0 20px;
}
footer div .ttl{
	position:absolute;
	top:0;
	left:0;
}
footer div .btn{
	position:absolute;
	top:0;
	right:0;
}
footer a img{
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
}
footer a:hover img{
	opacity:0.6;
}
footer div .cc{
	position:absolute;
	top:10px;
	right:0;
	font-size:11px;
	line-height:13px;
	font-family: 'Noto Sans', sans-serif;
}

footer ul{
	position:absolute;
	top:10px;
	left:235px;
	zoom:1;
	overflow:hidden;
	}
footer ul li{
	float:left;
	padding:0 20px 0 13px;
	background:url(../../common/img/global/pc/arrow01.png) 0 2px no-repeat;
	font-size:13px;
	line-height:14px;
	min-height:16px;
	margin-bottom:10px;
	}
footer ul li a:hover{
	color:#007bd0;
}	
/*------------------------------------------------------------------------------ 750px under --*/
@media screen and (max-width:750px) {
footer{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	background:#f4f4f4;
	border-left:#ffffff solid 2px;
	text-align:left;
	padding:30px 0;
}
footer div{
	position:relative;
	padding:0;
	height:auto;
	margin:0 20px;
}
footer div .ttl{
	display:none;
}
footer div .btn{
	position:relative;
	width:52%;
	margin:0 auto;
	top:0;
	right:0;
}

footer div .cc{
	position:relative;
	text-align:center;
	bottom:0;
	right:0;
	font-size:10px;
	line-height:13px;
}

footer ul{
	width:100%;
	position:relative;
	top:0;
	left:0;
	zoom:1;
	overflow:hidden;
	text-align:center;
	padding:20px 0 10px;
	}
footer ul li{
	float:none;
	display:inline-block;
	padding:0 0 10px 0;
	background:none;
	font-size:11px;
	line-height:11px;
	min-height:12px;
	margin:0;
	}
footer ul li a{
	display:block;
	padding:0 5px 0 6px;
	background:url(../../common/img/global/sp/arrow01.png) 0 2px no-repeat;
	background-size:5px auto;
}
}
/*------------------------------------------------------------------------------ COMMON --*/
#pan{
	width:100%;
	}

#pan ul{
	padding:28px 28px 10px;
	zoom:1;
	overflow:hidden;
	}
#pan ul li{
	padding:0 5px 0 0;
	float:left;
	font-size:12px;
	line-height:15px;	
}
#pan ul li a{
	color:#1a7bd0;
	text-decoration:underline;
}

#setRead{
	width:940px;
	margin:0 auto;
	}
#setRead h2{
	text-align:center;
	padding:70px 0 0 0;
	font-size:36px;
	line-height:54px;	
}
#setRead p{
	text-align:left;
	padding:30px 0 0 0;
	font-size:16px;
	line-height:32px;	
}
.setTtl{
	width:940px;
	margin:0 auto;
	}
.setTtl h2{
	text-align:center;
	padding:70px 0 0 0;
	font-size:24px;
	line-height:36px;	
}
.setTtl p{
	text-align:center;
	padding:30px 0 0 0;
	font-size:16px;
	line-height:32px;	
}
.setTtl div{
	text-align:center;
	padding:30px 0 0 0;
	font-size:24px;
	line-height:32px;	
}
.crmbox3{
	margin-top:100px;
	width:100%;
	padding:100px 0;
	background:url(../../common/img/global/pc/box_bg.png) center top repeat;
	color:#000;
	text-align:center;
	position:relative;
	}
.crmbox3 ul{
	position:relative;
	width:940px;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
	
}
.crmbox3 ul li{
	float:left;
	width:300px;
	margin-left:20px;
	background:#fff;
}
.crmbox3 ul li div{
	position:relative;
	padding:50px 0 110px;
	margin:0 20px;
}
.crmbox3 ul li:nth-child(1){
	margin-left:0;
}

.crmbox3 .box_ttl{
	padding:0 0;
	font-size:20px;
	line-height:24px;
	text-align:center;
	font-weight:600;
	}

.crmbox3 .box_read{
	padding:15px 0 0;
	font-size:16px;
	line-height:28px;
	text-align:left;
	}
.crmbox3 .box_btn{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	border:#000 1px solid;
	font-size:18px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
.crmbox3 .box_btn a{
	display:block;
	color:#000;
	background:url(../../common/img/top/pc/arrow2.png) 50px 24px no-repeat;
	padding:20px 50px 20px 70px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
.crmbox3 .box_btn:hover{
	border:#fff 1px solid;
	background:#1a7bd0;
}
.crmbox3 .box_btn:hover a{
	color:#fff;
	background:url(../../common/img/top/pc/arrow.png) 50px 24px no-repeat;
}
.h3Set h3{
	font-size:28px;
	line-height:38px;	
	background:#ecf4fa;
	color:#000;
	padding:25px 20px;
	}
.h3Set p{
	font-size:16px;
	line-height:32px;	
	padding:30px 0 0;
	}
.ttl h3{
	font-size:28px;
	line-height:38px;	
	background:#ecf4fa;
	color:#000;
	padding:25px 20px;
	zoom:1;
	overflow:hidden;
}
.ttl h3 a{
	float:right;
	font-size:18px;
	line-height:38px;
}
table{
	border-collapse: collapse;
}
table th {
	padding: 10px;
	font-size:14px;
	line-height:28px;
	font-weight: normal;
	text-align:center;
	vertical-align: middle;
	border: 1px solid #cccccc;
	background:#6b6e6d;
	color:#fff;
}
table td {
	padding: 10px;
	font-size:14px;
	line-height:28px;
	text-align:left;
	vertical-align: middle;
	border: 1px solid #cccccc !important;
}
table td.sub{
	padding: 5px 10px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	vertical-align: middle;
	border: 1px solid #cccccc !important;
	background:#f1f0ec;
}
.nap{
	white-space:nowrap;
	}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}
#main_v .dot{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../../common/img/global/dot.gif) 0 0 repeat;
	background-size:3px auto;
	z-index:5;
}
#main_v h1{
	position:relative;
	z-index:10;
}
#main_v{
	overflow: hidden;
	}
#cover {
  position: absolute;
}

@media screen and (max-width:750px) {
#cover {
  position: absolute;
  display:none;
}
#main_v .dot{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:none;
	background-size:3px auto;
	z-index:5;
}
#pan{
	display:none;
	}

#setRead{
	width:90%;
	margin:0 auto;
	}
#setRead h2{
	text-align:left;
	padding:40px 0 0 0;
	font-size:18px;
	line-height:25px;
}
#setRead p{
	text-align:left;
	padding:20px 0 0 0;
	font-size:14px;
	line-height:26px;	
}
.setTtl{
	width:90%;
	margin:0 auto;
	}
.setTtl h2{
	text-align:left;
	padding:40px 0 0 0;
	font-size:18px;
	line-height:25px;	
}
.setTtl p{
	text-align:left;
	padding:20px 0 0 0;
	font-size:14px;
	line-height:26px;	
}
.setTtl div{
	text-align:left;
	padding:20px 0 0 0;
	font-size:16px;
	line-height:26px;	
}
.crmbox3{
	margin-top:40px;
	width:100%;
	padding:50px 0 40px;
	background:url(../../common/img/global/sp/box_bg.png) 0 0 repeat;
	background-size:100% auto;
	color:#000;
	text-align:center;
	position:relative;
	}
.crmbox3 ul{
	position:relative;
	width:90%;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
	
}
.crmbox3 ul li{
	float:none;
	width:100%;
	margin-left:0;
	background:#fff;
	margin-bottom:10px;
}
.crmbox3 ul li div{
	position:relative;
	padding:30px 0 20px;
	margin:0 20px;
}
.crmbox3 ul li:nth-child(1){
	margin-left:0;
}

.crmbox3 .box_ttl{
	padding:0 0 0;
	font-size:18px;
	line-height:20px;
	text-align:center;
	font-weight:600;
	}

.crmbox3 .box_read{
	padding:20px 0 20px;
	font-size:14px;
	line-height:28px;
	text-align:left;
	}
.crmbox3 .box_btn{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	border:#000 1px solid;
	font-size:16px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
.crmbox3 .box_btn a{
	display:inline-block;
	color:#000;
	background:url(../../common/img/top/sp/arrow2.png) 50px 13px no-repeat;
	background-size:10px auto;
	padding:10px 50px 10px 70px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
.crmbox3 .box_btn:hover{
	border:#fff 1px solid;
	background:#1a7bd0;
}
.crmbox3 .box_btn:hover a{
	color:#fff;
	background:url(../../common/img/top/sp/arrow.png) 50px 13px no-repeat;
	background-size:10px auto;
}
.h3Set h3{
	font-size:16px;
	line-height:26px;	
	background:#ecf4fa;
	color:#000;
	padding:15px 10px;
	}
.h3Set p{
	padding:20px 0 0 0;
	font-size:14px;
	line-height:26px;
	}
.ttl h3{
	font-size:16px;
	line-height:26px;	
	background:#ecf4fa;
	color:#000;
	padding:15px 10px;
}
.ttl h3 a{
	float:right;
	font-size:14px;
	line-height:26px;
}
table{
	border-collapse: collapse;
}
table th {
	padding: 5px;
	font-size:14px;
	line-height:26px;
	font-weight: normal;
	text-align:center;
	vertical-align: middle;
	border: 1px solid #cccccc;
	background:#6b6e6d;
	color:#fff;
}
table td {
	padding: 5px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	vertical-align: middle;
	border: 1px solid #cccccc;
}
table td.sub{
	padding: 5px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	vertical-align: middle;
	background:#f1f0ec;
	border: 1px solid #cccccc;
}
}