/* EasyWeb html style file */



body {font-family: Arial, sans-serif; font-size:1.0em; color:#000; margin:0; padding:0; position:relative; height:100%; background:#e7dab4}


/* txt  */
p {margin:0 0 1.8em 0; padding: 0; line-height:1.6em;}

h1 {font-size:2.0em; margin:0 0 0.8em 0; font-weight:400; color:#000;}
h2 {font-size:1.9em; margin:0 0 0.7em 0; font-weight:400; color:#000;}
h3 {font-size:1.7em; margin:0 0 0.6em 0; font-weight:400; color:#000;}
h4 {font-size:1.5em; margin:0 0 0.6em 0; font-weight:400; color:#000;}
h5 {font-size:1.3em; margin:0 0 0.6em 0; font-weight:400; color:#000;}
h6 {font-size:1.1em; margin:0 0 0.6em 0; font-weight:400; color:#000;}

a {text-decoration:underline; color:#008136; outline:none;}
a:hover {text-decoration:none; color:#008136;}
a img {border:none}

ul {margin:3px 0 3px 5px; padding:3px 0 0 15px;}

ol { margin: 3px 0 3px 5px; padding: 3px 0 0 15px; }
ol > li { list-style-image: none; list-style-type: decimal; }
ol > li > ol > li { list-style-image: none; list-style-type: lower-alpha; }

img { border: 0; }


p.MyText { font-size: 14px; text-align: justify; padding: 0 0 0 0; margin: 0 0 0 0; color: #FFF; }


.obtokLeft { float: left; padding-right: 10px; padding-bottom: 10px; }
.obtokRight { float: right; padding-left: 10px; padding-bottom: 10px; }

/* hpNav */
#hpNav {margin:0 0 100px 0; float:left; width:100%}
#hpNav ul {margin:0px; padding:0px; list-style:none}
#hpNav ul li {float:left; display:block; background:url(3c9f411e-e2a2-4f11-8c7c-72e890735a9d) no-repeat right top; padding:0 11px 0 10px}
#hpNav ul li a {display:block; width:182px; height:78px; text-align:center; padding:106px 0 0 0; color:#264a63; font-size:14px; text-decoration:none}
#hpNav ul li.hpNav0 {padding:0 10px 0 0}
#hpNav ul li.hpNav4 {padding:0 0px 0 10px; background:none}
#hpNav ul li.hpNav0 a {background:url(8c7146e2-8e7d-459b-a5a2-34f5a48eeed0) no-repeat left top}
#hpNav ul li.hpNav1 a {background:url(468ef287-0257-4fe7-985d-de5b1d0ceeed) no-repeat left top}
#hpNav ul li.hpNav2 a {background:url(142a3343-d7ea-4e32-8243-6d1a3b8b4963) no-repeat left top}
#hpNav ul li.hpNav3 a {background:url(a243d269-3251-4045-b5d9-382ea8f3ff9f) no-repeat left top}
#hpNav ul li.hpNav4 a {background:url(129ae05e-a654-40bd-85f7-67837cc764af) no-repeat left top}
#hpNav ul li.hpNav0 a:hover, #hpNav ul li.hpNav1 a:hover, #hpNav ul li.hpNav2 a:hover, #hpNav ul li.hpNav3 a:hover, #hpNav ul li.hpNav4 a:hover {background-position:left bottom; color:#000}
/* end hpNav */

.rightTitle {float:left; width:618px; height:60px; line-height:60px; padding:0 0 0 22px; font-size:24px; color:#fff; background:#004d96; -webkit-border-top-left-radius:6px; -moz-border-top-left-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-top-right-radius:6px; border-top-right-radius:6px;}
.hpBox {float:left; width:596px; padding:22px; background:#ebf7ff; -webkit-border-bottom-left-radius:6px; -moz-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-right-radius:6px;}
.hpBox>ul {margin:0px; padding:0px; list-style:none}
.hpBox>ul>li {padding:0 0 0 42px; margin:0 0 12px 0; display:block; min-height:30px; color:#195680; line-height:1.5em}
.hpBox>ul>li.hpBoxLi1 {background:url(071a997e-f35f-461c-88cb-717a76d0ef66) no-repeat left 2px}
.hpBox>ul>li.hpBoxLi2 {background:url(c4cad475-2d1d-40bb-9b90-d42a009e9676) no-repeat left 2px; line-height:28px}
.hpBox>ul>li.hpBoxLi3 {background:url(24822128-59a3-4538-b09e-7505ad74847f) no-repeat left 2px}

#sliderBox {width:276px; padding:48px 30px 45px 132px; background:#004d96 url(428220bd-4c4a-43b6-96fe-6ada4371a89a) no-repeat 28px 36px; min-height:130px}
.sliderTitle {font-size:24px; padding:0 0 16px 0; border-bottom:1px solid #6d8696; margin:0 0 18px 0; color:#fff}
.sliderText {margin:0 0 12px 0; color:#fff; font-size:14px}
.sliderText span {color:#7fcbef; padding:0 10px 0 0}
.sliderText a {color:#fff; text-decoration:none}
.sliderText a:hover {color:#fff; text-decoration:underline}

.leftTitle {color:#666666; font-size:32px; margin:0.1em 0 0.8em 0; font-weight:400}
.leftText {margin:0 0 20px 0}