@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
    position:relative;
}

body {
    min-width: 960px;
    background: #f3f3f3;
}
html {
font-size: 62.5%;
}
body {
font-size:13px;
font-size:1.3rem;
font-family:Avenir, Arial, 'Meiryo', "儷黑 Pro", "LiHei Pro", "微軟正黑體", "新細明體", sans-serif;}

.hidden {opacity:0;}
.visible{opacity:1;}

.align-center      {text-align: center}
.align-right       {text-align: right}
.align-left        {text-align: left}


/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style: none; } 


/*font*/
@font-face {
 font-family:Avenir;
 src: url("../font/'Avenir LT 35 Light.ttf'") format("truetype");
 font-weight:200;
}
@font-face {
 font-family:Avenir;
 src: url("../font/'Avenir LT 45 Book.ttf'") format("truetype");
 font-weight:300;
}
@font-face {
 font-family:Avenir;
 src: url("../font/'Avenir LT 55 Roman.ttf'") format("truetype");
 font-weight:normal;
}
@font-face {
 font-family:Avenir;
 src: url("../font/'Avenir LT 65 Medium.ttf'") format("truetype");
 font-weight:bold;
}
@font-face {
 font-family:Avenir;
 src: url("../font/'Avenir LT 85 Heavy.ttf'") format("truetype");
 font-weight:900;
}

