@CHARSET "UTF-8";

/* ----------------------------------------------
    Reset
---------------------------------------------- */
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,
table, caption, tbody, tfoot, thead, tr, th, td,
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: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ----------------------------------------------
    Reset END
---------------------------------------------- */



/* ----------------------------------------------
    Global
---------------------------------------------- */
body{
    font-family : Verdana,Helvetica,Arial,sans-serif;
    font-size : 12px;
    background : #F2F2F2;
    color : #333;
}
#content{
    margin : 20px auto;
    width : 940px;
    position : relative;
}
*:focus {
    outline: none;
    -moz-outline-style: none;
}
a,a:visited{
   text-decoration : none;  
    color : #70a6f6;
}
a:hover{
   text-decoration : underline;    
}
.clearBoth{
    display : block;
    clear : both;
}
.displayNone{
    display : none;
}
em{
    font-weight : bold;
}
em.same {
    color : green;   
}
em.different,
em.unknown {
    color : red;   
}
h1 {
    font-size : 24px;
    margin : 0px 0px 10px;
    padding : 0px 10px;
    line-height : 40px;
}
h2 {
    font-size : 20px; 
    margin : 20px 0px 10px;    
    padding : 0px 10px;
    line-height : 40px;
}
h3 {
    font-size : 12px; 
    font-weight : bold;
    padding : 0px 10px;
    line-height : 20px;
}
h4 {
    font-size : 12px; 
    font-weight : bold;
    padding : 0px 10px;
    line-height : 20px;
}
p{
    font-size : 12px;
    line-height : 18px;
    padding : 10px;
    text-align : justify;
}
/* ----------------------------------------------
    Global END
---------------------------------------------- */



/* ----------------------------------------------
    Header
---------------------------------------------- */
#header{
    height : 100px;
    margin-bottom : 20px;
    background : url(sprite.png) top left no-repeat;
    position : relative;
}
#header a{
    height: 100px;
    position: absolute;
    text-indent: -5000px;
    width: 450px;
}
#header input{
    position : absolute;
    right : 12px;
    font-size : 12px;
    width : 265px;
    background : none;
    top : 9px;
    border : 0;
}
/* ----------------------------------------------
    Header END
---------------------------------------------- */



/* ----------------------------------------------
    Banner
---------------------------------------------- */
#band{
    height : 120px;
    background : url(sprite.png) 0px -160px no-repeat;
    margin-bottom : 20px;
}
.ho #band{
    height : 280px;
    background : url(sprite.png) 0px -80px no-repeat;
}
#band a{
    display : block;
    height : 100%;
    width : 100%;
    text-indent : -5000px;
    outline : none;
}
/* ----------------------------------------------
    Banner END
---------------------------------------------- */



/* ----------------------------------------------
    Breadcrumb
---------------------------------------------- */
#slogan{
    height : 26px;
    background : #fff;
    margin-bottom : 20px;
    overflow: hidden;
}
#slogan p{
    line-height : 26px;
    padding : 0px 10px;
    font-size: 14px;
}
.ho #slogan p{
    text-align : center;
}
/* ----------------------------------------------
    Breadcrumb END
---------------------------------------------- */



/* ----------------------------------------------
    Page + Side
---------------------------------------------- */
#widePage{
   margin-bottom : 20px;
}
/* ----------------------------------------------
    Page
---------------------------------------------- */



