﻿@charset "utf-8";

/* ======================================================
 * base.css
 * ------------------------------------------------------
 * RESET ************************************************
 * Global Reset (YUI)
 * Global Reset (html5doctor.com)
 * Costom Reset
 * SETTING **********************************************
 * Base Style
 * Utility Style
 * Reader
 * Print
====================================================== */

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


/* Costom Reset
------------------------------------------------------ */
/*----- for HTML5 -----*/
#old-layout main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
#old-layout h1, #old-layout h2, #old-layout h3, #old-layout h4, #old-layout h5, #old-layout h6, #old-layout small { font-weight: normal; }
#old-layout ul, #old-layout ol { list-style: none; }
#old-layout strong { font-weight: bold; }
#old-layout em { font-style: italic; }
#old-layout address { font-style: normal; }
#old-layout hr, #old-layout legend { display: none; }
#old-layout time { display: block; }
#old-layout sub, #old-layout sup{ position: relative; font-size: 10px; font-size: 1rem; line-height: 1; }
#old-layout sup { top: -0.5em; }
#old-layout sub { bottom: -0.25em; }
#old-layout img { /* max-width: 100%; height: auto; */ vertical-align: top; }


/* Base Style
------------------------------------------------------ */
/*----- for HTML5 -----*/
/* page */
html #old-layout {
	/* overflow-y: scroll; */
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body #old-layout {
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Microsoft YaHei", "微软雅黑", "sans-serif";
	line-height: 1.75;
}

/* input */
#old-layout input, #old-layout select, #old-layout textarea, #old-layout button {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Microsoft YaHei", "微软雅黑", "sans-serif";
}
#old-layout select {
	border-radius: 0;
}

/* link */
#old-layout a {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#old-layout a:link {
	color: #333333;
	text-decoration: none;
}
#old-layout a:visited {
	color: #333333;
	text-decoration: none;
}
#old-layout a:hover {
	color: #113388;
	text-decoration: none;
}
#old-layout a:active {
	color: #113388;
	text-decoration: none;
}


/* Utility Style
------------------------------------------------------ */
/*----- width -----*/
#old-layout .w5per  { width: 5% !important; }
#old-layout .w10per { width: 10% !important; }
#old-layout .w15per { width: 15% !important; }
#old-layout .w20per { width: 20% !important; }
#old-layout .w25per { width: 25% !important; }
#old-layout .w30per { width: 30% !important; }
#old-layout .w33per { width: 33.3% !important; }
#old-layout .w35per { width: 35% !important; }
#old-layout .w40per { width: 40% !important; }
#old-layout .w45per { width: 45% !important; }
#old-layout .w50per { width: 50% !important; }
#old-layout .w55per { width: 55% !important; }
#old-layout .w60per { width: 60% !important; }
#old-layout .w65per { width: 65% !important; }
#old-layout .w70per { width: 70% !important; }
#old-layout .w75per { width: 75% !important; }
#old-layout .w80per { width: 80% !important; }
#old-layout .w85per { width: 85% !important; }
#old-layout .w90per { width: 90% !important; }
#old-layout .w95per { width: 95% !important; }
#old-layout .wFull  { width: 100% !important; }
#old-layout .wAuto  { width: auto !important; }

