/*
*/

body { margin: 0; padding: 0; line-height: 1.5em; font-family: Î¢ÈíÑÅºÚ; font-size: 14px; color: #8a8a79; background: url(../image/templatemo_main_bg.jpg); }

/* body{font:75%/1.7  Helvetica, Arial,Verdana, sans-serif;color:#2a2a2c;} */

a:link, a:visited { color: #dcc451; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #CCFF00; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.cleaner_h10 { clear: both; width: 100%; height: 10px; }
.cleaner_h20 { clear: both; width: 100%; height: 20px; }
.cleaner_h30 { clear: both; width: 100%; height: 30px; }
.cleaner_h40 { clear: both; width: 100%; height: 40px; }
.cleaner_h50 { clear: both; width: 100%; height: 50px; }
.cleaner_h60 { clear: both; width: 100%; height: 60px; }

.divider { clear: both; padding-bottom: 15px; margin-bottom: 30px; background: url(../image/templatemo_horizontal_divider.jpg) bottom repeat-x; }

.fl { float: left; }
.fr { float: right; }

.m_right { margin-right: 30px; }

.button a { display: block; width: 120px; height: 22px; padding: 5px 0 0 15px; background: url(../image/templatemo_button_01.png) no-repeat; color: #faeba6; font-size: 11px; font-weight: bold; text-decoration: none; }

.button a:hover { color: #ffffff; }

/*.bottom_01 { background: url(../image/templatemo_button_01.jpg) no-repeat; }*/

/*.bottom_02 { background: url(../image/templatemo_button_02.jpg) no-repeat; }*/

h1 { margin: 0px; padding: 2px 0; font-size: 30px; font-weight: bold; }

h2 { margin: 0px; padding: 2px 0; font-size: 30px; font-weight: normal; }

h3 { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: bold; color: #8a8a79; }

h4 { margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; }

.image_wrapper { border: 1px solid #ffffff; margin-top: 3px; margin-bottom: 5px; }

.fl_image { float: left; margin-right: 15px; }

.fr_image { float: right; margin-left: 15px; }

.list_01 { margin: 0 0 20px 20px; padding: 0 0 0 0px; list-style: none; }

.list_01 li { margin: 0 0 15px 0; padding: 0 0 0 30px; background: url(../image/templatemo_list_icon.jpg) top left no-repeat; }

#templatemo_container { width: 980px; margin: 0 auto; }

/* menu */

#templatemo_menu { clear: both; width: 980px; height: 90px; background: url(../image/templatemo_menu_bg.png) center no-repeat; }

#templatemo_menu ul { width: 840px; overflow: hidden; padding: 30px 0 0 0; margin: 0px auto; list-style: none; }

#templatemo_menu ul li { padding: 0px; margin: 0px; display: inline; }

#templatemo_menu ul li a { float: left; display: block; width: 105px; height: 40px; padding-top: 19px; font-size: 16px; text-align: center; font-weight: normal; text-decoration: none; color: #ffe64e; outline: none; font-family: Arial !important; }

#templatemo_menu li a:hover, #templatemo_menu li .current { background: url(../image/templatemo_menu_hover.png) center bottom no-repeat; }

/* end of menu */

/* banner */

#templatemo_banner { clear: both; width: 960px; height: 310px; padding: 0 10px; text-align: center; background: url(../image/templatemo_banner_bg.png) no-repeat; }

#templatemo_banner #site_title { width: 500px; padding: 100px 0 0 0; margin: 0 auto; text-align: center; }

#site_title h1 a { margin: 0px; padding: 0px; font-size: 32px; color: #cdcf19; font-weight: normal; text-decoration: none; }

#site_title h1 a:hover { font-weight: normal; text-decoration: none; }

#site_title h1 a span { display: block; margin-top: 5px; font-size: 14px; color: #cccccc; }

#templatemo_banner p { clear: both; padding: 0 20px; font-size: 16px; margin-top: 40px; line-height: 30px; color: #565546; }
/* end of banner */

/* content */

#templatemo_content { clear: both; width: 920px; padding: 30px; margin: 0 auto; background: transparent url(../image/templatemo_footer_bg.png) repeat-y;; /*background: url(../image/templatemo_content_bg.jpg) repeat-y;*/ }

#templatemo_content h2 { color: #ffffff; height: 28px; padding: 0; margin: 0 0 25px 0; font-size: 24px; }

#templatemo_content h2 span { color: #aca7a7; }

#side_column { float: left; width: 300px; }

#side_column h2 { display: block; width: 280px; height: 38px; margin: 0px; padding: 12px 0 0 20px; background: url(../image/templatemo_sidebox_title_bg.jpg) no-repeat; }

#main_column { float: right; width: 620px; }

/*#main_column h2 { background: url(../image/templatemo_header_bg.jpg) left bottom no-repeat; }*/

#main_column p { text-align: justify; margin-bottom: 10px; }

.side_column_box { clear: both; position: relative; margin-bottom: 15px; /*background: url(../image/templatemo_sidebox_bg.png) no-repeat;*/ }

.side_column_box .bottom { position: absolute; bottom: 0px; left: 0px; width: 300px; height: 10px; background: url(../image/templatemo_sidebox_bottom.jpg) no-repeat; }

.side_column_box .content { padding: 20px; }

.news_section { clear: both; margin-bottom: 25px; }

.inputfield { height: 16px; width: 245px; padding: 2px 5px; margin: 0 0 10px 0; font-size: 12px; font-variant: normal; line-height: normal; }

.submitbutton { float: right; margin: 0px; padding: 0 6px 3px 6px; cursor: pointer; font-size: 12px; text-align: center; vertical-align: bottom; white-space: pre; }

.section_w540 { clear: both; width: 540px; }

.section_260 { float: left; width: 260px; }

/* end of content */

/* footer */
#templatemo_footer { clear: both; width: 900px; padding: 40px; margin: 0 auto; text-align: center; color: #555555; background: transparent url(../image/templatemo_footer_bg.png) no-repeat; }

#templatemo_footer a { font-weight: normal; color: #777777; }

#templatemo_footer a:hover { color: #CCCCCC; text-decoration: none; }

#templatemo_footer .footer_menu { margin: 0 0 10px 0; padding: 0px; list-style: none; }

.footer_menu li { margin: 0px; padding: 0 20px; display: inline; border-right: 1px solid #555555; }

.footer_menu .last_menu { border: none; }


/*download css*/
.download-box .download-infor { padding-left: 450px; line-height: 30px; height: 270px; color: #fff; }
.download-box .download-infor strong { color: #f1d101; }
.download-box .btn2 { color: #fff; width: 125px; background: #DA980C; height: 32px; line-height: 32px; text-align: center; font-size: 16px; display: inline-block; zoom: 1; *display: inline; border-radius: 3px 3px 3px; margin-right: 10px; }
.download-box .btn-blue { color: #52a7e4; }
.download-box .btn2:hover { color: #fff; background: #DA880C; }
.error { color: red; }
#UserNameMsg { display: inline-block; }
.text-box { width: 900px; margin: auto; padding: 20px 10px; }
.text-box { word-wrap: break-word; word-break: normal; }
/* end of footer */
/*form css*/
.form { padding: 20px; color: #fff; }
.form .btn2 { width: 142px; height: 34px; padding: 0; line-height: 32px; text-align: center; display: inline-block; zoom: 1; *display: inline; cursor: pointer; color: #3b3b3b; font-size: 14px; font-weight: bold; }
.form .fore { margin-bottom: 20px; }
.form span { width: 95px; text-align: right; margin-right: 10px; display: inline-block; zoom: 1; *display: inline; height: 32px; line-height: 32px; vertical-align: middle; }
.form span em { font-style: normal; color: #f1d101; margin-right: 5px; }
.form .input { height: 32px; width: 217px; border: 1px solid #d0d0d0; border-radius: 3px 3px 3px; vertical-align: middle; color: #221615; font-size: 14px; padding-left: 3px; }
.form .input-short { width: 77px; }
.form .fore img { vertical-align: middle; margin-left: 5px; *vertical-align: top; }
.form .password-img img { margin-left: 0; }
.form .fore a { margin-left: 5px; color: #f1d101; }
.form .fore a:hover { text-decoration: underline; }
.form .fore strong { font-weight: 400; margin-left: 5px; color: #ffffff; }
.form .fore .select { height: 34px; width: 222px; border: 1px solid #d0d0d0; border-radius: 3px 3px 3px; line-height: 64px; color: #221615; font-size: 14px; }
.form .fore2 { padding-left: 130px; margin-bottom: 20px; }
.form .fore2 strong { color: #f1d101; font-weight: bold; }
.form .fore2 a { color: #f1d101; }
.form .fore2 a:hover { text-decoration: underline; }
.form .checkbox { margin-right: 5px; vertical-align: middle; }
.tip-msg p { font-size: 16px !important; color: #ffffff !important; }