/* ----------------------------------------------
    Page
---------------------------------------------- */
#page{
    background : #fff;
}
#page h1{
    background : #d5e5ff;
}
#page h2{
    background : #d5e5ff;
}
#page .bloc{
    margin-bottom : 20px;
}
#page .bloc.h25{
    height : auto !important;
    height : 250px;
    min-height : 250px;
}
#page .bloc .col2{
    float : left;
    width : 470px;
}
#page .bloc .col2{
     margin-left : 0px;
}
#page .col3 {
	float: left;
	width: 303px;	
	margin: 0 5px;
}
#page .col3 h2 {
	margin: 0;
}
#page .items{
    border-top : 1px solid #eee;
}
#page .items .col2 {
	float : left;
	width: 470px;
	margin: 0px 0px;
}
#page .item{
    height : 40px;
    padding : 10px;
    overflow : hidden;
    background : #fafafa;
    border-top : 1px solid #fff;
    border-bottom : 1px solid #fff;
    position : relative;
    cursor : pointer;
}
#page .item.od{
    background : #fff;
    border-top : 1px solid #eee;
    border-bottom : 1px solid #eee;
}
#page .item.empty {
	border-bottom : none;
	height: 0px;
	padding: 0;
}
#page .item.over{
    background : #d5e5ff;
}
#page .item .thumb{
   display : block;
    position : absolute;
    left : 10px;
    top : 10px;
    background : url(sprite.png) -6px -344px;
    width : 40px;
    height : 40px;
}
#page .item.over .arrow{
    display : block;
    position : absolute;
    right : 15px;
    top : 15px;
    background : url(sprite.png) -575px -375px;
    width : 30px;
    height : 30px;
}
#page .item h4{
    position : absolute;
    left : 50px;
    top : 10px;
}
#page .item p{
    position : absolute;
    left : 50px;
    top : 30px;    
    padding-top : 0px;
}
#page li {
    float: left;
    height: 22px;
    line-height: 22px;
    list-style: disc inside none;
    overflow: hidden;
    text-indent: 12px;
    width: 235px;
}
#page .depList li {
	height: 40px;
    line-height: 40px;
    list-style: none;
    overflow: visible;
    margin-bottom: 20px;
}
#page .depList li a {
	line-height: 40px;
	font-size: 16px;
	display: block;
	height: 40px;
}
#page .depList li a.small {
	font-size: 12px;
}
#page .depList li a img {
	vertical-align: middle;
	margin-right: 10px;
}
#page ul.da, #page div.info ul {
    margin : 10px;
}
#page ul.da li, #page div.info ul li{
    float :  none;
    width: auto;
}

#page div.info ul li p{
    line-height: inherit;
    padding: 0px;
}

#page .phone{
    height : 100px;
}
#phone{
    background: url("sprite.png") repeat scroll -640px -322px transparent;
    display: block;
    font-size: 21px;
    height: 60px;
    margin: 20px auto;
    outline: medium none;
    position: relative;
    width: 300px;
}
#phone span {
    left: 75px;
    line-height: 60px;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
#phone:hover span {
    text-decoration: underline;
}
#phone.disabled {
    cursor: default;
    font-family: Georgia,serif;
    font-size: 28px;
}
#phone.disabled:hover span {
    text-decoration: none;
}
#page p.info {
    color: #bbb;
    font-size: 9px;
    width : 400px;
    margin : 0px auto;
    text-align: center;
    line-height : 14px;
}
#page .pages p {
    padding-left: 400px !important;
    padding-left : 340px;
    text-indent: 0;
}
#page .pages span, #page .pages a {
    background: none repeat scroll 0 0 #d5e5ff;
    border-radius: 100% 100% 100% 100%;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-left: 40px;
    text-align: center;
    text-shadow: none;
    width: 26px;
}
#page .pages span {
    background: none repeat scroll 0 0 transparent;
    color: #70a6f6;
}
#page .plan {
	display : block;
	margin: 5px auto;
}
#page p.mono {
	margin-left : 15px;
	font-family: courrier,monospace;
	font-size: 14px;
}
/* ----------------------------------------------
    Page END
---------------------------------------------- */



/* ----------------------------------------------
    Side
---------------------------------------------- */
#preFooter{
}
#preFooter .bloc{
    height : auto !important;
    height : 250px;
    min-height : 250px;
    margin-bottom : 20px;
    background : #fff;
}
#preFooter .bloc.f1{
    background : url(sprite.png) 0px -420px no-repeat;
}
#preFooter .bloc.f2{
    background : url(sprite.png) -320px -420px no-repeat;
}
#preFooter h6{
    background : #d5e5ff;
    margin-bottom : 10px;
    display : block;
    height : 40px;
    line-height : 40px;
    text-indent : 10px;
    font-size : 14px;
}
#preFooter .bloc {
	height : auto !important;
    height : 200px;
    min-height : 200px;
}
#preFooter .bloc .col2 {
	float : left;
	width: 470px;
	margin: 0px 0px;
}
#preFooter h6 {
	text-align: center;
	font-size: 16px;
}
#preFooter p.cloud {
    text-align: center;
}
#preFooter .cloud a {
    padding: 0 3px 0 0;
    white-space: pre-wrap;
}
#preFooter .cloud .big {
    font-size: 20px;
}
#preFooter .cloud .medium {
    font-size: 16px;
}
#preFooter .cloud .small {
    font-size: 11px;
}
#preFooter .cloud .tiny {
    font-size: 9px;
}
/* ----------------------------------------------
    Side END
---------------------------------------------- */