/*----- margin -----*/
/* margin-top */
#old-layout .mt0   { margin-top: 0 !important; }
#old-layout .mt5   { margin-top: 5px !important; }
#old-layout .mt10  { margin-top: 10px !important; }
#old-layout .mt15  { margin-top: 15px !important; }
#old-layout .mt20  { margin-top: 20px !important; }
#old-layout .mt25  { margin-top: 25px !important; }
#old-layout .mt30  { margin-top: 30px !important; }
#old-layout .mt35  { margin-top: 35px !important; }
#old-layout .mt40  { margin-top: 40px !important; }
#old-layout .mt45  { margin-top: 45px !important; }
#old-layout .mt50  { margin-top: 50px !important; }
#old-layout .mt55  { margin-top: 55px !important; }
#old-layout .mt60  { margin-top: 60px !important; }
#old-layout .mt65  { margin-top: 65px !important; }
#old-layout .mt70  { margin-top: 70px !important; }
#old-layout .mt75  { margin-top: 75px !important; }
#old-layout .mt80  { margin-top: 80px !important; }
#old-layout .mt85  { margin-top: 85px !important; }
#old-layout .mt90  { margin-top: 90px !important; }
#old-layout .mt95  { margin-top: 95px !important; }
#old-layout .mt100 { margin-top: 100px !important; }
#old-layout .mtAuto { margin-top: auto !important; }
/* margin-right */
#old-layout .mr0   { margin-right: 0 !important; }
#old-layout .mr5   { margin-right: 5px !important; }
#old-layout .mr10  { margin-right: 10px !important; }
#old-layout .mr15  { margin-right: 15px !important; }
#old-layout .mr20  { margin-right: 20px !important; }
#old-layout .mr25  { margin-right: 25px !important; }
#old-layout .mr30  { margin-right: 30px !important; }
#old-layout .mr35  { margin-right: 35px !important; }
#old-layout .mr40  { margin-right: 40px !important; }
#old-layout .mr45  { margin-right: 45px !important; }
#old-layout .mr50  { margin-right: 50px !important; }
#old-layout .mr55  { margin-right: 55px !important; }
#old-layout .mr60  { margin-right: 60px !important; }
#old-layout .mr65  { margin-right: 65px !important; }
#old-layout .mr70  { margin-right: 70px !important; }
#old-layout .mr75  { margin-right: 75px !important; }
#old-layout .mr80  { margin-right: 80px !important; }
#old-layout .mr85  { margin-right: 85px !important; }
#old-layout .mr90  { margin-right: 90px !important; }
#old-layout .mr95  { margin-right: 95px !important; }
#old-layout .mr100 { margin-right: 100px !important; }
#old-layout .mrAuto { margin-right: auto !important; }
/* margin-bottom */
#old-layout .mb0   { margin-bottom: 0 !important; }
#old-layout .mb5   { margin-bottom: 5px !important; }
#old-layout .mb10  { margin-bottom: 10px !important; }
#old-layout .mb15  { margin-bottom: 15px !important; }
#old-layout .mb20  { margin-bottom: 20px !important; }
#old-layout .mb25  { margin-bottom: 25px !important; }
#old-layout .mb30  { margin-bottom: 30px !important; }
#old-layout .mb35  { margin-bottom: 35px !important; }
#old-layout .mb40  { margin-bottom: 40px !important; }
#old-layout .mb45  { margin-bottom: 45px !important; }
#old-layout .mb50  { margin-bottom: 50px !important; }
#old-layout .mb55  { margin-bottom: 55px !important; }
#old-layout .mb60  { margin-bottom: 60px !important; }
#old-layout .mb65  { margin-bottom: 65px !important; }
#old-layout .mb70  { margin-bottom: 70px !important; }
#old-layout .mb75  { margin-bottom: 75px !important; }
#old-layout .mb80  { margin-bottom: 80px !important; }
#old-layout .mb85  { margin-bottom: 85px !important; }
#old-layout .mb90  { margin-bottom: 90px !important; }
#old-layout .mb95  { margin-bottom: 95px !important; }
#old-layout .mb100 { margin-bottom: 100px !important; }
#old-layout .mbAuto { margin-bottom: auto !important; }
/* margin-left */
#old-layout .ml0   { margin-left: 0 !important; }
#old-layout .ml5   { margin-left: 5px !important; }
#old-layout .ml10  { margin-left: 10px !important; }
#old-layout .ml15  { margin-left: 15px !important; }
#old-layout .ml20  { margin-left: 20px !important; }
#old-layout .ml25  { margin-left: 25px !important; }
#old-layout .ml30  { margin-left: 30px !important; }
#old-layout .ml35  { margin-left: 35px !important; }
#old-layout .ml40  { margin-left: 40px !important; }
#old-layout .ml45  { margin-left: 45px !important; }
#old-layout .ml50  { margin-left: 50px !important; }
#old-layout .ml55  { margin-left: 55px !important; }
#old-layout .ml60  { margin-left: 60px !important; }
#old-layout .ml65  { margin-left: 65px !important; }
#old-layout .ml70  { margin-left: 70px !important; }
#old-layout .ml75  { margin-left: 75px !important; }
#old-layout .ml80  { margin-left: 80px !important; }
#old-layout .ml85  { margin-left: 85px !important; }
#old-layout .ml90  { margin-left: 90px !important; }
#old-layout .ml95  { margin-left: 95px !important; }
#old-layout .ml100 { margin-left: 100px !important; }
#old-layout .mlAuto { margin-left: auto !important; }

