/*
Theme Name: Mobile
Theme URI: 
Author: webcolonizer team
Author URI: http://webcolonizer.com/
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, input, textarea, select {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; font-weight:normal; box-sizing:border-box; }
body {line-height:1; }
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}


.clear{clear:both;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0; padding:0; }


img{max-width:100%;}

a {
color: #333;-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s; text-decoration:none;

}
a:hover{color: #00aaef;}
@font-face {
    font-family: 'trebuc';
    src: url('fonts/trebuc.eot');
    src: url('fonts/trebuc.eot') format('embedded-opentype'),
         url('fonts/trebuc.woff2') format('woff2'),
         url('fonts/trebuc.woff') format('woff'),
         url('fonts/trebuc.ttf') format('truetype'),
         url('fonts/trebuc.svg#trebuc') format('svg');
}
@font-face {
    font-family: 'trebucbd';
    src: url('fonts/trebucbd.eot');
    src: url('fonts/trebucbd.eot') format('embedded-opentype'),
         url('fonts/trebucbd.woff2') format('woff2'),
         url('fonts/trebucbd.woff') format('woff'),
         url('fonts/trebucbd.ttf') format('truetype'),
         url('fonts/trebucbd.svg#trebucbd') format('svg');
}
@font-face {
    font-family: 'MyriadProBoldCondensedItalic';
    src: url('fonts/MyriadProBoldCondensedItalic.eot');
    src: url('fonts/MyriadProBoldCondensedItalic.eot') format('embedded-opentype'),
         url('fonts/MyriadProBoldCondensedItalic.woff2') format('woff2'),
         url('fonts/MyriadProBoldCondensedItalic.woff') format('woff'),
         url('fonts/MyriadProBoldCondensedItalic.ttf') format('truetype'),
         url('fonts/MyriadProBoldCondensedItalic.svg#MyriadProBoldCondensedItalic') format('svg');
}
@font-face {
    font-family: 'BERNHC';
    src: url('fonts/BERNHC.eot');
    src: url('fonts/BERNHC.eot') format('embedded-opentype'),
         url('fonts/BERNHC.woff2') format('woff2'),
         url('fonts/BERNHC.woff') format('woff'),
         url('fonts/BERNHC.ttf') format('truetype'),
         url('fonts/BERNHC.svg#BERNHC') format('svg');
}

body{background:#fff; overflow-x:hidden; font-style:normal; word-break: break-all;font-family:Tahoma, Geneva, sans-serif;font-size:12px;}	

#wrapper{width:100%;margin:auto;}
.container{max-width:980px; margin:auto;padding-left: 0;padding-right:0; width:100%; }

#mobile-header{background:#404040; float:left; width:100%;position: relative;z-index: 9; padding:44px 0 0 0;}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; }
#cssmenu ul li{width:100%;border-top:1px solid #ccc;font-family:Tahoma, Geneva, sans-serif; font-size:14px; position:relative;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; color:#fff; padding:10px; display:block;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:28px;height:24px;position:absolute;left:10px;top:10px;cursor:pointer;z-index: 12399994; background:url(images/menu.png) no-repeat 0 0;}

#cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #ccc;
    height: 34px;
    width: 34px;
    cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after {
    position: absolute;
    top: 18px;
    right: 13px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu ul ul .submenu-button:after{top:18px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:15px;right:16px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}



#mobile-footer{float:left; width:100%; text-align:center; padding:15px 20px 35px 20px;}
#mobile-footer p{color:#2e7dac; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}

.mobiele-bg{float:left; width:100%;}
.mobile-bg-inner{float:left; width:100%; background:url(images/bg.png) repeat 0 0;}

#mobile-content{float:left; width:100%; padding:45px 22px 0 22px;}
.content-inner{float:left; width:100%; background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.section1{float:left; width:100%; padding:0 14px;}
.logo{float:left; width:100%; border-bottom:solid 1px #e4e4e4; padding:0 0 9px 0; text-align:center; margin:-25px 0 12px 0;}

.section2{float:left; width:100%; padding:0 14px;}
.form-div{float:left; width:100%;border-bottom:solid 1px #e4e4e4; padding:0 7px 14px 7px; margin:0 0 16px 0;}
.form-div h3{float:left; width:100%;color:#404040; font-size:20px;font-family: 'trebuc'; margin:0 0 10px 0;}
.form-span{float:left; width:100%; margin:0 0 7px 0;}

.form-input{float:left; border:solid 3px #c7dbe7; height:43px; width:100%; padding:0 10px; color:#696969;font-size:20px;font-family: 'trebuc';
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.form-button{float:right; border:none; cursor:pointer; text-align:center; background:url(images/button.png) no-repeat 0 0; width:89px; height:27px; font-size:11px; color:#fff; font-family: 'trebucbd'; text-shadow:0 1px 2px #547b95; margin:2px 0 0 0;}
.form-link{float:left; background:url(images/arrow.png) no-repeat 0 4px; padding:0 0 0 8px; color:#696969; font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-decoration:underline; line-height:11px; margin:15px 0 0 0;}

.section3{float:left; width:100%; padding:0 24px; margin:0 0 25px 0;}
.section3 h2{font-family: 'MyriadProBoldCondensedItalic'; color:#e98304; font-size:30px; margin:0 0 10px 0;letter-spacing:-1px;}
.section3 h3{font-family: 'MyriadProBoldCondensedItalic'; color:#90b5cb; font-size:30px; clear:both; margin:0 0 8px 0;}
.section3 p{font-family:Tahoma, Geneva, sans-serif; color:#5a86a0; font-size:11px; line-height:13px; margin:0 0 9px 0;}
.button1{float:right; border:none; cursor:pointer; text-align:center; background:url(images/button.png) no-repeat 0 0; width:89px; height:27px; font-size:12px; color:#fff !important; font-family: 'trebucbd'; text-shadow:0 1px 2px #547b95; margin:2px 0 0 0; line-height:27px;}
.img_left{float:left; width:100%; margin:0 0 20px 0;}

.section4{float:left; width:100%; padding:0 24px; margin:0 0 47px 0;}
.section4 h2{font-family: 'MyriadProBoldCondensedItalic'; color:#97c62d; font-size:30px; margin:0 0 16px 0;letter-spacing:-1px;}
.section4 h3{font-family: 'BERNHC';color:#94aa21; font-size:60px; margin:0 0 16px 0;}
.section4 h3 small{font-size:43px;font-family: 'MyriadProBoldCondensedItalic'; color:#94aa21;}
.section4 h6{font-family:Tahoma, Geneva, sans-serif; color:#64740e; font-size:12px; font-weight:bold;background:url(images/right.png) no-repeat 0 2px; padding:0 0 0 18px; }
.img_right{float:right;}


.section5{float:left; width:100%; padding:18px 24px 15px 24px; background:#f6f6f6;}
.section5 h2{font-family: 'MyriadProBoldCondensedItalic'; color:#e98304; font-size:30px; margin:0 0 17px 0;letter-spacing:-1px;}
.section5 p{font-family:Tahoma, Geneva, sans-serif; color:#2e7dac; font-size:11px; line-height:13px; margin:0 0 13px 0;}


.section6{float:left; width:100%; padding:20px 24px 45px 24px;}
.section6 h2{font-family: 'MyriadProBoldCondensedItalic'; color:#90b5cb; font-size:30px; margin:0 0 15px 0; letter-spacing:-1px;}
.section6 p{font-family:Tahoma, Geneva, sans-serif; color:#2e7dac; font-size:11px; line-height:13px; margin:0 0 16px 0;}
.form-div2{float:left; width:100%;}
.form-button2{float:right; border:none; cursor:pointer; text-align:center; background:url(images/button2.png) no-repeat 0 0; width:89px; height:27px; font-size:0; color:#fff; font-family: 'trebucbd'; text-shadow:0 1px 2px #547b95; margin:2px 0 0 0; }


.section7{float:left; width:100%; padding:0 13px; margin:0 0 12px 0;}
.button3{float:right; border:none; cursor:pointer; text-align:left; background:url(images/button3.png) no-repeat 0 0; width:100%; height:34px; font-size:21px; color:#fff !important; font-family: 'MyriadProBoldCondensedItalic'; line-height:34px; padding:0 0 0 13px;  }


.section8{float:left; width:100%; padding:0 24px; margin:0 0 12px 0;}
.section8 p{font-family:Tahoma, Geneva, sans-serif; color:#404040; font-size:12px; line-height:13px; margin:0 0 8px 0}
.section8 p strong{color:#e09129; font-weight:bold;}
.right-align{text-align:right;}
.section8 ul{clear:both; margin:15px 0 14px 0; padding:0; float:left; width:100%;}
.section8 ul li{float:left; width:100%;color: #000;font-size:14px;font-family:Tahoma, Geneva, sans-serif; font-weight:bold; margin:0 0 4px 0;}
.section8 ul li a{color: #3c3a45; line-height:39px;font-weight:bold;}
.section8 ul li span{float:left; width:40px; height:39px;margin:0 10px 0 0; }
.icon1{background:url(images/icon1.png) no-repeat 0 center; }
.icon2{background:url(images/icon2.png) no-repeat 0 center; }
.icon3{background:url(images/icon3.png) no-repeat 0 center; }
.icon4{background:url(images/icon4.png) no-repeat 0 center; }
.icon5{background:url(images/icon5.png) no-repeat 0 center; }
.icon6{background:url(images/icon6.png) no-repeat 0 center; }
.icon7{background:url(images/icon7.png) no-repeat 0 center; }
.icon8{background:url(images/icon8.png) no-repeat 0 center; }
.icon9{background:url(images/icon9.png) no-repeat 0 center; }
.icon10{background:url(images/icon10.png) no-repeat 0 center; }
.icon11{background:url(images/icon11.png) no-repeat 0 center; }
.icon12{background:url(images/icon12.png) no-repeat 0 center; }
.icon13{background:url(images/icon13.png) no-repeat 0 center; }



.section9{float:left; width:100%;padding: 0 13px; margin: 0 0 12px 0;}
.section9_top{float:left; width:100%; border-bottom:solid 1px #000; padding:0 0 7px 0; margin:0 0 13px 0;}
.title{float:left; font-size:12px; font-weight:bold; color:#404040; line-height:20px;}
.link_right{float:right; line-height:20px; background:url(images/arrow2.png) no-repeat 0 0; padding:0 0 0 24px; color:#86c140;font-size:12px; font-weight:bold;}
.section9_middle{float:left; width:100%; padding:0 0 9px 0;}
.section9_middle label{float:left; width:100%; color:#404040; font-size:11px; line-height:11px; margin:0 0 5px 0;}
.section9_middle select{float:left; width:100%; height:23px; color:#404040; font-size:11px;background:#fff; border:solid 1px #a9a9a9;margin:0 0 5px 0; }
.submit {
    float: right;
    border: none;
    cursor: pointer;
    text-align: center;
    background: url(images/submit.png) no-repeat 0 0;
    width:91px;
    height:29px;
    font-size: 12px;
    color: #fff;
    font-family:Tahoma, Geneva, sans-serif;
    text-shadow: 0 1px 2px #547b95;
    margin: 0 0 0 0; font-weight:bold;
}
.section9_bottom{float:left; width:100%; padding:0 0 0 0;}
.link_right2{float:right; line-height:20px; background:url(images/plus.png) no-repeat 0 0; padding:0 0 0 24px; color:#86c140;font-size:12px; font-weight:bold;}

.section10{float:left; width:100%;padding: 0 13px; margin: 0 0 20px 0;}
.clients_table{width:100%; border:solid 1px #404040; border-bottom:none; border-left:none;}
.clients_table th{background:#404040; line-height:10px; padding:9px 4px; color:#fff;border-bottom:solid 1px #404040;border-left:solid 1px #404040;font-size: 11px; font-weight:bold; text-align:center; }
.clients_table td{padding:9px 4px; color:#fff;border-bottom:solid 1px #404040;border-left:solid 1px #404040; vertical-align:middle; color:#404040; font-size:12px; text-align:center;}
.thumb{width:60px !important;}
.th1,.td1{width:56px !important;}
.th2,.td2{width:60px !important; box-sizing:content-box;}
.th3,.td3{text-align:left !important;}
.clients_table p{color:#404040; font-size:11px; line-height:14px;}
.orrane{color:#e2840e !important;}
.green{color:#89961a !important;}
.btn1{display:inline-block; background:url(images/icon14.png) no-repeat center center;}
.btn2{display:inline-block; background:url(images/icon15.png) no-repeat center center; }
.btn3{display:inline-block; background:url(images/icon16.png) no-repeat center center; }
.btn4{display:inline-block; background:url(images/icon17.png) no-repeat center center; }
.buttons a{float:left; width:22px; height:23px; margin:3px 0;}
.text_right{text-align:right;}

.dream_middle{float:left; width:100%; margin:0 0 68px 0;}
.dream_middle p{color:#1d1d1d; font-size:12px; line-height:16px; margin:0 0 12px 0; }
.dream_form{float:left; width:100%; margin:39px 0 19px 0;}
.dream_form_row{float:left; width:100%; position:relative; padding:0 0 0 105px; margin:0 0 2px 0;}
.dream_form_row label{float:left; width:105px; position:absolute;left:0; top:0; line-height:19px; color:#191919; font-size:12px;}
.input{float:left; width:100%; height:19px; background:#fff; border:solid 1px #a9a9a9;color:#191919; font-size:12px; padding:0 5px;}
.dream_box{float:left; width:100%;}
.dream_box ul{margin:0 -15px;}
.dream_box ul li{float:left; width:50%; padding:0 15px; height:200px; text-align:center;}
.drem_thumb{position:relative; display:inline-block; margin:0 0 12px 0;}
.drem_thumb img{ -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.dream_box ul li p{color: #1d1d1d;
    font-size: 12px;
    line-height: 16px;}
.close{position:absolute; top:-14px; right:-5px; width:20px; height:20px; float:left; background:url(images/close.png) no-repeat center center;}	
.msg{float:left; width:100%; border:solid 1px #86c140; padding:10px 10px; line-height:14px; color:#86c140; font-size:12px; font-weight:bold;text-align:center;}

.enterevent_form{float:left; width:100%; }
.enterevent_form_row{float:left; width:100%; margin:0 0 8px 0;}
.enterevent_form_row label{float:left; width:100%; color:#404040; font-size:12px; padding:0 0 5px 0;}
.enterevent_form_row label em{font-style:normal; color:#dd7027;}
.input2{
    float: left;
    width: 100%;
    height:33px;
    background: #fff;
    border: solid 1px #404040;
    color: #191919;
    font-size: 12px;
    padding: 0 5px;
}
.textarea{    float: left;
    width: 100%;
    height:130px;
    background: #fff;
    border: solid 1px #404040;
    color: #191919;
    font-size: 12px;
    padding:5px; resize:none; font-family:Tahoma, Geneva, sans-serif;}
.pera{text-align:right; color:#404040; font-size:10px; margin:5px 0 0 0; clear:both;float:left; width:100%;}
.pera a{color:#404040; text-decoration:underline; }
.enterevent_form_row2{position:relative; padding:0 0 0 90px;}
.enterevent_form_row.enterevent_form_row2 label{float:left; width:90px; color:#404040; font-size:12px; padding:0 0 0 0; position:absolute; left:0; top:0; line-height:30px;}
.form_row{margin:0 0 0 -5px;}
.cal6{float:left; width:50%; padding:0 0 0 5px;}
.cal3{float:left; width:25%; padding:0 0 0 5px;}
.cal3_2{float:left; width:25%; padding:0 0 0 5px;}


.form_row input::-webkit-input-placeholder {color:#404040; font-size:12px; font-weight:bold;}
.form_row input::-moz-input-placeholder {color:#404040; font-size:12px; font-weight:bold; }
.form_row input::-ms-input-placeholder {color:#404040; font-size:12px; font-weight:bold; }

.form_row select{float: left;
    width: 100%;
    height:33px;
    background: #fff;
    border: solid 1px #404040;
    padding: 0 5px; color:#404040; font-size:12px; font-weight:bold;}
.cal12{float:left; width:100%; padding:0 0 0 5px;color: #404040;font-size: 12px; margin:8px 0 0 0;}
.checkbox{float:left; margin:1px 5px 0 0;}
.pera2{text-align:left; color:#dd7027; font-size:11px; margin:5px 0 0 0; clear:both;float:left; width:100%;}

.msg2{float:left; width:100%; color:#62a0da; font-size:12px; font-weight:bold; margin:0 0 15px 0; padding:0 0 0 28px; line-height:18px; background:url(images/error.png) no-repeat 0 0;}
.image{float:left; width:100%; text-align:center;}
.invitation_table_div{float:left; width:100%; margin:0 0 60px 0;}
.th1_invi, .td1_invi {
    width: 36px !important;
}
.clients_table h6 {
    color: #404040;
    font-size: 12px;
    line-height: 14px; font-weight:bold;
}
.clients_table p{margin:15px 0 0 0;}
.clients_table p a{color:#5d7cbe;}
.enterevent_form_row3{float:left; width:100%;color: #404040;font-size: 12px; margin:0 0 15px 0;}
.enterevent_form_row3 em{font-style: normal;color: #dd7027;}
.enterevent_form_row3 a{font-style: normal;color: #dd7027;}
.image2{float:left; width:100%; text-align:center; margin:30px 0 0 0;}

.select {
    float: left;
    width: 100%;
    height: 33px;
    background: #fff;
    border: solid 1px #404040;
    color: #191919;
    font-size: 12px;
    padding: 0 5px;
}
.captcha{float:left; width:100%; text-align:center; border:solid 1px #7b0909; margin:0 0 4px 0;}
.no_border{border:none !important;}
.input3 {
    float: left;
    width: 100%;
    height: 23px;
    background: #fff;
    border: solid 1px #a9a9a9;
    color: #191919;
    font-size: 12px;
    padding: 0 5px; margin:0 0 5px 0;
}
.pull-left{float:left !important;}
.pagination{float:right; }
.pagination ul{margin:0; padding:0;}
.pagination ul li{float:left; margin:0 0 0 5px;}
.pagination ul li a{display:block; width:15px; height:19px; background:#e09129; font-size:12px; font-weight:bold; text-align:center; line-height:19px; color:#5c0a5e;}
.pagination ul li.active a{background:#404040; color:#fff;}
.pagination ul li a.next{background:url(images/next.png) no-repeat center center !important;}
.pagination ul li a.prev{background:url(images/prev.png) no-repeat center center !important;}
.product_list_middle{padding:0 0 19px 0 !important;}
.clients_table.productlist p {
    font-size: 12px;
    margin: 0 !important;
}
.toolbar_bottom{float:left; width:100%; margin:15px 0 0 0;}
.productlist .orrane {
    color: #f8a032 !important;
}
.title strong{color:#c21212;}
.margin_bottom{margin:0 0 15px 0 !important;}
.section9_middle label em {
    font-style: normal;
    color: #dd7027;
}
.red{color:#af0c0c !important;}
.pull-right{float:right !important;}
.th1_product_add,.td1_product_add{width:30px !important;}
.th3_product_add,.td3_product_add{width:70px !important;}

.th2_product_add,.td2_product_add,.th3_product_add,.td3_product_add{text-align:left !important;}
.clients_table.product_add p {
    font-size: 11px;
    margin: 0 !important;
}
.clients_table.product_add td{vertical-align:top !important;}
.half{width:50% !important;}
.enterevent_form_row4 {
    position: relative;
    padding: 0 0 0 45px;
}
.enterevent_form_row.enterevent_form_row4 label {
    float: left;
    width: 90px;
    color: #404040;
    font-size: 12px;
    padding: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height:23px; margin:0;
}
.input4 {
    float: left;
    width: 100%;
    height: 23px;
    background: #fff;
    border: solid 1px #a9a9a9;
    color: #191919;
    font-size: 12px;
    padding: 0 5px;
    margin: 0 0 0 0;
}
.clients_table.namelist p {
    margin: 0 0 0 0;
}
.box1{margin:0 -4px; clear:both;}
.row1{float:left; width:100%; margin:4px 0;border-bottom: solid 1px #404040;border-top: solid 1px #404040;}
.box1 ul li{float:left; width:25%;text-align:center;height:29px; line-height:29px; color:#404040; font-size:11px; font-weight:bold;}
.box1 ul li+li{border-left: solid 1px #404040; }
.right{display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(images/right2.png) no-repeat center center;}
.close2{display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(images/close2.png) no-repeat center center;}

.row2{float:left; width:100%;}
.box2{float:left; width:50%; margin:15px 0 0 0;}
.box2 h4{font-size:12px; font-weight:bold; color:#000; line-height:14px;}
.box2 ul li{font-size:12px; color:#000;line-height:14px; float:left; width:100%;}
.color1{float:left; border:solid 1px #000; width:14px; height:14px; background:#c7e68c; margin:0 5px 0 0;}
.color2{float:left; border:solid 1px #000; width:14px; height:14px; background:#ffff80; margin:0 5px 0 0;}
.color3{float:left; border:solid 1px #000; width:14px; height:14px; background:#ff8080; margin:0 5px 0 0;}
.color4{float:left; border:solid 1px #000; width:14px; height:14px; background:#028de5; margin:0 5px 0 0;}
.color5{float:left; border:solid 1px #000; width:14px; height:14px; background:#ff80ff; margin:0 5px 0 0;}
.color6{float:left; border:solid 1px #000; width:14px; height:14px; background:#000; margin:0 5px 0 0;}

.box2_remider{float:left; width:50%; margin:15px 0 0 0;}
.box2_remider h4{font-size:11px; color:#000; line-height:14px;}
.box2_remider ul li{font-size:11px; color:#404040;line-height:14px;}
.color1_remider{float:left;  width:10px; height:10px; background:#fff5af; margin:2px 5px 0 0;}
.color2_remider{float:left;  width:10px; height:10px; background:#a8bc00; margin:2px 5px 0 0;}
.color3_remider{float:left;  width:10px; height:10px; background:#ffcaca; margin:2px 5px 0 0;}
.color4_remider{float:left;  width:10px; height:10px; background:#ff7474; margin:2px 5px 0 0;}
.th1_reminder,.td1_reminder{width:60px !important;}
.th3_reminder,.td3_reminder{width:64px !important;}
.th2_reminder,.td2_reminder{text-align:left !important;}
.reminder{margin:0 0 15px 0;}
.reminder td{vertical-align:top;}
.reminder p {
    margin: 0 0 0 0;
}
.alarm{display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(images/watch.png) no-repeat center center;}
.row3{margin:5px -4px 0 -4px; padding:5px 4px 0 4px; border-top:solid 1px #666666;}	
.pink_bg{background:#ffcaca;}
.blue{color:#267aa8;}
.red_bg{background:#ff7474;}
.red_bg .green{color:#c2f289 !important;}
.red_bg .red{color:#fff !important;}
.box3{float:left; width:100%; border-bottom:solid 1px #000; padding:0 0 20px 0; margin:0 0 12px 0;}
.box3 h3{text-align:center; color:#ad2323; font-size:12px; font-weight:bold; padding:0 0 22px 0;}
.box3 h4{float:left; color:#ad2323; font-size:24px; font-weight:bold; padding:0 0 0 32px;}
.dislike{float:right; margin:0 34px 0 0; width:40px; height:40px; background:url(images/dislike.png) no-repeat 0 0;}
.target1{margin:0 0 15px 0;}
.target1 p {font-size: 12px; margin:0;}
.title2{float:left; width:100%; color:#404040; font-size:12px; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 42px; line-height:31px; background:url(images/icon18.png) no-repeat 0 center;}
.title3{float:left; width:100%; color:#404040; font-size:12px; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 42px; line-height:22px; background:url(images/icon19.png) no-repeat 0 center;}
.title4{float:left; width:100%; color:#404040; font-size:12px; font-weight:bold; margin:0 0 10px 0; padding:0 0 0 42px; line-height:42px; background:url(images/icon20.png) no-repeat 0 center;}

.box4{float:left; width:100%; border-top:solid 1px #000; padding:12px 0 0 0;}
.target1 th{font-weight:normal !important;}
.td1_target{vertical-align:middle !important;}

.td3_target{vertical-align:middle !important;}
.td3_target .red{color:#ff0000 !important;}
.th1_target,.td1_target{text-align:left !important;vertical-align: top !important;}
.target2 th{font-weight:normal !important;}
.target2 p {
    font-size: 11px;
    margin:0 !important;
}
.row4{margin:-9px -4px;}
.table_2{border:none !important;}
.table_2 td{border-left:none !important;width:50%; color:#404040; font-size:11px; font-weight:bold; vertical-align:middle;padding: 4px 4px; }
.table_2 td+td{border:none !important; border-left:solid 1px #000 !important;}
.table_2 .last td{border-bottom:none !important; }
.table_2 h4{text-align:left; color:#404040; font-size:11px; font-weight:bold;}
.ico{float:left; width:22px; text-align:left;}
.dislike2{display:inline-block; width:17px; height:17px; background:url(images/dislike2.png) no-repeat 0 0;}
.green2{color:#3ebb14 !important;}
.goodjob{display:inline-block; width:22px; height:19px; background:url(images/goodjob.png) no-repeat 0 0;}
.like{display:inline-block; width:18px; height:19px; background:url(images/like.png) no-repeat 0 0;}
.green3{color:#008000 !important;}

.title5{color:#404040; font-size:12px; font-weight:bold; border-bottom:solid 1px #000; padding:0 0 10px 0; margin:0 0 12px 0;}
.box5{float:left; width:100%; margin:0 0 5px 0; color:#404040; font-size:11px; line-height:14px; position:relative; padding:0 0 0 20px;}
.box5 .checkbox{position:absolute; left:0; top:0;}
.box6{float:left; width:100%; margin:5px 0 0 0;}
.box6 label{float:left; color: #404040;font-size: 12px;font-weight: bold; line-height:23px; margin:0 5px 0 0;}
.box6 select{float:left; width:50%;height: 23px;
    background: #fff;
    border: solid 1px #a9a9a9;
    color: #191919;
    font-size: 12px;
    padding: 0 5px;}
.no_margin{margin:0 !important;}
.box7{float:left; padding:4px 2px; background:#e1e1e1; border:solid 1px #9c9c9c;}
.box8{float:left; padding:0; background:#000; border:solid 1px #777777; width:40px; height:15px;}
.color_th,.color_td{width:50px !important;}
.setting p {
    margin:0 !important;
}
.setting td{padding: 0px 4px;}
.setting td,.setting th{text-align:left;}
.th1_setting,.td1_setting{text-align:center !important;}