/* ----------------------------------------------
    Footer
---------------------------------------------- */
#footer{
    height : 40px;
    background : url(sprite.png) bottom left no-repeat;
}
#footer p{
    line-height : 40px;
    color : #fff;
    padding : 0px 10px;
    font-size : 11px;
}
#footer p a{
    color : #FFF;
    text-decoration : underline;
}
#footer p a:hover{
   color : #FFF;
}
/* ----------------------------------------------
    Footer END
---------------------------------------------- */


/* ----------------------------------------------
    Search
---------------------------------------------- */
#sr{
    position : absolute;
    overflow : hidden;
    display : block;
    top : 30px;
    right : 0px;
    width : 287px;
    background : #fff;
    background : rgba(255,255,255,0.9);
}
#sr ul,
#sr li{
    list-style-type : none;
}
#sr li a{
    display : block;
    padding : 0px 10px 0px 20px;
    line-height : 24px;
    height : 24px;
    overflow : hidden;
}
#sr li a span{
    float : right;
}
#sr li a:hover{
    background : #d5e5ff;
    color : #000;
}
#sr.displayNone{
    display : none;
}
/* ----------------------------------------------
    Search END
---------------------------------------------- */

/* ----------------------------------------------
    Some IE hacks
---------------------------------------------- */

* html #page .col3 {
	margin: 0 2px;
}



#eu-notice {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.eu-notice-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    z-index: 0;
}
.eu-notice {
    max-width:1100px;
    width: 80vw;
    margin : 0;
    padding : 0;
    background : #eee;
    z-index : 2000;
    font-family : Roboto, Tahoma, Verdana, Arial, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
    z-index: 1;
    margin : 0 auto;
    padding: 1rem;
}
.eu-notice-g {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    align-items: center;
}
.eu-notice-title {
    font-size: 1.8rem;
    margin: 0;
    line-height: 2rem;
    text-align: left;
}
.eu-notice-yes {
    text-align: center;
    background: #32A6EB;
    color: #fff;
    display: block;
    padding: 0.6rem 1rem;
    border-radius: 3px;
    line-height: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    margin: 1rem;
    width: 250px;
    transition: background-color 500ms;
    cursor: pointer;
}
.eu-notice-yes:hover {
    background: #1a9be8;
    text-decoration: none;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    color: #fff;
}
.eu-notice-yes svg {
    fill: #fff;
    transition: all 300ms;
}
.eu-notice-neutral, .eu-notice-desc {
    font-size: 0.8rem;
    color: #666;
    margin: 0 0 0.4rem;
}
.eu-notice-neutral a,.eu-notice-desc a {
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #666;
}
.eu-notice-desc a:hover, .eu-notice-neutral a:hover {
    text-decoration: none;
    border-bottom-style: solid;
}

.eu-notice-off {
    opacity: 0;
    transition: opacity 500ms;
}

@media screen and (max-width: 540px) {
    .eu-notice-g {
        display: flex;
        flex-direction: column;
    }
    .eu-notice-yes {
        margin-top: 0;
    }
    .eu-notice {
        width: 90%;
    }
}

.ddncc_c {
    background : none;
    width : 100%;
    overflow : hidden;
}
.ddncc_b {
    width : 260px;
    height : 32px;
    display : block;
    margin : 0 auto 10px;
    position : relative;
    overflow : hidden;
}
.ddncc_b[data-t='m'] {
    width : 288px;
}
.ddncc_b img {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : auto;
}
.ddncc_b a {
    display : block;
    position : absolute;
    margin : 0;
    padding : 0;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    text-decoration : none;
}
.ddncc_b span {
    color : #21a5d0;
    display : block;
    position : absolute;
    width : 153px;
    line-height : 32px;
    height : 32px;
    text-align : center;
    font-family : Arial, sans-serif;
    font-weight : bold;
    font-size : 20px;
}
.ddncc_b[data-t='b'] span {
    color : #91919b;
}
.ddncc_b[data-t='g'] span {
    color : #78b41e;
}
.ddncc_b[data-t='m'] span {
    color : #000;
}
.ddncc_i {
    font-family : Arial, sans-serif;
    font-size : 10px;
    line-height : 15px;
    margin : 0 0 10px;
    text-align : center;
    padding : 0px 20px;
    color : #888;
}
.ddncc_i a {
    color : #888;
    text-decoration : underline;
    border:0;
}
.ddncc_c[data-s='L'] .ddncc_b {
    height : 48px;
    width : 394px;
}
.ddncc_c[data-s='L'] .ddncc_b[data-t='m'] {
    width : 434px;
}
.ddncc_c[data-s='L'] .ddncc_b span {
    width : 234px;
    height : 48px;
    line-height : 48px;
    font-size : 32px;
}