/*----- padding -----*/
/* padding-top */
#old-layout .pt0   { padding-top: 0 !important; }
#old-layout .pt5   { padding-top: 5px !important; }
#old-layout .pt10  { padding-top: 10px !important; }
#old-layout .pt15  { padding-top: 15px !important; }
#old-layout .pt20  { padding-top: 20px !important; }
#old-layout .pt25  { padding-top: 25px !important; }
#old-layout .pt30  { padding-top: 30px !important; }
#old-layout .pt35  { padding-top: 35px !important; }
#old-layout .pt40  { padding-top: 40px !important; }
#old-layout .pt45  { padding-top: 45px !important; }
#old-layout .pt50  { padding-top: 50px !important; }
#old-layout .pt55  { padding-top: 55px !important; }
#old-layout .pt60  { padding-top: 60px !important; }
#old-layout .pt65  { padding-top: 65px !important; }
#old-layout .pt70  { padding-top: 70px !important; }
#old-layout .pt75  { padding-top: 75px !important; }
#old-layout .pt80  { padding-top: 80px !important; }
#old-layout .pt85  { padding-top: 85px !important; }
#old-layout .pt90  { padding-top: 90px !important; }
#old-layout .pt95  { padding-top: 95px !important; }
#old-layout .pt100 { padding-top: 100px !important; }
#old-layout .ptAuto { padding-top: auto !important; }
/* padding-right */
#old-layout .pr0   { padding-right: 0 !important; }
#old-layout .pr5   { padding-right: 5px !important; }
#old-layout .pr10  { padding-right: 10px !important; }
#old-layout .pr15  { padding-right: 15px !important; }
#old-layout .pr20  { padding-right: 20px !important; }
#old-layout .pr25  { padding-right: 25px !important; }
#old-layout .pr30  { padding-right: 30px !important; }
#old-layout .pr35  { padding-right: 35px !important; }
#old-layout .pr40  { padding-right: 40px !important; }
#old-layout .pr45  { padding-right: 45px !important; }
#old-layout .pr50  { padding-right: 50px !important; }
#old-layout .pr55  { padding-right: 55px !important; }
#old-layout .pr60  { padding-right: 60px !important; }
#old-layout .pr65  { padding-right: 65px !important; }
#old-layout .pr70  { padding-right: 70px !important; }
#old-layout .pr75  { padding-right: 75px !important; }
#old-layout .pr80  { padding-right: 80px !important; }
#old-layout .pr85  { padding-right: 85px !important; }
#old-layout .pr90  { padding-right: 90px !important; }
#old-layout .pr95  { padding-right: 95px !important; }
#old-layout .pr100 { padding-right: 100px !important; }
#old-layout .prAuto { padding-right: auto !important; }
/* padding-bottom */
#old-layout .pb0   { padding-bottom: 0 !important; }
#old-layout .pb5   { padding-bottom: 5px !important; }
#old-layout .pb10  { padding-bottom: 10px !important; }
#old-layout .pb15  { padding-bottom: 15px !important; }
#old-layout .pb20  { padding-bottom: 20px !important; }
#old-layout .pb25  { padding-bottom: 25px !important; }
#old-layout .pb30  { padding-bottom: 30px !important; }
#old-layout .pb35  { padding-bottom: 35px !important; }
#old-layout .pb40  { padding-bottom: 40px !important; }
#old-layout .pb45  { padding-bottom: 45px !important; }
#old-layout .pb50  { padding-bottom: 50px !important; }
#old-layout .pb55  { padding-bottom: 55px !important; }
#old-layout .pb60  { padding-bottom: 60px !important; }
#old-layout .pb65  { padding-bottom: 65px !important; }
#old-layout .pb70  { padding-bottom: 70px !important; }
#old-layout .pb75  { padding-bottom: 75px !important; }
#old-layout .pb80  { padding-bottom: 80px !important; }
#old-layout .pb85  { padding-bottom: 85px !important; }
#old-layout .pb90  { padding-bottom: 90px !important; }
#old-layout .pb95  { padding-bottom: 95px !important; }
#old-layout .pb100 { padding-bottom: 100px !important; }
#old-layout .pbAuto { padding-bottom: auto !important; }
/* padding-left */
#old-layout .pl0   { padding-left: 0 !important; }
#old-layout .pl5   { padding-left: 5px !important; }
#old-layout .pl10  { padding-left: 10px !important; }
#old-layout .pl15  { padding-left: 15px !important; }
#old-layout .pl20  { padding-left: 20px !important; }
#old-layout .pl25  { padding-left: 25px !important; }
#old-layout .pl30  { padding-left: 30px !important; }
#old-layout .pl35  { padding-left: 35px !important; }
#old-layout .pl40  { padding-left: 40px !important; }
#old-layout .pl45  { padding-left: 45px !important; }
#old-layout .pl50  { padding-left: 50px !important; }
#old-layout .pl55  { padding-left: 55px !important; }
#old-layout .pl60  { padding-left: 60px !important; }
#old-layout .pl65  { padding-left: 65px !important; }
#old-layout .pl70  { padding-left: 70px !important; }
#old-layout .pl75  { padding-left: 75px !important; }
#old-layout .pl80  { padding-left: 80px !important; }
#old-layout .pl85  { padding-left: 85px !important; }
#old-layout .pl90  { padding-left: 90px !important; }
#old-layout .pl95  { padding-left: 95px !important; }
#old-layout .pl100 { padding-left: 100px !important; }
#old-layout .plAuto { padding-left: auto !important; }

