@CHARSET "UTF-8";

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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/* end reset list */
/* start special class */
.clear{clear: both;}
.r{text-align:right;}
.l{text-align:left;}
.fl{float:left}
.fr{float:right}
/* end special class */

body{font-size: 90%;background:#c0c0c0; font-family:Verdana,Arial,Tahoma;}
h1 {font-family:Sans-serif;font-size:35px;font-weight:lighter;color:black;}
h2 {font-size:25px;font-family:Helvetica,Arial;color:black;}
h3 {font-size:18px;font-family:Helvetica,Arial;color:#0971A5;}
h4 {font-size:16px;font-family:Arial;font-weight:lighter;color:#0971A5;}
h5 {font-size:14px;font-family:Arial;font-weight:lighter;color:black;}
h6 {font-weight:bold;color:#0971A5;}

a.button, a.button:link,a.button:visited {display:block;color:white;text-decoration:none;text-align:center;font-family:Arial;text-transform:capitalize;font-size:0.9em;}
a.button1 {background: url(../img/button1.png) no-repeat;font-size:1.2em;font-weight:bold;height:28px;line-height:28px;width:174px;}
a.button2 {background: url(../img/button2.png) no-repeat;height:24px;line-height:24px;width:92px;}
a.button3 {background: url(../img/button3.png) no-repeat;height:23px;line-height:24px;width:73px;}
a.button4 {background: url(../img/button4.png) no-repeat;height:23px;line-height:24px;width:80px;}
a.button:hover {color: #fbffff;}

a.button_small {background:url(../img/button_small.png) no-repeat; width:103px; height:20px;line-height:21px; }
a.button_small:hover {background:url(../img/button_small.png) no-repeat -106px 0;color:white;}

a.button_simple, a.button_simple:link, a.button_simple:visited {background:url(../img/button/simple_normal.png) no-repeat; width:106px; height:20px;line-height:20px;text-transform:uppercase;font-weight:bold;color:#DFDFDF;}
a.button_simple:hover {color:#FFF !important;}
a.button_simple_mini, a.button_simple_mini:link, a.button_simple_mini:visited {background:url(../img/button/simple_mini.png) no-repeat; width:52px;}

.button_order {
    background-color: #F86609;
    color: black;
    border: 2px solid #F86609;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 12px;
    width: 130px;
}

.button_order:hover {
    background-color: white;
    color: #F86609;
    border: 2px solid #F86609;
}

a, a:link, a:visited {color:#035e75; cursor:pointer;text-decoration:underline;}
a.red {color:#0971a5;font-family:Tahoma;}
a:hover {color: #4899b4;}

.black {color:#000;}
.center {text-align:center;}

p{color:#1F1F1F;font-family:Verdana;font-size:0.9em;line-height:1.2em;}
.fulltext {color:#000;}
.fulltext p{line-height:1.3em;}
.fulltext img, .fulltext p {margin:10px 0;}
.fulltext div {padding:10px 0 10px 10px;margin:10px 0;}
.fulltext .warning1 {background:#fef4e2;padding: 10px;font-style: italic}
.fulltext .warning2 {color:#F86609;font-weight: bold}
.fulltext .warning3 {font-style:italic;}
.fulltext .warning4 {border:#F86609 solid 1px;font-weight:bold;padding: 10px;}
.fulltext h2 {font-family:Helvetica;font-size:2em;font-weight:bold;}
.fulltext h3 {color:#F86609;font-family:Helvetica;font-size:1.4em;font-weight:bold;}
.fulltext .buttons {margin: 0;padding: 0;}
.fulltext .buttons * {float: left; margin: 0 4px 0 0;}
.fulltext blockquote {margin:5px 10px 2px;font-size: 0.85em;line-height: 1.3em;}
.fulltext cite {text-align: right;margin:7px 10px 15px 50px;display: block;font-size: 0.8em;line-height: 1.2em;}
.fulltext .images {padding: 2px 0; border: gray dotted; border-width: 2px 0;margin: 20px 0;}
.fulltext .images * {margin: 10px 3px;}
.fulltext ul{}
.fulltext ul li{color: #f86609; list-style: disc;margin-left:15px;}
.fulltext ul li ul{margin: 0 0 0 10px;}
.fulltext ul li ul li{color: #838180;}
.fulltext ul li p{color: black;margin:5px 0;}

h3 a {text-decoration:none;}
h2 span {color:black}

.box {margin-top:15px;clear:both;}
.box_title {padding:0px 35px 0; margin:0px 0 0; line-height:30px;}


.page {width:968px;margin: 0px auto;background:#FFF;}
.page .main {margin:0px 17px 0 17px;padding-top:20px;}
.page .content {margin:10px 0 20px 0;}

/* header */
/* start [top title] */
.header .top {background: url(../img/menu_top.png);width:934px;height:81px;overflow: hidden;border-radius: 20px;background-color: #f6810a;}
.header .title {float:left;}
.header .top h1 {text-transform:uppercase;padding:12px 20px 0;font-size:2.4em;color:#fff;font-family:Trebuchet MS;}
.header .top h2 {color:#FFFFFF;font-family:sans-serif;font-size:0.8em;padding:5px 20px 0;}
.header .top .h1 {text-transform:uppercase;padding:12px 20px 0;font-size:2.4em;color:#fff;font-family:Trebuchet MS;}
.header .top .h2 {color:#FFFFFF;font-family:sans-serif;font-size:0.8em;padding:5px 20px 0;}
/* end [top title] */
/* start [menu] */
.header .menu {margin:25px 0px 0px;float:right;}
.header .menu * {float:left;}
.header .menu ul {background:transparent repeat-x;width:100%;}
.header .menu ul li {line-height:26px;text-align:center;}

.header .menu ul li a, .header .menu ul li a:visited,.header .menu ul li a:link{display:block;color:white;text-decoration:none;text-transform:capitalize;padding:0 2px 0 12px;font-size:0.8em;}
.header .menu ul li span {width:13px;}
.header .menu ul li p {color:#fff;line-height:28px;font-family:verdana;font-size:1.1em;font-weight:bold;}
.header .menu ul li a:hover{background:transparent url(../img/menu_top_bg_hover.png) no-repeat;}
.header .menu ul li a:hover span {background:transparent url(../img/menu_top_bg_hover.png) no-repeat right;height: 28px}
.header .menu ul li a:hover p {background:transparent url(../img/menu_top_lih.png) repeat-x;height: 28px}
.header .menu ul li.active a{background:transparent url(../img/menu_top_bg.png) no-repeat;text-decoration:none;cursor:default; }
.header .menu ul li.active a span {background:transparent url(../img/menu_top_bg.png) no-repeat right;height: 28px}
.header .menu ul li.active a p {background:transparent url(../img/menu_top_li.png) repeat-x;height: 28px}
/* end [menu] */
/* end header */
/* left_column */
.content {clear:both;}
.column2 {margin:0;}
.column2 .left {float:left;width:100%; margin:10px -690px 0 0;}
.column2 .left .in{width:230px; margin:0 690px 0 0 ;}
.column2 .right {width:685px;float:right;margin: 10px 0 0;}
.column3 .right {width:930px;float:right;margin: 10px 10px 0;}
.page-index .column2 .left {margin:0px -241px 0 0;}
.page-index .column2 .left .in{width:678px; margin:0 241px 0 0 ;}
.page-index .column2 .right {width:230px;}
.page-index .column2 .left .column2 {margin: 20px 0 0;}
.page-index .column2 .left .column2 .left {margin:0px -436px 0 0;}
.page-index .column2 .left .column2 .left .in{width:230px; margin:0 436px 0 0 ;}
.page-index .column2 .left .column2 .right {width:416px;}



.box-preview {position:relative;}
.box-preview img {position: absolute;z-index:1;left:30px;top:-50px;}
.box-preview .block{background: #FFF8E8 url("../img/box-preview-bg.png") repeat-x;border: 1.5px #f9e0b9 solid; height: 258px;margin: 50px 0 0;}
.box-preview .block .coner {background: white url("../img/box-preview-cl.png") left top no-repeat;height: 11px; width: 11px; position: absolute; left:0px; top:0px;line-height:1px;font-size:1px;}
.box-preview .buttons{margin: 180px 0 0 30px;}
.box-preview .buttons * {margin-top: 7px;}

.box-help {background: #77DA3F url("../img/box-help-bg.png") repeat-x;height: 76px; margin: 30px 0;border: 1.5px #f9e0b9 solid}
.box-help img {position: absolute;z-index:1;margin:-12px 0px 0;}
.box-help p{color:#FFFFFF;font-size:1em;font-weight:bold;margin:8px 10px 0 110px;text-align:right;}
.box-help h4 {text-align: right; margin: 7px 10px 0 0;}
.box-help h4 a, .box-help h4 a:link, .box-help h4 a:visited{color: #fff; text-decoration: none;font:bold 18px Helvetica;}
.box-help h4 a:hover {text-decoration:underline;}

.box-info {margin-bottom: 20px;}
.box-info h3{color:#F86609;font-family:Verdana;font-size:1.4em;margin-bottom: 10px}
.box-info .block{background: #fffcf9  no-repeat top right;border: 1.5px #f9e0b9 solid;position:relative;}
.box-info .block .coner {margin:0;background:  url("../img/box-info-tr.png") right top no-repeat;float:right;height:11px;position:relative;right:-1px;top:-1px;width:11px;padding:0;}
.box-info .block h3 {margin: 10px;}
.box-info  ul { margin-left: 10px;}
.box-info  ul li {list-style: disc; margin: 10px;font-size: 0.9em;line-height: 1.3em;color: #FDB714;}

.left .box-info .block .coner {background:url("../img/box-preview-cl.png") no-repeat left top;
    float:right;
    font-size:1px;
    height:11px;
    left:-1px;
    line-height:1px;
    margin:0;
    padding:0;
    position:absolute;
    top:-1px;
    width:11px;
}


.box-links {margin: 5px 0 25px;}
.box-links img {margin:3px 20px 0 0;position:relative;top:7px;}
.box-links p {margin: 4px 0;}
.box-links a {color: #F86609;font-size: 1.2em;}
/* end left_column */
/* right_column */
.right_column .news {margin:10px 0px;}



.media {background:#abab8e url(../img/media.gif) repeat-x top left;padding:0 5px 10px 20px;margin:10px 0 0;}
.media img {float:right;margin:0px 5px;}
.media .data {font-size:24px; padding:10px 0}
.media a {margin:5px;}
/* end right_column */
/* footer */
.footer {clear:both;height:60px;margin:10px 0;padding:10px 0 0;}

.footer .menu {margin-left:240px;padding-top:10px;}
.footer .menu li{float:left;text-transform:capitalize;margin:0 0 0 5px;font-size:0.8em;color: gray;}
.footer .menu li.delim {list-style:disc inside;}
.footer .menu li a{text-decoration:underline;color: black;margin:0 8px 0 0;}
.footer .copyrigth * {float: left;}
.footer .copyrigth {font-size:0.7em;background:transparent url(../img/footer.png) no-repeat;padding:0 17px 0 12px;height: 27px;}
.footer .copyrigth  span {background:transparent url(../img/footer.png) no-repeat right;width:13px;height: 27px;}
.footer .copyrigth  p {background: #ffffff;color: #000000;font-size:1.2em;height:27px;line-height:27px;text-align:center;width:98%;border: 1px solid #fdb913;/* border-bottom: 1px solid #fdb913; */box-sizing: border-box;}
/* end footer */
/* page_home */
table.download td {vertical-align:middle}
table.download td div.img {float:left; margin:0; padding:3px 2px 0 0;}

.order-table
{ height: 40px;
    vertical-align: middle;}

.order-table tr:nth-child(even){background-color: #f2f2f2}

.order-table table-header
{
    height:40px;
    width: 150px;
    text-align:center;
    vertical-align:middle;
}

/* Responsive Styles */
@media screen and (max-width: 968px) {
    body {
        background-color: white;
    }
    * {
        box-sizing: border-box;
    }
    .page .content {
        margin: 0;
    }
    .page {
        max-width: 968px;
        width: 100%;
    }
    .page .main {
        margin: 0;
        padding: 0;
    }
    .header .top {
        padding: 1px 0 8px 0;
        background: darkorange;
        width: 100%;
        height: initial;
        overflow: hidden;
        border-radius: 0;
    }
    .header .title {
        width: 100%;
        display: inline-block;
        max-width: 300px;
        float: left;
    }
    .header .menu {
        margin: 0;
        overflow: hidden;
        padding: 0 20px 0;
        float: left;
        width: calc(100% - 340px);
    }
    .header .menu ul li p {
        border: 1px solid white;
        padding: 0 10px;
        border-radius: 10px;
    }
    .header .menu ul li a,.header .menu ul li a:visited,.header .menu ul li a:link {
        padding: 0;
        margin-top: 7px;
        background: none;
    }
    .header .menu ul li a:hover,
    .header .menu ul li a:hover span,
    .header .menu ul li a:hover p,
    .header .menu ul li.active a,
    .header .menu ul li.active a span,
    .header .menu ul li.active a p {
        background: none;
    }
    
    .column2 .right {
        float: left;
        padding: 0 2% 0;
    }
    .page-index .column2 .left {
        margin: 0;
    }
    .column2 .left {
        width: 100%;
    }
    .page-index .column2 .right {
        width: 100%;
    }
    .page-index .column2 .left .in {
        max-width: 678px;
        width: 100%;
        margin: 0 auto;
    }

    .page-index .column2 .left .in > a {
        display: none;
    }
    .page-index .column2 .left .column2 {
        overflow: hidden;
        flex-direction: column;
        display: flex;
    }

    .page-index .column2 .left .column2 .left {
        margin: 0;
        display: flex;
        width: initial;
        flex-direction: column;
        order: 1;
    }
    .page-index .column2 .left .column2 .right {
        display: flex;
        flex-direction: column;
        width: initial;
        order: 0;
    }
    .page-index .column2 .left .column2 .left .in {
        width: initial;
        margin: 0;
    }
    .page-index .column2 .left .column2 .left .in > div {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }

    .page-index .column3 .left {
        max-width: 678px;
        width: 100%;
        margin: 0 auto;
    }
    .box-help {
        height: 75px;
        margin: 16px 0;
    }
    .footer {
        clear: initial;
        height: initial;
        margin: 0 auto;
        width: 96%;
        padding: 0;
        text-align: center;
    }
    .footer .copyrigth {
        background: none;
        height: initial;
        background-color: #fcb914;
        overflow: hidden;
        padding: 0 13px 0;
        border-radius: 10px;
    }
    .footer .copyrigth span {
        display: none;
    }
    .footer .copyrigth p {
        width: 100%;
    }
    .footer .menu {
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: auto;
        display: inline-block;
    }
    body > img {
        position: absolute;
    }
}

@media screen and (max-width: 690px) {
    .header .menu {
        width: calc(100% - 40px);
    }
    .page-index .column2 .left .column2 .left .in > div {
        width: 90%;
        margin-left: 2%;
        margin-right: 2%;
        float: left;
    }
    .column3 .right {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}