a[accesskey]        {color: #eee; position: absolute; }


/*Fundation*/
.row                    {max-width:1200px; }
.row.expanded > .row    {max-width:1200px; min-width: 1000px; }

.msg					{font-size: 15px; font-size:1.5rem; text-align: center; margin: 5rem auto; letter-spacing: 0.1rem; color: #000; border: 0px solid #333;  padding: 0.5rem 2rem; display: inline-block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-weight: bold;} 

.button                 {display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition:background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 1em 2em; margin: 0 0 0rem 0; background-color:#92bc26; color: #fff; font-size: 15px; font-size: 1.5rem; letter-spacing: 0.1rem;}
.button:hover,
.button:focus           {transition:background-color 0.25s ease-out, color 0.25s ease-out; background-color:#91ca00; }
.button:active          {background-color:#96c129; top:1px;}

.button.hollow           {background-color:transparent; border: 1px solid #333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#333;  }
.button.hollow:hover,
.button.hollow:focus     {background-color:#333; color: #fff; }
.button.hollow:active    {background-color:transparent; }

.button.solid                 {background: #f7f7f7;  border:0; border-bottom: 6px solid #eee; padding-bottom: 10px; color:#666; }
.button.solid:hover,
.button.solid:focus           {color: #333;}
.button.solid:active          {border-bottom: 1px solid #ccc; margin-top:4px; top:0; color: #fff;}

.button.white           {background-color:#fff; color: #333; font-size: 1.5rem; border: 1px solid #ddd; box-sizing: border-box; 
    background:-moz-linear-gradient(top, #ffffff 70%, #EEEEEE  100%);
    background:-webkit-linear-gradient(top, #ffffff 70%, #EEEEEE  100%);
    background:-o-linear-gradient(top, #ffffff 70%, #EEEEEE  100%);
    background:-ms-linear-gradient(top, #ffffff 70%, #EEEEEE  100%);
    background:linear-gradient(to bottom, #ffffff 70%, #EEEEEE  100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0);}
.button.white:hover,
.button.white:focus     {background: #fff; color: #000; transition:none; }
.button.white:active    {background: #fff;}

.button.hollow.white           {background:transparent;  border: 2px solid #fff; color: #fff;  }
.button.hollow.white:hover,
.button.hollow.white:focus     {background: #fff; color:#000; }


.button.blue           {background-color:#3678a8;  color: #fff;}
.button.blue:hover,
.button.blue:focus     {background:#2f6d99; color: #fff;}
.button.blue:active    {background:#2f6d99; }
.button.blue.solid           {border:0; border-bottom: 6px solid #2f6d99;}
.button.blue.solid:hover,
.button.blue.solid:focus     {}
.button.blue.solid:active    {border-bottom: 1px solid #299FB8;  margin-top:4px;}
 

.button.deep                 {background-color:#0E3F5E; color: #fff;}
.button.deep:hover,
.button.deep:focus           {background-color:#105784; color: #fff;}
.button.deep:active          {background-color:#193f57;}
.button.deep.solid           {border:0; border-bottom: 5px solid #0A293F;}
.button.deep.solid:hover,
.button.deep.solid:focus     {}
.button.deep.solid:active    {border-bottom: 1px solid #ccc; margin-top:4px;}
 
.button.red                 {background-color:#ff6689; color: #fff;}
.button.red:hover,
.button.red:focus           {background-color:#eb5879; color: #fff;}
.button.red:active          {background:#eb5879;}
.button.red.solid           {border:0; border-bottom: 5px solid #eb5879;}
.button.red.solid:hover,
.button.red.solid:focus     {}
.button.red.solid:active    {border-bottom: 1px solid #eb5879; margin-top:4px;}
.upload-btn input			{filter:alpha(opacity=0);opacity:0;zoom:1;  width:185px; height:115px; width:117px; height:40px; position:absolute; left:0; top:0;}

.button.green                 {background-color:#92bc26; color: #fff;}
.button.green:hover,
.button.green:focus           {background-color:#9cca25;color: #fff;}
.button.green:active          {background:#92bc26;}
.button.green.solid           {border:0; border-bottom: 5px solid #80a521;}
.button.green.solid:hover,
.button.green.solid:focus     {}
.button.green.solid:active    {border-bottom: 1px solid #8ea946; margin-top:4px;}


.btn-trashcan:link,
.btn-trashcan:visited	{background:url("../images/icon_trashcan.png") no-repeat center; display:block; float:right; width:13px; height:15px; padding:13px 16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:relative; }
.btn-trashcan:hover	    {background:#E54028 url("../images/icon_trashcan2.png") no-repeat center;}
.btn-trashcan:active	{top:2px;}


.btn-excel                {padding-left: 4.5rem;}
.btn-excel:before         {content:''; display: inline-block; background: url("../images/icon.png") 0 -35px; width: 35px; height: 35px; vertical-align: middle; margin-left: 1rem; top:-2px; bottom:0; margin: auto; left: 1.5rem; position:absolute;}
.upload-btn input			{filter:alpha(opacity=0);opacity:0;zoom:1;  width:185px; height:115px; width:117px; height:40px; position:absolute; left:0; top:0;}
.btn-edit                   {padding-left: 4.5rem;}
.btn-edit:before            {content:''; display: inline-block; background: url("../images/icon.png") 0 -70px; width: 35px; height: 35px; vertical-align: middle; margin-left: 1rem; top:-2px; bottom:0; margin: auto; left: 1.5rem; position:absolute;}
.btn-export                {padding-left: 4.5rem;}
.btn-export:before         {content:''; display: inline-block; background: url("../images/icon.png") 0 -140px; width: 35px; height: 35px; vertical-align: middle; margin-left: 1rem; top:-2px; bottom:0; margin: auto; left: 1.5rem; position:absolute;}
.btn-export.white                {}
.btn-export.white:before         {background: url("../images/icon.png") 0 -105px;}

.btn-dropdown             {}
.btn-dropdown.btn-topic          {border: 1px solid #fff; padding: 0.2rem 1rem; outline: inherit;}
.btn-dropdown.btn-topic:hover    {border: 1px solid #ccc;}
.btn-dropdown.btn-topic:after    {content:''; display: inline-block; background: url("../images/icon.png") 0 0; width: 35px; height: 35px; vertical-align: middle; margin-left: 1rem; top:-2px; position: relative;}
.dropdown-pane            { z-index: 9999;  -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.2); box-shadow:0px 5px 10px rgba(0,0,0,0.2);}

.select-dropdown          {font-size: 18px; font-size:1.8rem; height: auto; border: 1px solid #fff; outline: none;}
.select-dropdown:hover    {border: 1px solid #eee;}
.select-dropdown option   {font-size: 13px; font-size:1.3rem; }

/*checkbox*/
.jquery-checkbox       									{cursor:pointer; display:block; height:30px; position: absolute; right:4rem; top: 2rem;}
.jquery-checkbox .mark 									{display: inline;}
.jquery-checkbox img 									{vertical-align: middle; width:95px; height: 38px;}
.jquery-checkbox img									{background: transparent url(../images/checkbox.png) no-repeat;}
.jquery-checkbox img									{background-position: 0px 0px;}
.jquery-checkbox-hover img								{background-position: 0px -38px;}
.jquery-checkbox-checked img							{background-position: 0px -76px;}
.jquery-checkbox-checked .jquery-checkbox-hover img 	{background-position: 0px -114px;}
.jquery-checkbox-disabled img							{background-position: 0px -152px;}
.jquery-checkbox-checked .jquery-checkbox-disabled img	{background-position: 0px -190px;}


#section-topbar             {background: #fff;}
#section-topbar a           {display: inline-block; color: #666; margin-right: 10px; padding: 8px; font-size: 12px; font-size: 1.2rem;}
#section-topbar a:hover     {color: #333;}
#section-topbar a img       {vertical-align:sub; margin-right: 5px;}


#section-header             {-webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s;  }
#section-header .columns    {padding:1rem;}
#section-header .logo       {}
#section-header .logo a     {display: inline-block; margin:0.5rem auto; width:336px; height:86px; background: url("../images/logo.png") no-repeat; background-size:280px;}
#section-header .searchbar                    {border-bottom: 1px solid #333; position: relative; margin:0rem 0 0.5rem 0;width: 360px;float: right}
#section-header .searchbar input              {background: transparent; border: 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; font-size: 16px; font-size:1.6rem;   margin-bottom: 0; color:#333; padding:1rem 0;}
#section-header .searchbar .btn-search        {display: block; width: 24px; height: 25px; background: url("../images/icon-search.png"); position: absolute; right: 0; top: 0;}
#section-header .searchbar .btn-search:active {top:1px;}
#section-header .search-option                       {float:right}
#section-header .search-option .ui-checkbox          {display: inline-block; background: #d0d9e0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding: 0.2rem 0.4rem; margin: 2px; border: 1px solid #d0d9e0;}
#section-header .search-option .ui-checkbox input    {}
#section-header .search-option .ui-checkbox span     {display: inline-block; font-size: 12px; color: #6c7b87 }
#section-header .search-option .ui-checkbox input[type="checkbox"] + span:before {border: 0; margin: -2px 3px 0 0; vertical-align: sub;}
#section-header .search-option .ui-checkbox:hover      { border: 1px solid #6c7b87;}
#section-header .search-option .ui-checkbox:hover input[type="checkbox"] + span:before {background-color: transparent; }
#section-header .search-option .ui-checkbox:hover span {cursor: pointer}
#section-header .search-option .ui-checkbox:active  {top:1px;}
#section-header .search-bot             {text-align: right; margin:1rem 0; float: right; clear:both}
#section-header .search-bot  a          {display: inline-block; color: #333; text-decoration: underline; border-right:1px solid #666; padding: 0; padding-right:1rem; margin-right: 1rem; line-height: 100%;} 
#section-header .search-bot  a:hover    {text-decoration: none;}
#section-header .search-bot  a:last-child    {border:none; margin-right: 0; padding-right: 0; }


#section-index-main                     {}
#section-topic                          {}
#section-topic .topic-item              {position: relative;}
#section-topic .topic-item a            {display: block;}
#section-topic .topic-item .cover            {opacity:0.9; position: absolute; background: #fff; z-index: 9; width:90%; bottom:40px; margin: auto; left: 0; right: 0; padding:2rem 2rem;}
#section-topic .topic-item .cover span       {background: #3678a8; color: #fff; position: absolute; left: 0; top: 0; padding:0.5rem 1rem;}
#section-topic .topic-item .cover .title     {font-size:28px; font-size:2.0rem; line-height: 120%; color: #333;top:12px }
#section-topic .topic-item .cover p          {color: #999; font-size:13px; font-size:1.3rem;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#section-topic .topic-item .thumb            { width:100%; height: 400px; }


.owl-controls                               {bottom: 35px; z-index: 100; position: absolute; width: 100%;}
.owl-controls .owl-nav                      {}
.owl-controls .owl-nav .owl-prev            {}
.owl-controls .owl-nav .owl-next            {}
.owl-controls .owl-dots                     {}
.owl-controls .owl-dots .owl-dot            {display: inline-block; margin:0 5px; vertical-align: middle;}
.owl-controls .owl-dots .owl-dot span       {width:5px; height:5px; display: inline-block; background: #ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; vertical-align: middle; }
.owl-controls .owl-dots .owl-dot.active span     {background: transparent; border: 2px solid #ff6689; box-sizing: content-box;}

.block-diagram                       {height: 100%; background-color: #fff;}
.block-diagram .diagram-item              { padding: 20px 20px 30px;height: 100%;}
.block-diagram .diagram-item a            {display: block;}
.block-diagram .diagram-item a .title     {font-size: 22px; font-size:2.2rem; position: absolute; color: #fff; border-bottom: 0px solid #ff6689; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; z-index: 99; width: 50%; height: 70px; top:0; bottom:0; right: 0px; left: 0; margin: auto; font-weight: bold; text-align: center;}
.block-diagram .diagram-item a .index-thumb     { width: 100%; height: 100%; padding-bottom: 74.878%; position: relative;}
.block-diagram .diagram-item a .index-thumb img     {position:absolute; width:100%;height: 100%; left:0; right: 0; top:0; bottom: 0; object-fit: cover; object-position: center;}
#section-topic .owl-controls        {bottom: 14px; }
.block-diagram .owl-controls         {bottom: 50px; }



.block-news             {background: #fff; padding: 1rem;}
.block-news a           {display: block;}
.block-news .title      {font-size: 16p; font-size:1.6rem; color: #333;}
.block-news .thumb      {height: 152px;}

#section-index-main {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}
#section-index-main .small-8.columns {width: 60.813%;}
#section-index-main .small-4.columns {width: 39.187%;}

#section-index-omap                         {margin: 1rem auto; padding: 0.9375rem;}
#section-index-omap .map-column             {background:#fff; padding: 1.5rem; border-right:1px solid #eee}
#section-index-omap .map-column .title                              {font-size:20px; font-size:2.0rem; line-height: 100%; float: left; margin-right: 1rem;}
#section-index-omap .map-column .title span                         {font-size: 12px; font-size:1.2rem; display: block; color: #999;}
#section-index-omap .map-column .tabs                               {border: 0;     float: left;}
#section-index-omap .map-column .tabs .tabs-title                   {margin:0 0.5rem;}
#section-index-omap .map-column .tabs .tabs-title a                 {background:#ececec; display: block; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#999; font-size:16px; font-size:1.5rem; padding: 1rem 2rem;}
#section-index-omap .map-column .tabs .tabs-title a:hover           {color:#333;}
#section-index-omap .map-column .tabs .tabs-title.is-active a       {background: #ff6689; color:#fff; font-weight:bold; margin-bottom: 1rem; }
#section-index-omap .map-column .tabs .tabs-title.is-active a:before       {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ff6689 transparent transparent transparent;}
#section-index-omap .map-column .tabs-content                       {border: 0;clear: both;}
#section-index-omap .map-column .tabs-content .tabs-panel           {}
#section-index-omap .side-column                    {background:#fff; padding: 1.5rem 0 1.5rem 0.5rem;}
#section-index-omap .side-column .title              {font-size:20px; font-size:2.0rem; font-weight:bold; margin-left: 0.5rem;}
#section-index-omap .side-column ul                 {list-style-position: inside; list-style:none; margin-left: 0rem; max-height: 450px; overflow: auto;overflow-x:hidden}
#section-index-omap .side-column ul li              {margin: 0.3rem 0;}
#section-index-omap .side-column ul li a            {display: block; width: 100%; color:#333; padding:0.5rem 0 0.5rem 0.5rem; font-size: 14px; font-size:1.4rem;  margin-left: 10px;}
#section-index-omap .side-column ul li a em         {display: inline-block;vertical-align: middle;}
#section-index-omap .side-column ul li a:hover      {color: #000;}
#section-index-omap .side-column ul li a span       {display: inline-block; border:1px solid #999; padding:0.7rem 1rem; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-right: 0.3rem; vertical-align:middle; line-height: 100%;}
#section-index-omap .side-column ul li a.current    {background: #ff6689; color: #fff; font-weight: bold; }
#section-index-omap .side-column ul li a.current:before       {content: ''; display: block; position: absolute; left: -10px;  bottom: 0; top:0; margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0 ;
    border-color: transparent #ff6689 transparent  transparent;}
#section-index-omap .side-column ul li a.current span    { border-color:#fff; color: #fff; font-weight: bold;}


#section-index-oboard                    {}
#section-index-oboard .title             {font-size:20px; font-size:2.0rem; line-height: 100%; margin-right: 1rem; margin-bottom: 2rem;}
#section-index-oboard .title span        {font-size: 12px; font-size:1.2rem; display: block; color: #999;}
#section-index-oboard .wrapper           {width: 102%; display: block;}

#section-index-oboard .pitem             {width: 16%; letter-spacing: -4px;}

.pitem              {display: inline-block; text-align: center;}
.pitem a            {color: #333; text-align: center; letter-spacing: normal;}
.pitem a span       {width:100px; height: 100px; display:inline-block;  -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; }
.pitem a img        {margin-top: 16px;}
.pitem a p          {font-size:15px; font-size:1.5rem; margin: 1rem 0;}
.pitem a:hover span {top:-3px;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;  }
.pitem.p1 span      {background: #ff7327;}
.pitem.p2 span      {background: #f7b028;}
.pitem.p3 span      {background: #99cc00;}
.pitem.p4 span      {background: #416281;}
.pitem.p5 span      {background: #36a3b2;}
.pitem.p6 span      {background: #ff6781;}
.pitem.p7 span      {background: #58a77f;}


/*form*/

.input                           {text-align: left; margin-bottom: 1rem;}
.input .ui-wrap                  {display: inline-block;}
.input .ui-text                  {text-align: right; vertical-align:-webkit-baseline-middle; font-size: 15px; font-size: 1.5rem; }
.input .ui-text b                {color: #f33; font-weight: bold; font-family: Verdana; font-size: 12px;}
.input .ui-input                 {display: inline-block;}
.input .ui-radio                 {display: inline-block;}
.input .ui-textarea              {display: inline-block;}
.input [type='text'],
.input [type='password'],
.form input[type="mail"]
.input textarea                  {background: transparent; border: 1px solid #666;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-size: 16px; font-size: 1.6rem; margin: 0; height: initial; padding:0.8rem 0.5rem; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  } 
.input [type='text']:focus,
.input [type='password']:focus,
.input textarea:focus            {background-color: #ff9;}
.input textarea                  {min-height: 80px;}
.input .ui-checkbox              {display: inline-block; cursor: pointer; margin-bottom: 0.8rem;}
.input .ui-checkbox >*            {cursor: pointer;}
.input .label-radio              {display: inline-block;  cursor: pointer; margin-right: 2rem;}
.input .label-radio span         {display: inline-block;  cursor: pointer;}
.input .label-radio input        {margin: 0; margin-right:0.5rem;}
.input .dateInput                {background: url("../images/icon-calendar@2x.png") no-repeat right; background-size: 25px; }

.input select   				{background-color: transparent;  border: 1px solid #333; color:#000; font-size:16px; font-size:1.6rem;  height: auto; background: transparent url("../images/icon-select-arrow.png") no-repeat right 10px center;  background-size:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8rem 0.5rem; margin: 0; }
.input select option   			{color:#000;}

.input span.error     {color:#f33; display: block; font-size:12px; margin-top: 0.1rem;}
.input input[type='text'].error,
.input input[type='password'].error {border-bottom: 1px solid #f33; background: #fcc;}
.input select.error                 {border: 1px solid #f33;}

.input input[readonly], 
.input input[readonly="readonly"],
.input input[readonly]:focus, 
.input input[readonly="readonly"]:focus {color:#999; border: 0; background: #e7e7e7;}

.ui-checkbox                           	{}
.ui-checkbox:hover input[type="checkbox"] + span:before   {background-color: #f7f7f7;}
.ui-checkbox input[type="checkbox"]    {display:none;}
.ui-checkbox input[type="checkbox"] + span:before {display:inline-block; content:'';  width:14px; height:16px; margin:-2px 6px 0 0; vertical-align:middle; cursor:pointer; border:1px solid #333;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display: none;}
.ui-checkbox input[type="checkbox"]:checked + span:before { display: inline-block; background:url(../images/icon-check-white.png) no-repeat center;}

.label-radio                    {display: inline-block; cursor: pointer; position: relative;}
.label-radio span               {display: inline-block; padding-left: 25px;}
.label-radio input[type=radio]  {display: none;}
.label-radio span:before        {content: ""; display: inline-block; width: 20px; height: 20px;  margin-right: 10px; position: absolute; left: 0;  background-color:#d9dfe6;  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border-radius:20px;}

input[type=radio]:checked + span:before {content: "\2022"; color: #666; font-size: 26px; text-align: center; line-height:24px;}


#section-contact                        {background: #f3f3f3;  text-align: center;}
#section-contact .columns               {margin:4rem auto; float: none;}
#section-contact .form                  {margin:2rem 1rem;}

/*article*/
.article		{}
.article h2		{font-size:20px; font-size:2.0rem; color:#3678a8; font-weight: bold; margin-bottom: 1rem;}
.article h3		{font-size:18px; font-size:1.8rem; font-weight: bold;  margin-bottom: 0.5rem;}
.article h4		{}
.article p		{font-size:15px; font-size:1.5rem; line-height: 180%; margin-bottom: 1rem;}
.article ul		{margin-left: 2rem;}
.article ul li	{font-size:16px; font-size:1.6rem; margin-bottom: 0.5rem;}
.article ul li b{font-weight: bold;}

.page-head          {padding: 3rem 2rem 2rem 2rem; border-top:20px solid #ff8000;}
.page-head h1       {font-size:36px; font-size:3.6rem; font-weight: bold; margin-bottom: 1rem; color: #ff8000;}
.page-bottom        {text-align: center;}
.page-bottom p      {margin-top: 2rem;}
.page-bottom p a    {font-size:16px; font-size:1.6rem; }

.table			    {background:#fff; margin:1rem 0; border:0;}
.table th			{padding:8px 10px; font-size:13px; border-bottom:1px dotted #ccc; font-weight:normal; text-align: left;}
.table th a			{color: #333;}
.table th a:hover   {color: #06c; text-decoration: underline;}
.table td			{padding:8px 10px; font-size:13px; line-height:160%; border-bottom:1px dotted #ccc;}
.table thead th,
.table thead td	    {background:#3678a8; padding:8px 10px; font-size:15px; text-align:center; border:0px;  color:#fff;}
.table thead th	    {text-align: left; font-weight: bold;}
.table td ul		{margin:0; padding:0;}
.table td ul li		{list-style:disc outside!important;  font-size:13px!important;}
.table td ol li		{list-style: decimal outside!important; font-size:13px!important;}
.table td em		{font-weight:bold; color:#000;}

table thead, 
table tbody, 
table tfoot                     {border: 0px solid #f1f1f1;background-color: #fff;}
table tbody tr:nth-child(even)  {background-color: #f7f7f7;}

/*footer*/
#section-footer                      {background: #2d3745; margin-top: 5rem;}
#section-footer .columns             {text-align: left; padding:5rem 1rem; }
#section-footer .logo-ey             {float:left; margin-right: 2rem;filter:alpha(opacity=60);opacity:0.6;zoom:1;}
#section-footer .right               {}
#section-footer .right ul            {margin:0.5rem auto;}
#section-footer .right ul li         {list-style: none; display: inline-block; letter-spacing: 0.1rem;}
#section-footer .right ul li a       {color: #fff; font-size:13px; font-size:1.3rem;}
#section-footer .right ul li a:hover {}
#section-footer .right .top          {}
#section-footer .right .top li       {border-right: 1px solid #ccc; padding-right: 1.2rem; margin-right: 1rem; line-height: 100%;}
#section-footer .right .top li:last-child   {border: 0;}
#section-footer .right .bot          {}
#section-footer .right .bot li       {color: #fff; margin-right: 2rem;}
#section-footer .right .bot .f-tel:before         {width: 24px; height: 24px; display: inline-block; content: ''; background: url("../images/footer-icon.png"); vertical-align: middle; margin-right: 5px; background-position: 0 -72px;}
#section-footer .right .bot .f-address:before     {width: 24px; height: 24px; display: inline-block; content: ''; background: url("../images/footer-icon.png"); vertical-align: middle; margin-right: 5px; background-position: 0 -24px;}


.social				{text-align: center;}
.social a:link,
.social a:visited	{display: inline-block; width:20px; height: 20px; background-image: url("../images/social-icon.png"); background-repeat: no-repeat;  margin: 0 0.2rem;  }
.social a:hover		{filter:alpha(opacity=80);opacity:0.8;zoom:1;}
.social a:active	{top:1px;}
.social a#facebook	{background-position: 0 0;}
.social a#twitter	{background-position: 0 -20px;}
.social a#googleplus{background-position: 0 -40px;}
.social a#line	    {background-position: 0 -60px;}
.social a#plurk	    {background-position: 0 -80px;}
.social a#juiker	{background-position: 0 -100px;}


#section-chart                                                  {background: #fff;}
#section-chart .row-head                                        {padding:2rem 2rem;}
#section-chart .row-head .head-title-column                     {}
#section-chart .row-head .head-title-column  .ptitle            {}
#section-chart .row-head .head-title-column  .ptitle img        {float: left; margin-right: 1rem; vertical-align: sub;}
#section-chart .row-head .head-title-column  .ptitle div        {}
#section-chart .row-head .head-title-column  .ptitle div p      {font-size:20px; font-size:2.0rem; font-weight: bold;}
#section-chart .row-head .head-title-column  .ptitle div span   {font-size:15px; font-size:1.5rem; color:#999;}
#section-chart .row-head .head-right-column                     {text-align: right;}
#section-chart .row-tool                      {padding:1rem 2rem; border: 1px solid #eee; border-left: 0; border-right: 0;}
#section-chart .row-tool  .tool-left-column   {}
#section-chart .row-tool  .tool-right-column          {text-align: right;}
#section-chart .row-tool  .tool-right-column .button  {}
#section-chart .row-chart               {padding:5rem 2rem; }
#section-chart .chart-column            {}
#section-chart .chart-column h2         {font-size:20px; font-size:2.0rem; font-weight: bold; margin-left: 0.5rem;}
#section-chart .chart-column .social    {position: absolute; right: 1rem; top:0;}
#section-chart .chart-column .chart-container                   {margin: 2rem 0;}
#section-chart .chart-column .chart-container .chart-toolbar    {float:right; z-index: 99;}
#section-chart .chart-column .chart-container .chart-wrapper    {width: 100%; text-align: center;}

#topic-dropdown               {text-align:left; width:220px;}
#topic-dropdown .pitem        {display: block; width: 100%; margin: 0.5rem 0; text-align:left;}
#topic-dropdown .pitem span   {display: inline-block; width: 40px; height: 40px; margin-right: 1rem; }
#topic-dropdown .pitem span img {width: 60%; margin-top: 10px;}
#topic-dropdown .pitem p        {display: inline-block;}
#topic-dropdown .pitem a:hover  {display: inline-block;}

.chart-toolbar              {}
.chart-toolbar a            {display: inline-block; border: 1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding: 0 0.5rem;  }
.chart-toolbar a:before     {display: inline-block; content: '';  background: url("../images/icon.png"); width: 35px; height: 35px; vertical-align: middle;filter:alpha(opacity=30)!important; opacity:0.3; zoom:1;  }
.chart-toolbar a:hover:before       {filter:alpha(opacity=70)!important; opacity:0.7; zoom:1; }
.chart-toolbar a:active:before      {top:1px; position:relative}
.chart-toolbar a.current:before     { filter:alpha(opacity=100)!important; opacity:1.0; zoom:1; }
.chart-toolbar a.c-pie              {border-right: 0; -webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px;; border-radius:2px 0 0 2px;}
.chart-toolbar a.c-bar              {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.chart-toolbar a.c-line             {border-left: 0;-webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;}
.chart-toolbar a.c-pie:before      {background-position: 0 -245px;}
.chart-toolbar a.c-bar:before      {background-position: 0 -210px;}
.chart-toolbar a.c-line:before     {background-position: 0 -175px;}



#section-search-tabs                                {background: #fff;}
#section-search-tabs .tabs                          {border: 0; border-bottom: 1px solid #eee;}
#section-search-tabs .tabs .tabs-title              {width: 50%; text-align: center;}
#section-search-tabs .tabs .tabs-title a            {font-size:22px; font-size:2.2rem;filter:alpha(opacity=30);opacity:0.3;zoom:1; color: #000;}
#section-search-tabs .tabs .tabs-title a:hover      {filter:alpha(opacity=60);opacity:0.6;zoom:1; }
#section-search-tabs .tabs .tabs-title a:before     {display: inline-block; content: ''; width: 35px; height: 35px; background:url("../images/icon.png") 0 -280px; vertical-align: sub;  top:2px; position: relative; margin-right: 0.5rem;}
#section-search-tabs .tabs .tabs-title.tab-advance a:before     {background-position:  0 -315px;}
#section-search-tabs .tabs .tabs-title.is-active a  {font-weight: bold;filter:alpha(opacity=100);opacity:1.0;zoom:1; background: transparent;}
#section-search-tabs .tabs .tabs-title.is-active a:after  {content: ''; display: block; position: absolute; left: 0; right: 0; bottom:0px; margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ff6689  transparent;}{font-weight: bold;filter:alpha(opacity=100);opacity:1.0;zoom:1; background: transparent;}
#section-search-tabs .tabs-content                  {border: 0;}
#section-search-tabs .tabs-content .tabs-panel      {padding: 2rem;}
#section-search-tabs .tabs-content .form            {}
#section-search-tabs .tabs-content .form .columns   {padding:0 2px;}
#section-search-tabs .tabs-content .form .input     {}

.topic_slider                 {width: 92%!important; margin: auto;}
.topic_slider .pitem          {}
.topic_slider .pitem a        {display: block; text-align: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.topic_slider .pitem a:hover  { filter:alpha(opacity=70);opacity:0.7;zoom:1; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.topic_slider .pitem a.current{-webkit-filter: grayscale(0%); filter: grayscale(0%); font-weight: bold; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.topic_slider .pitem a img    {width: auto; margin: auto;}

.topic_slider .owl-stage-outer       {margin: auto;}
.topic_slider .owl-dots              {display: none!important;}
.topic_slider .owl-controls          {position: absolute; width: 100%; top:50%; margin: 0;}
.topic_slider .owl-nav               {}
.topic_slider .owl-nav > div         {position: absolute; top: 50%; margin-top: -21px; display: block; cursor: pointer; width: 36px; height: 42px; background-image:url("../images/pnavi@2x.png"); background-repeat: no-repeat;filter:alpha(opacity=30);opacity:0.3;zoom:1;}
.topic_slider .owl-prev              {background-position: 0 0px; left: -4rem; background-size:36px;}
.topic_slider .owl-next              {background-position: 0 -42px; right: -4rem; background-size:36px;}
.topic_slider .owl-nav > div:hover   {filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.topic_slider .owl-nav > div:active  {top:55%;}
 
#section-massage                        {margin: 1rem auto}
#section-massage .columns               {background: #fff; text-align: center; padding: 5rem 0;}
#section-massage .columns img           {margin-bottom: 2rem;}
#section-massage .columns h2            {font-size:18px; font-size:1.8rem;}
#section-massage .columns p             {font-size:15px; font-size:1.5rem; color: #666;}

#section-result                         {margin: 1rem auto; background: #fff;}
#section-result .sidebar-column         {padding: 2rem;}
#section-result .sidebar-column .cate   {margin-bottom: 2rem;}
#section-result .sidebar-column .cate .title    {font-size:18px; font-size:1.8rem; font-weight: bold;}
#section-result .sidebar-column .cate ul        {}
#section-result .sidebar-column .cate ul li     {list-style: none; margin:1rem 0;}
#section-result .sidebar-column .cate ul li a   {color: #999; font-size:15px; font-size:1.5rem;}
#section-result .sidebar-column .cate ul li a:hover   {color: #0066CC;}
#section-result .sidebar-column .cate ul li a.current {color: #0066CC; font-weight: bold;}
#section-result .list-column                    {padding: 2rem;}
#section-result .list-column .title             {font-size:22px; font-size:2.2rem;}
#section-result .list-column .social            {position: absolute; right: 1rem; top:0;}
 
#section-news-filter                        {background: #fff;}
#section-news-filter .row-head              {padding: 2rem 2rem 0 1rem;}
#section-news-filter .row-head .title       {font-size:22px; font-size:2.2rem; font-weight: bold;}
#section-news-filter .row-head .btn-what    {color: #999;}
#section-news-filter .row-head .btn-what:before    {display: inline-block; content: ''; width: 24px; height: 24px; background:url("../images/icon.png") -6px -358px; vertical-align: sub; position: relative; margin-right: 0.2rem; }
#section-news-filter .row-head .btn-what:hover    {color: #06c; text-decoration: underline;}
#section-news-filter .row-form              {padding:0 2rem;}
#section-news-filter .form                  {}
#section-news-filter .form .columns         {padding:0 2px;}
#section-news-filter .form .input           {}
#section-news-filter .page-bottom           {padding-bottom: 2rem;}

#section-news-result                        {margin: 3rem auto; }
#section-news-result .tool-column           {text-align: center;}
#section-news-result .tool-column .button   {}
#section-news-result .tool-column .social   {position: absolute; right:0; top:0;}
#section-news-result .timeline-column       {}


#section-issue-chart                                    {background: #fff;}
#section-issue-chart > .row                             {padding: 2rem;}
#section-issue-chart .row-head                          {border-bottom: 1px solid #eee; padding-bottom: 0;}
#section-issue-chart .head-title-column                 {}
#section-issue-chart .head-title-column .title          {font-size:22px; font-size:2.2rem; font-weight: bold; }
#section-issue-chart .head-title-column .title select   {width: auto; height: auto; margin-left: 10px; font-size: 16px; font-size: 1.6rem;}
#section-issue-chart .head-right-column                 {text-align: right;}
#section-issue-chart .head-right-column .social         {display: inline-block;}

.row-issue-section             {}
.row-issue-section .pitem      {margin-bottom: 1rem;}
.row-issue-section .pitem img  {width: 40px; height: 40px; display: inline-block; vertical-align:middle; margin-right: 10px;}
.row-issue-section .pitem p    {font-size: 20px; font-size:2.0rem; display: inline-block; letter-spacing: 0.1rem; line-height: 200%;}
.row-issue-section .wrapper     {letter-spacing: -4px;}
.tc-item                 {background: #f5f5f5; display: inline-block; margin: 0 0.5% 1rem 0; position: relative; padding:0.5rem 1rem; width: 19.5%; min-height: 115px; letter-spacing: normal;}
.tc-item .deco           {display: block; width: 50px; height: 50px; background: url("../images/icon-flag-gray.png") no-repeat; position: absolute; right: 1rem; top:-2px; text-align: center; background-size: 50px;  }
.tc-item .deco span      {color:rgba(255,255,255,0.7); font-size:12px; font-size:1.2rem; margin: 6px auto; display: inline-block; letter-spacing: 0.1rem;}
.tc-item .deco:after     {display:none; content:''; width:32px; height: 20px; background: url("../images/icon-trend.png"); }
.tc-item p               {font-size:15px; font-size: 1.5rem; width: 95%; display: block; line-height: 140%; margin: 6px 0; }
.tc-item p b             {font-size:16px; font-size: 1.6rem; font-weight: bold;}
.tc-item p em            {font-size:24px; font-size: 2.4rem; margin: 0 5px; display: inline-block; line-height: 100%;}
.tc-item p img           {vertical-align:text-bottom;}
.tc-item p.up em         {color: #ff6689;}
.tc-item p.down em       {color: #4482af;}

#section-observing                      {background: #fff;}
#section-observing > .row > .row        {}
#section-observing .left-column         {border-right: 1px solid #eee; padding: 2rem;}
#section-observing .row-head            {border-bottom: 1px solid #eee;}
#section-observing .head-title-column           {}
#section-observing .head-title-column .title    {font-size:22px; font-size: 2.2rem; font-weight: bold; }
#section-observing .row-head select             {font-size:16px; font-size: 1.6rem; height: auto; }
#section-observing .row-ob-topic                {padding: 2rem 2rem 1rem 2rem; border-bottom: 1px solid #eee;}
#section-observing .row-ob-topic .title         {}
#section-observing .row-ob-topic .pitem         {margin-bottom: 1rem;}
#section-observing .row-ob-topic .pitem img     {width: 40px; height: 40px; display: inline-block; vertical-align:middle; margin-right: 10px;}
#section-observing .row-ob-topic .pitem p       {font-size: 20px; font-size:2.0rem; display: inline-block; letter-spacing: 0.1rem; line-height: 200%;}
#section-observing .row-ob-topic .pitem.p1 p    {color: #ff7327}
#section-observing .row-ob-topic .pitem.p2 p    {color: #f7b028}
#section-observing .row-ob-topic .pitem.p3 p    {color: #99cc00}
#section-observing .row-ob-topic .pitem.p4 p    {color: #1c4e99}
#section-observing .row-ob-topic .pitem.p5 p    {color: #35a3b3}
#section-observing .row-ob-topic .pitem.p6 p    {color: #ff6686}
#section-observing .row-ob-topic .pitem.p7 p    {color: #339966}
#section-observing .row-ob-topic .list          {margin:0 0 0 4.2rem;}
#section-observing .row-ob-topic .list .else    {display: none; width: 100%;}
#section-observing .row-ob-topic .list ul          {}
#section-observing .row-ob-topic .list ul li       {display: inline-block; width: 28%; margin-bottom: 1rem; margin-right: 3%;}
#section-observing .row-ob-topic .list ul li a               {color: #333; font-size: 16px; font-size:1.6rem; text-decoration: underline;}
#section-observing .row-ob-topic .list ul li a:before        {display: inline-block; content:''; width: 4px; height: 4px; background: #333; margin-right: 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; margin-left: -12px; } 
#section-observing .row-ob-topic .list ul li a:hover         {color: #06c; text-decoration:none;}
#section-observing .row-ob-topic .list ul li a.link-more     {color: #06c; text-decoration: underline;}
#section-observing .row-ob-topic .list ul li a.link-more:hover      {text-decoration: none;}
#section-observing .row-ob-topic .list ul li a.link-more:before     {}
#section-observing .issue-sidebar-column            {padding: 2rem;}
#section-observing .issue-sidebar-column .title     {font-size:18px; }
#section-observing .issue-sidebar-column .wrapper    {}
#section-observing .issue-sidebar-column .tc-item    {width: 100%;}
#section-observing .issue-sidebar-column .link       {border-bottom: 3px solid #ff6686; color:#333; font-size:16px; font-size: 1.6rem; margin: 2rem 0; display: inline-block;}
#section-observing .issue-sidebar-column .link:hover {border-bottom: 3px solid #ccc}

#section-observing-head                     {background: #fff;}
#section-observing-head .row-head           {padding: 2rem 2rem 0 2rem; border-bottom: 1px solid #eee;}
#section-observing-head .row-head .title    {font-size: 22px; font-size: 2.2rem; font-weight: bold;}
#section-observing-head .row-head select    {font-size:16px; font-size: 1.6rem; height: auto; }
#section-observing-head .row-breadcrumb                 {padding: 1rem 2rem 1rem 2rem;}
#section-observing-head .row-breadcrumb .breadcrumb                 {line-height: 260%;font-size:18px; font-size:1.8rem; }
#section-observing-head .row-breadcrumb .breadcrumb .pitem          {}
#section-observing-head .row-breadcrumb .breadcrumb .pitem a        {margin: 0;}
#section-observing-head .row-breadcrumb .breadcrumb .pitem img      {width: 40px; height: 40px; display: inline-block; vertical-align:middle;  margin-top:0; margin-right: 10px;}
#section-observing-head .row-breadcrumb .breadcrumb .pitem p        {font-size:18px; font-size:1.8rem; display: inline-block; letter-spacing: 0.1rem; line-height: 260%; margin: 0;}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p1 p     {color: #ff7327}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p2 p     {color: #f7b028}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p3 p     {color: #99cc00}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p4 p     {color: #1c4e99}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p5 p     {color: #35a3b3}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p6 p     {color: #ff6686}
#section-observing-head .row-breadcrumb .breadcrumb .pitem.p7 p     {color: #339966}
#section-observing-head .row-breadcrumb .breadcrumb a               {color: #333; text-decoration: underline}
#section-observing-head .row-breadcrumb .breadcrumb a:hover         {color: #333; text-decoration:none}


#section-article                 {background: #fff;}
#section-article .row-head       {padding: 2rem 2rem 1rem 2rem; border-bottom: 1px solid #f3f3f3;}
#section-article .row-head h1    {font-size:24px; font-size:2.4rem;}
#section-article .row-head .year    {color: #3678a8; font-size:18px; font-size:1.8rem; font-weight: bold;}
#section-article .row-head .source  {font-size:16px; font-size:1.6rem; color: #999; }
#section-article .head-right-column  {text-align: right;}
#section-article .head-right-column .social  {display: inline-block;}
#section-article .row-article    {padding: 2rem 2rem 2rem 2rem; }
#section-article .article        {}
#section-article .article p      {font-size:16px; font-size:1.6rem; line-height: 160%;}
#section-article .article img    {}
#section-article .article pre    {width: 100%;font-size:16px; font-size:1.6rem; line-height: 160%; white-space: pre-wrap;}
#section-article .file           {border-bottom: 1px solid #f3f3f3;border-top: 1px solid #f3f3f3; padding: 3rem 0; margin-top: 3rem;}
#section-article .file a         {font-size:15px; font-size:1.5rem; color:#06c; text-decoration: underline;}
#section-article .file a:hover   {text-decoration:none;}
#section-article .page-bottom    {padding-top: 3rem;}


/*dataTables*/
.dataTables_wrapper                         {clear: both;}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate    {display: none;}


/*reveal*/
.reveal-overlay             {background-color: rgba(255, 255, 255, 0.9); }
.reveal                     {text-align: center; outline: none; padding: 2rem 5rem 2rem 5rem;}
.reveal h1                  {font-size: 22px; font-size:2.2rem; margin-bottom: 2rem; }
.reveal .inner              {}  
.reveal .inner h2           {font-size: 22px; font-size:2.2rem; margin-bottom: 2rem; }
.reveal .inner p            {font-size: 15px; font-size:1.5rem; line-height: 160%; text-align: left;}
.reveal .bottom             {margin-top: 2rem;}
.reveal .bottom .button     {}
.reveal-overlay             {background-color: rgba(0, 0, 0, 0.3); }
.reveal.msg                 {background: rgba(0, 0, 0, 0.7); width:280px; padding:2rem 3rem; outline:inherit; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px;  text-align: center; }
.reveal.msg p               {color:#fff; font-size: 16px; font-size:1.6rem; line-height: 180%;}


.tooltip 				{padding: 0.5rem 0.75rem;}
.tooltip.top::before 	{border: inset 0.3rem; border-color: #0a0a0a transparent transparent; border-top-style: solid;}

#edit-timeline-pop                          {background: #f3f3f3;}
#edit-timeline-pop .cd-container            {width:100%;}
#edit-timeline-pop .cd-timeline-content     {text-align: left; padding: 1em 3.5rem 0.5rem 1rem;}
#edit-timeline-pop .cd-timeline-content a   {text-align: left; font-size:15px; font-size:1.5rem;}
#edit-timeline-pop .cd-timeline-content p   {font-size:13px; font-size:1.3rem;}
#edit-timeline-pop .cd-timeline-block .cd-timeline-content .cd-date {text-align: left;}
#edit-timeline-pop .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { text-align: right;}
#edit-timeline-pop .cd-timeline-block       {margin: 1em 0;}
#edit-timeline-pop .cd-timeline-content .btn-trashcan       {position: absolute; right: 10px; top:10px;}
#edit-timeline-pop .cd-timeline-img {width: 50px; height: 50px; left: 50%; margin-left: -25px;}
#edit-timeline-pop .cd-timeline-img img {width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;}

#diagram-pop .inner pre    {width: 100%;font-size:16px; font-size:1.6rem; line-height: 160%; white-space: pre-wrap;text-align:left}

#source-pop .inner          {text-align: left;}

/*Back to top button */
#btn-top:link,
#btn-top:visited   		{background:rgba(0,0,0,0.8);  text-align: center; padding:1.2rem 1.4rem 1.2rem 1.3rem;  font-family: 'Century Gothic'; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1rem; display: inline-block;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; z-index: 999; position: fixed; right:-5px; bottom:10%;  }    
#btn-top:before			{content: ''; display: block; margin: auto; background: url("../images/icon-top@2x.png") no-repeat center center; width:20px; height: 14px; background-size:20px; filter:alpha(opacity=70)!important; opacity:0.7; zoom:1;  } 
#btn-top:hover			{color: #333}
#btn-top:hover:before	{filter:alpha(opacity=90)!important; opacity:0.9; zoom:1; }


/*page navigation*/
.page-foot							{margin:2rem 0 2rem 0;}
.page-foot .pageguide				{font-size:12px; font-size:1.2rem; color:#666; letter-spacing: 0.1rem; }
.page-foot .pageguide input		    {width: 40px; margin: 0 5px; display: inline-block}
.page-foot .pageguide select        {width: 60px; margin:0 5px;}
.pagination 					    {display: inline-block;  }
.pagination a,
.pagination span				    {font-size:15px;font-size:1.5rem; text-decoration:none; color:#333; margin:0 5px; padding: 8px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; position:relative;  display: inline-block; zoom: 1; *display: inline; vertical-align: top; border: 1px solid #ccc; line-height: 120%;}
.pagination .current 		{background:#092F46; color: #fff; padding: 8px 15px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position:relative;  behavior:url(css/PIE.htc); border: 1px solid #092F46;}
.pagination a:hover			{background: #fff;  text-decoration:none!important; border: 1px solid #092F46;}
.pagination a:active        {top:1px;}
.pagination .prev,
.pagination .next			{display:inline-block; margin-right:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border-color:#fff; padding:5px 10px; border: 1px solid #ccc;}
.pagination .prev:before,
.pagination .next:before    {display:inline-block; content: '';  width:18px; height:21px;   background:url("../images/pnavi@2x.png") no-repeat center center; background-size:18px;}
.pagination .prev:before			{background-position: 0 0}
.pagination .next:before			{background-position: 0 -21px}
.pagination .prev:hover,
.pagination .next:hover     {border: 1px solid #092F46;}

.pagination span.prev,
.pagination span.next		{filter:alpha(opacity=0);opacity:0;zoom:1; display: none;}

.has-tip                    {border-bottom: none;cursor: pointer;}
.tooltip                    {max-width: 200px !important;}

#section-chart .city        {color: #666666;}
#section-chart .city:hover  {color: #2199e8;}




/**************************************** Small 480 less ****************************************/
@media screen and (max-width: 480px) {}

/**************************************** Small 640 less ****************************************/
@media screen and (max-width: 39.9375em) {}


/**************************************** Medium 640 up ****************************************/
@media screen and (min-width: 40em) {}

/**************************************** Medium 640-1024 **************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/**************************************** Large 1024 up ****************************************/
@media screen and (min-width: 64em) {}

/****************************************  Large 1024-1200 *************************************/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}