@charset "utf-8";

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Web Fonts 
 * - Reset
 * - Basic
 * - General Purpose
 * Media Queries
====================================================== */

/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote::after,q:before,q::after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* ----- Custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
i{font-style:normal;}
em,address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:12px;font-size:1.2rem;line-height:1;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{max-width:100%;height:auto;vertical-align:top;}

/* ------------------------------------------------------
 * Basic
------------------------------------------------------ */
html {
	font-size: 62.5%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #333;
	font: 1.6rem/1.6 "Microsoft YaHei", "΢ÈíÑźÚ",'SimSun', sans-serif;
	word-wrap : break-word;
}
body *,
body *::before,
body *::after  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- Link ----- */
a:link    {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover   {color:#333;text-decoration:none;}
a:active  {color:#333;text-decoration:none;}
a:focus,*:focus {outline:none;}

/* ----- Form ----- */
input,
select,
textarea,
button {
	font: 1.6rem/1.6 "Microsoft YaHei", "΢ÈíÑźÚ",'SimSun', sans-serif;
}

/* ------------------------------------------------------
 * General Purpose
------------------------------------------------------ */
/* ----- Width ----- */
.gp-w-auto{width:auto!important;}.gp-w-001per{width:1%!important;}.gp-w-002per{width:2%!important;}.gp-w-003per{width:3%!important;}.gp-w-004per{width:4%!important;}.gp-w-005per{width:5%!important;}.gp-w-006per{width:6%!important;}.gp-w-007per{width:7%!important;}.gp-w-008per{width:8%!important;}.gp-w-009per{width:9%!important;}.gp-w-010per{width:10%!important;}.gp-w-011per{width:11%!important;}.gp-w-012per{width:12%!important;}.gp-w-013per{width:13%!important;}.gp-w-014per{width:14%!important;}.gp-w-015per{width:15%!important;}.gp-w-016per{width:16%!important;}.gp-w-017per{width:17%!important;}.gp-w-018per{width:18%!important;}.gp-w-019per{width:19%!important;}.gp-w-020per{width:20%!important;}.gp-w-021per{width:21%!important;}.gp-w-022per{width:22%!important;}.gp-w-023per{width:23%!important;}.gp-w-024per{width:24%!important;}.gp-w-025per{width:25%!important;}.gp-w-026per{width:26%!important;}.gp-w-027per{width:27%!important;}.gp-w-028per{width:28%!important;}.gp-w-029per{width:29%!important;}.gp-w-030per{width:30%!important;}.gp-w-031per{width:31%!important;}.gp-w-032per{width:32%!important;}.gp-w-033per{width:33%!important;}.gp-w-034per{width:34%!important;}.gp-w-035per{width:35%!important;}.gp-w-036per{width:36%!important;}.gp-w-037per{width:37%!important;}.gp-w-038per{width:38%!important;}.gp-w-039per{width:39%!important;}.gp-w-040per{width:40%!important;}.gp-w-041per{width:41%!important;}.gp-w-042per{width:42%!important;}.gp-w-043per{width:43%!important;}.gp-w-044per{width:44%!important;}.gp-w-045per{width:45%!important;}.gp-w-046per{width:46%!important;}.gp-w-047per{width:47%!important;}.gp-w-048per{width:48%!important;}.gp-w-049per{width:49%!important;}.gp-w-050per{width:50%!important;}.gp-w-051per{width:51%!important;}.gp-w-052per{width:52%!important;}.gp-w-053per{width:53%!important;}.gp-w-054per{width:54%!important;}.gp-w-055per{width:55%!important;}.gp-w-056per{width:56%!important;}.gp-w-057per{width:57%!important;}.gp-w-058per{width:58%!important;}.gp-w-059per{width:59%!important;}.gp-w-060per{width:60%!important;}.gp-w-061per{width:61%!important;}.gp-w-062per{width:62%!important;}.gp-w-063per{width:63%!important;}.gp-w-064per{width:64%!important;}.gp-w-065per{width:65%!important;}.gp-w-066per{width:66%!important;}.gp-w-067per{width:67%!important;}.gp-w-068per{width:68%!important;}.gp-w-069per{width:69%!important;}.gp-w-070per{width:70%!important;}.gp-w-071per{width:71%!important;}.gp-w-072per{width:72%!important;}.gp-w-073per{width:73%!important;}.gp-w-074per{width:74%!important;}.gp-w-075per{width:75%!important;}.gp-w-076per{width:76%!important;}.gp-w-077per{width:77%!important;}.gp-w-078per{width:78%!important;}.gp-w-079per{width:79%!important;}.gp-w-080per{width:80%!important;}.gp-w-081per{width:81%!important;}.gp-w-082per{width:82%!important;}.gp-w-083per{width:83%!important;}.gp-w-084per{width:84%!important;}.gp-w-085per{width:85%!important;}.gp-w-086per{width:86%!important;}.gp-w-087per{width:87%!important;}.gp-w-088per{width:88%!important;}.gp-w-089per{width:89%!important;}.gp-w-090per{width:90%!important;}.gp-w-091per{width:91%!important;}.gp-w-092per{width:92%!important;}.gp-w-093per{width:93%!important;}.gp-w-094per{width:94%!important;}.gp-w-095per{width:95%!important;}.gp-w-096per{width:96%!important;}.gp-w-097per{width:97%!important;}.gp-w-098per{width:98%!important;}.gp-w-099per{width:99%!important;}.gp-w-100per{width:100%!important;}

/* ----- padding ----- */
.gp-p-auto {padding-right: auto !important;padding-left: auto !important;}.gp-pt-0 { padding-top: 0 !important; }.gp-pt-5 { padding-top: 5px !important; }.gp-pt-10{ padding-top: 10px !important; }.gp-pt-15{ padding-top: 15px !important; }.gp-pt-20{ padding-top: 20px !important; }.gp-pt-25{ padding-top: 25px !important; }.gp-pt-30{ padding-top: 30px !important; }.gp-pt-35{ padding-top: 35px !important; }.gp-pt-40{ padding-top: 40px !important; }.gp-pt-auto { padding-top: auto !important; }.gp-pr-0 { padding-right: 0 !important; }.gp-pr-5 { padding-right: 5px !important; }.gp-pr-10{ padding-right: 10px !important; }.gp-pr-15{ padding-right: 15px !important; }.gp-pr-20{ padding-right: 20px !important; }.gp-pr-25{ padding-right: 25px !important; }.gp-pr-30{ padding-right: 30px !important; }.gp-pr-35{ padding-right: 35px !important; }.gp-pr-40{ padding-right: 40px !important; }.gp-pr-auto { padding-right: auto !important; }.gp-pb-0 { padding-bottom: 0 !important; }.gp-pb-5 { padding-bottom: 5px !important; }.gp-pb-10{ padding-bottom: 10px !important; }.gp-pb-15{ padding-bottom: 15px !important; }.gp-pb-20{ padding-bottom: 20px !important; }.gp-pb-25{ padding-bottom: 25px !important; }.gp-pb-30{ padding-bottom: 30px !important; }.gp-pb-35{ padding-bottom: 35px !important; }.gp-pb-40{ padding-bottom: 40px !important; }.gp-pb-auto { padding-bottom: auto !important; }.gp-pl-0 { padding-left: 0 !important; }.gp-pl-5 { padding-left: 5px !important; }.gp-pl-10{ padding-left: 10px !important; }.gp-pl-15{ padding-left: 15px !important; }.gp-pl-20{ padding-left: 20px !important; }.gp-pl-25{ padding-left: 25px !important; }.gp-pl-30{ padding-left: 30px !important; }.gp-pl-35{ padding-left: 35px !important; }.gp-pl-40{ padding-left: 40px !important; }.gp-pl-auto { padding-left: auto !important; }

/* ----- Align ----- */
.gp-al-center{text-align:center!important;}
.gp-al-right{text-align:right!important;}
.gp-al-left{text-align:left!important;}
.gp-al-top{vertical-align:top!important;}
.gp-al-middle{vertical-align:middle!important;}
.gp-al-bottom{vertical-align:bottom!important;}
.gp-jc-center{justify-content: center;}
.gp-jc-end{justify-content: flex-end;}
.gp-jc-start{justify-content: flex-start;}

/* ----- margin ----- */
.gp-mt-0{margin-top:0!important;}
.gp-mt-1em {margin-top: 1em!important;}
.gp-mt-SS {margin-top: 10px!important;}
.gp-mt-S { margin-top: 20px!important;}
.gp-mt-M {margin-top: 30px!important;}
.gp-mt-L {margin-top: 40px!important;}
.gp-mt-LL {margin-top: 50px!important;}

/* ----- Border ----- */
.gp-bd-none{border:none!important;}
.gp-bd-t-none{border-top:none!important;}
.gp-bd-r-none{border-right:none!important;}
.gp-bd-b-none{border-bottom:none!important;}
.gp-bd-l-none{border-left:none!important;}

/* ----- Font ----- */
.f-bold{font-weight:bold!important;}
.f-color {color:#FBB03B!important;}
.f-color-v2 {color:#29ABE2!important;}
.f-color-v3 {color:#39B54A!important;}
.f-color-v4 {color:#F2F21A!important;}
.f-highlight{color:#00ada9!important;}
.f-highlight-v2{color:#e51e05!important;}
.f-italic{font-style:italic!important;}
.f-underline{text-decoration:underline!important;}
.f-strike{text-decoration:line-through!important;}
.f-normal-weight{font-weight:normal!important;}
.f-normal-style{font-style:normal!important;}
.f-small{font-size:1.4rem!important;}

/* ----- overflow ----- */
.gp-ov-inherit{ overflow: inherit !important;}
.gp-ov-hidden{ overflow: hidden !important;}
.gp-ov-visible{ overflow: visible !important;}

/* ----- data-indent ----- */
[data-indent="1em"] { padding-left: 1em; text-indent: -1em;}
[data-indent="2em"] { padding-left: 2em; text-indent: -2em;}
[data-indent="3em"] { padding-left: 3em; text-indent: -3em;}
[data-indent="4em"] { padding-left: 4em; text-indent: -4em;}
[data-indent="5em"] { padding-left: 5em; text-indent: -5em;}
[data-indent="6em"] { padding-left: 6em; text-indent: -6em;}
[data-indent="7em"] { padding-left: 7em; text-indent: -7em;}
[data-indent="8em"] { padding-left: 8em; text-indent: -8em;}
[data-indent="9em"] { padding-left: 9em; text-indent: -9em;}
[data-indent="10em"] { padding-left: 10em; text-indent: -10em;}

/* ======================================================
 * Media Queries
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Basic
	------------------------------------------------------ */
	.heading-lv1 sup{top:-1.0em;font-size:2.0rem;}	
	.heading-lv2 sup{top:-1.0em;font-size:1.8rem;}
	.heading-lv3 sup{top:-0.8em;font-size:1.6rem;}
	.heading-lv4 sup{top:-0.6em;font-size:1.4rem;}
	.heading-lv5 sup{top:-0.4em;font-size:1.2rem;}
	.heading-lv1 sub{bottom:0;font-size:2.0rem;}
	.heading-lv2 sub{bottom:0;font-size:1.8rem;}
	.heading-lv3 sub{bottom:0;font-size:1.6rem;}
	.heading-lv4 sub{bottom:0;font-size:1.4rem;}
	.heading-lv5 sub{bottom:0;font-size:1.2rem;}
	
	/* ----- Link ----- */
	/* tel */
	a[href^="tel:"] {
		color: #333;
		text-decoration: none;
		pointer-events: none;
		cursor: default;
	}
	a img {
		transition-property: opacity;
		transition-duration: .2s;
	}
	a:hover img {
		opacity: .8;
	}
	
	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
	/* ----- Device ----- */
	.pc-hidden {
		display: none !important;
	}
	
	/* ----- Width ----- */
	.gp-w-pc-auto{width:auto!important;}.gp-w-pc-001per{width:1%!important;}.gp-w-pc-002per{width:2%!important;}.gp-w-pc-003per{width:3%!important;}.gp-w-pc-004per{width:4%!important;}.gp-w-pc-005per{width:5%!important;}.gp-w-pc-006per{width:6%!important;}.gp-w-pc-007per{width:7%!important;}.gp-w-pc-008per{width:8%!important;}.gp-w-pc-009per{width:9%!important;}.gp-w-pc-010per{width:10%!important;}.gp-w-pc-011per{width:11%!important;}.gp-w-pc-012per{width:12%!important;}.gp-w-pc-013per{width:13%!important;}.gp-w-pc-014per{width:14%!important;}.gp-w-pc-015per{width:15%!important;}.gp-w-pc-016per{width:16%!important;}.gp-w-pc-017per{width:17%!important;}.gp-w-pc-018per{width:18%!important;}.gp-w-pc-019per{width:19%!important;}.gp-w-pc-020per{width:20%!important;}.gp-w-pc-021per{width:21%!important;}.gp-w-pc-022per{width:22%!important;}.gp-w-pc-023per{width:23%!important;}.gp-w-pc-024per{width:24%!important;}.gp-w-pc-025per{width:25%!important;}.gp-w-pc-026per{width:26%!important;}.gp-w-pc-027per{width:27%!important;}.gp-w-pc-028per{width:28%!important;}.gp-w-pc-029per{width:29%!important;}.gp-w-pc-030per{width:30%!important;}.gp-w-pc-031per{width:31%!important;}.gp-w-pc-032per{width:32%!important;}.gp-w-pc-033per{width:33%!important;}.gp-w-pc-034per{width:34%!important;}.gp-w-pc-035per{width:35%!important;}.gp-w-pc-036per{width:36%!important;}.gp-w-pc-037per{width:37%!important;}.gp-w-pc-038per{width:38%!important;}.gp-w-pc-039per{width:39%!important;}.gp-w-pc-040per{width:40%!important;}.gp-w-pc-041per{width:41%!important;}.gp-w-pc-042per{width:42%!important;}.gp-w-pc-043per{width:43%!important;}.gp-w-pc-044per{width:44%!important;}.gp-w-pc-045per{width:45%!important;}.gp-w-pc-046per{width:46%!important;}.gp-w-pc-047per{width:47%!important;}.gp-w-pc-048per{width:48%!important;}.gp-w-pc-049per{width:49%!important;}.gp-w-pc-050per{width:50%!important;}.gp-w-pc-051per{width:51%!important;}.gp-w-pc-052per{width:52%!important;}.gp-w-pc-053per{width:53%!important;}.gp-w-pc-054per{width:54%!important;}.gp-w-pc-055per{width:55%!important;}.gp-w-pc-056per{width:56%!important;}.gp-w-pc-057per{width:57%!important;}.gp-w-pc-058per{width:58%!important;}.gp-w-pc-059per{width:59%!important;}.gp-w-pc-060per{width:60%!important;}.gp-w-pc-061per{width:61%!important;}.gp-w-pc-062per{width:62%!important;}.gp-w-pc-063per{width:63%!important;}.gp-w-pc-064per{width:64%!important;}.gp-w-pc-065per{width:65%!important;}.gp-w-pc-066per{width:66%!important;}.gp-w-pc-067per{width:67%!important;}.gp-w-pc-068per{width:68%!important;}.gp-w-pc-069per{width:69%!important;}.gp-w-pc-070per{width:70%!important;}.gp-w-pc-071per{width:71%!important;}.gp-w-pc-072per{width:72%!important;}.gp-w-pc-073per{width:73%!important;}.gp-w-pc-074per{width:74%!important;}.gp-w-pc-075per{width:75%!important;}.gp-w-pc-076per{width:76%!important;}.gp-w-pc-077per{width:77%!important;}.gp-w-pc-078per{width:78%!important;}.gp-w-pc-079per{width:79%!important;}.gp-w-pc-080per{width:80%!important;}.gp-w-pc-081per{width:81%!important;}.gp-w-pc-082per{width:82%!important;}.gp-w-pc-083per{width:83%!important;}.gp-w-pc-084per{width:84%!important;}.gp-w-pc-085per{width:85%!important;}.gp-w-pc-086per{width:86%!important;}.gp-w-pc-087per{width:87%!important;}.gp-w-pc-088per{width:88%!important;}.gp-w-pc-089per{width:89%!important;}.gp-w-pc-090per{width:90%!important;}.gp-w-pc-091per{width:91%!important;}.gp-w-pc-092per{width:92%!important;}.gp-w-pc-093per{width:93%!important;}.gp-w-pc-094per{width:94%!important;}.gp-w-pc-095per{width:95%!important;}.gp-w-pc-096per{width:96%!important;}.gp-w-pc-097per{width:97%!important;}.gp-w-pc-098per{width:98%!important;}.gp-w-pc-099per{width:99%!important;}.gp-w-pc-100per{width:100%!important;}
}

@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Basic
	------------------------------------------------------ */
	body {
		font-size: 1.3rem;
	}
	input,
	select,
	textarea,
	button {
		font-size: 1.3rem;
	}
	.f-small{font-size:1.2rem!important;}
	sub, sup{font-size: 1.1rem;}
	.heading-lv1 sup{top:-0.8em;}
	.heading-lv2 sup{top:-0.7em;}
	.heading-lv3 sup{top:-0.6em;}
	.heading-lv4 sup{top:-0.5em;}
	.heading-lv5 sup{top:-0.4em;}
	
	/* ----- Link ----- */
	/* tel */
	a[href^="tel:"] {
		color: #369;
		text-decoration: underline;
	}
	
	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
	/* ----- Device ----- */
	.sp-hidden {
		display: none !important;
	}
	
	/* ----- margin ----- */
	.gp-mt-sp-0{margin-top:0!important;}
	.gp-mt-0{margin-top:0!important;}
	.gp-mt-1em{margin-top:1em!important;}
	.gp-mt-SS{margin-top:5px!important;}
	.gp-mt-S{margin-top:10px!important;}
	.gp-mt-M{margin-top:20px!important;}
	.gp-mt-L{margin-top:30px!important;}
	.gp-mt-LL{margin-top:40px!important;}
}