@charset "utf-8";
/* CSS Document */
body{margin:0;}
html, td, div, p, input, select, textarea{font-size:12px;font-family:Tahoma;}
a {color:#3d6f92;text-decoration:none;}
a:hover{text-decoration:underline;}
a img { border:0;}

/* ---- head.htm -----*/

#head{margin: 5px;padding:0 0 0 290px;height:75px;background:url(images/rayful-logo-simple.gif) no-repeat left top;}
#head h1{font-size:xx-large;font-family:"黑体",Arial;margin:0;padding:10px 0 0 0;}
#head h1 a{color:#2f5a9e;text-decoration: none}
#head div{font-size:0.9em;word-spacing:5px;color:#868686;text-indent:4px;font-weight:normal}

div#head_right{position: absolute;top: 20px;right: 20px; height:75px;}
div#head_right a{color:#990000;padding: 0 10px; border-right: solid 1px black;text-decoration: none}
div#head_right a:hover{text-decoration: underline}


/* ---- index.htm -----*/
div#index_main{background-color: #e8e7e7;width: 100%; height: 540px;}

.column { float: left; background-color: #FFFFFF;}
ul#menu{margin: 10px 22px 0 0px;padding: 0;list-style: url(images/menu_dot.png)}
ul#menu li{background:#FFFFFF;opacity:0.5;filter:alpha(opacity=50);line-height: 2em;height: 2em;padding:0 10px;width: 100px;}
ul#menu li:hover,ul#menu li.on{list-style: url(images/menu_dot_on.png)}
ul#menu li a{color:#333333;text-decoration:none;}
ul#menu li a:hover{color:#2f5a9e;font-size:medium;}

#column_index_left {width:440px;background:#FFFFFF url(images/flash_back.jpg) no-repeat center; height:540px;}
#column_index_middle {width:478px;height: 540px; padding-left: 20px}
#column_index_right {background: url(images/right.gif) no-repeat; width: 9px; height: 540px;}

#column_index_left div{float: left}
#column_index_left ul,#column_main_left ul{float: right}

.index_pannel{float: left; width: 199px; margin-right: 35px;}
.index_pannel .pannel_head{background: url(images/index_top_rayful.gif) no-repeat left;height: 21px;padding: 0 0 0 60px}
.index_pannel .pannel_body{padding: 70px 0 20px 0;line-height: 1.3em}
.body1{background: url(images/index_top_1.jpg) no-repeat top;}
.body2{background: url(images/index_top_2.jpg) no-repeat top;}

.float_right{float: right}

.product_pannel{clear: both; width: 430px}
.product_pannel .pannel_head{background:url(images/title01.gif) no-repeat;height:30px;text-align:right;padding-top:5px}
.product_pannel .pannel_body {background:url(images/pro_bg.gif) no-repeat;height:90px;padding: 5px;}
.product_pannel .pannel_body .pro{background:url(images/pro01.gif) no-repeat;float: left; width:140px;height:80px;}
.product_pannel .pannel_body .pro .pro_head{margin-top:8px; font-weight:bold; font-size:11px; text-align:center;}
.product_pannel .pannel_body .pro .pro1{color:#b14b07;}
.product_pannel .pannel_body .pro .pro2{color:#0c9154;}
.product_pannel .pannel_body .pro .pro3{color:#1182bc;}
.product_pannel .pannel_body .pro .pro_text {text-align:left;padding:0 7px;margin-top:8px;height:33px;color:#6e6e6e;}
.product_pannel .pannel_body .pro .pro_go {text-align:right; padding-right:10px;}

.global_pannel{float: left;width: 244px;height:141px;background:url(images/network.gif) no-repeat;}
.global_pannel .pannel_head{text-align: right; margin-top: 10px;}
.global_pannel .pannel_body{margin-top:10px;text-align:left;color:#999999;}

.partner_pannel{float:left;background: url(images/banner_partner.jpg) no-repeat;width: 176px; height: 140px;margin: 5px 10px;}

.foot_pannel{float: left; margin: 15px 12px 0 0;}

/* ----- main ------*/
#column_main_left {width:320px;height:610px;background-repeat: no-repeat;background-position: center;}
#column_main_left ul#menu{margin-right: 23px;}
.left1 {background:url(images/back1.jpg);}
.left2 {background:url(images/back2.jpg);}
.left3,.left22,.left51 {background:url(images/back3.jpg);}
.left4,.left17,.left18 {background:url(images/back4.jpg);}
.left5 {background:url(images/back5.jpg);}

#column_main_middle{padding: 0;}
#column_main_middle .portlet{padding: 10px; margin:0 20px 20px 10px;border: 1px solid #ccc;}
#column_main_middle .portlet-header{background: url(images/title_dot.gif) left center no-repeat;padding:10px 20px;border-bottom: dashed 1px #b6b6b6;}
#column_main_middle .channel{background: url(images/title_left.gif) left no-repeat;padding:0 0 0 20px;border: none;}
#column_main_middle .portlet-header h2{font-size:14px;font-weight: normal; margin: 0;padding: 0}
#column_main_middle .portlet-header .title_sub {font-size:10px; color: #666666;}
ul.submenu{list-style: none; float: right;margin: 0;padding: 0;}
ul.submenu li{float: left;text-align:center;padding: 5px 10px;margin: 0 5px; background-color: #A7A7A7;}
ul.submenu li:hover{background-color: #CCCCCC;}
ul.submenu li a{color: #FFFFFF;text-decoration: none;}
ul.submenu li.on{background-color: #cd6f76;}
.div_submenu {height: 20px;}

#column_main_right{background: url(images/right_pat.jpg); width: 20px; height: 608px;}

/* ---- list.htm ------*/
#content_list label{color: gray; font-size: 0.9em;}
ul#content_list li{margin: 5px 0}
ul.product {list-style: none; padding: 0; margin: 0}
ul.product li{float: left; margin: 10px; width: 200px; height: 180px;}
ul.product div{margin: 5px 0;text-align: center;}
ul.product div .pic{width: 120px; height: 120px; line-height: 120px; border: solid 1px #E8E8E8; margin: auto; padding: 5px}
ul.product div .no{background-color: #E8E8E8;}
div.pic img{border: 0px;vertical-align: middle}
#page {clear: both; text-align: right}


ul#comment_list{list-style: square;margin: 0; padding: 0 25px}
ul#comment_list li{border-bottom: dashed 1px gray; margin-bottom: 10px}
ul#comment_list li.unapproved{background-color: #e6e6e6;border: solid 1px #CCCCCC; font-style: italic}
ul#comment_list li span.gray{color: gray; font-size: 0.7em; margin: 0 5px}
.replyText{ background-color: #EEE; padding:3px 10px; margin: 5px 0; font-size: 0.7em}


.product_pics, product_attr{text-align: center}
.product_intro{clear: both; border-top: dashed 1px gray;}
.product_intro,.product_intro p{font-size: 14px;line-height: 1.5em}
.product_attr ul{margin: 0; padding: 0; list-style: square; line-height: 150%}

.slideshow{margin:20px auto;}
.product_pics div.nopic{
    width: 200px; height: 200px;line-height: 200px;
    text-align: center;
    margin:20px auto;
    border:  1px solid #ccc;
    background-color: #eee;  
}
.slidePager{margin:0 auto 20px;}
#pager a.activeSlide,#page span.page_now { background: #ccff66 }

/* ---- foot.htm -----*/

#foot {
	clear: both;
	font-size:0.9em;
	color:#868686;		
	margin:20px 0 5px 10px;
	text-align:left;
	line-height:200%;
}

/*---- Used by JQuery ----*/
.error{color: red;}
.highlight{background-color: #FF8}
.resortBG{background-color: #EFEFEF}