/*----- border -----*/
#old-layout .bdNone  { border: none !important; }
#old-layout .bdTNone { border-top: none !important; }
#old-layout .bdRNone { border-right: none !important; }
#old-layout .bdBNone { border-bottom: none !important; }
#old-layout .bdLNone { border-left: none !important; }

/*----- align -----*/
/* text-align */
#old-layout .alL { text-align: left !important; }
#old-layout .alC { text-align: center !important; }
#old-layout .alR { text-align: right !important; }
/* vertical-align */
#old-layout .alT { vertical-align: top !important; }
#old-layout .alM { vertical-align: middle !important; }
#old-layout .alB { vertical-align: bottom !important; }

/*----- clear -----*/
/* clear */
#old-layout .clL { clear: left !important; }
#old-layout .clR { clear: right !important; }
#old-layout .clBoth { clear: both !important; }
#old-layout .clNone { clear: none !important; }

/*----- float -----*/
/* float */
#old-layout .flL { float: left !important; }
#old-layout .flR { float: right !important; }
#old-layout .flNone { float: none !important; }

/*----- display -----*/
/* display */
#old-layout .dpBlock { display: block !important; }
#old-layout .dpInlBlock { display: inline-block !important; }
#old-layout .dpNone { display: none !important; }

/*----- break -----*/
#old-layout .brAll { word-break: break-all !important; }
#old-layout .brWord { word-wrap: break-word !important; }

/*----- other -----*/
#old-layout .ovfHidden { overflow: hidden !important; }
#old-layout .ovfVisible { overflow: visible !important; }
#old-layout .nowrap { white-space: nowrap !important; }


/* Reader
------------------------------------------------------ */
/* voiceGuide */
#old-layout .voiceGuide {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


/* Print
------------------------------------------------------ */
@media print {
	#old-layout #globalHeader {
		position: relative !important;
	}
	#old-layout #globalNavi {
		position: relative !important;
		top: 0 !important;
	}
	#old-layout #globalContents {
		margin-top: 0 !important;
	}
	#old-layout #pageTopBtn {
		display: none !important;
	}
}
