@charset "UTF-8";

/*-----------------------------------------------------------------------------

 [TABLE OF CONTENTS]

    +content

        +content-main

            +content

                =bookmarker

                =show

                    -compare

                    -hot-camera

                    -hot-phone

                    -elect

-----------------------------------------------------------------------------*/



/* +content

*----------------------------------------------------------------------------*/



/* +content-main

*----------------------------------------------------------------------------*/



/* +info-content

*----------------------------------------------------------------------------*/



#content-main .info-content {

    position: relative;

    width: 745px;

    overflow: hidden;

    background: url('../../i/content_bg_t.gif') no-repeat;



}



/**

 *

 * =show 

 *

 **/





#content-main .info-content .show {

    position: relative;

    width: 700px;

    margin: 0 20px 20px 20px;

}





/* 首頁最上方----------------------------------------------------------------------------*/

#content-main .info-content .show .main-top {

    position: relative;

    float: left;

    width: 705px;

    margin: 20px 0 10px 0;



}



#content-main .info-content .show .main-top h3 {

	height: 28px;

	padding: 0 0 0 5px;

	color: #5a81bc;

	font: bold 16px/28px Arial;

}



#content-main .info-content .show .main-top h4 {

	height: 28px;

	padding: 10px 0 10px 20px;

	color: #5a81bc;

	font: bold 13px/28px Arial;

}



#content-main .info-content .show .main-top ul li {

    float: left;

    bottom: -1px;

    font-size: 15px;

	text-align: center ;

}



#content-main .info-content .show .main-top ul li a {

    display: block;

    width: 112px;

	height: 25px;

	padding: 10px 0 0 0;

    color:#8797a4;

}



#content-main .info-content .show .main-top ul li a:hover {

	display: block;

	color: #81aa28;

	background: url(../../i/label_active_03.gif) no-repeat;

	text-decoration: none;

}



#content-main .info-content .show .main-top ul li.active {

	display: block;

	width: 112px;

	height: 25px;

	padding: 10px 0 0 0;	

    color: #81aa28;

    background: url(../../i/label_active_03.gif) no-repeat;

}



#content-main .info-content .show .main-top .label_line {

	width: 100%;

	height: 5px;	

	background: url(../../i/label_line_02.gif) no-repeat top center;

	overflow: hidden;

	clear : both;

}



/**

 *

 * =menu 

 *

 **/



#content-main .info-content .show .main-top .menu {	

	float: right;

	height: 17px;

	margin: 15px 10px 0 0;

	overflow: hidden;

}



#content-main .info-content .show .main-top .menu ul li {

    float: left;

    bottom: -1px;

    text-indent: -100000px;

    margin: 0 5px 0 0;

}



#content-main .info-content .show .main-top .menu ul li a {

    display: block;

    width: 119px;

	height: 17px;

    background: url(../../i/bt_buile2.gif) no-repeat 0 0;

}



#content-main .info-content .show .main-top .menu ul li a:hover {

    display: block;

    background: url(../../i/bt_buile2.gif) no-repeat 0 -17px;

}



#content-main .info-content .show .main-top .menu2 {	

	float: right;

	height: 17px;

	margin: 15px 10px 0 0;

	overflow: hidden;

}



#content-main .info-content .show .main-top .menu2 ul li {

    float: left;

    bottom: -1px;

    text-indent: -100000px;

    margin: 0 5px 0 0;

}



#content-main .info-content .show .main-top .menu2 ul li a {

    display: block;

    width: 120px;

	height: 17px;

    background: url(../../i/bt_write2.gif) no-repeat 0 0;

}



#content-main .info-content .show .main-top .menu2 ul li a:hover {

    display: block;

    background: url(../../i/bt_write2.gif) no-repeat 0 -17px;

}







/**

 *

 * =box

 *

 **/



#content-main .info-content .show .main-top .box {	

    padding: 0 20px;

    margin: 0 0 5px 0;

    color:#777;

    font: 13px/22px Arial;    

}



#content-main .info-content .show .main-top .box ol li {	

    width: 640px;

    height: 155px;

    margin: 0 0 10px 0;

    padding: 0 0 0 15px;

    background: url(../../i/l_05b2.gif) repeat-x bottom;    

}



#content-main .info-content .show .main-top .box ol li.list {	

    background: none;    

}



#content-main .info-content .show .main-top .box ol li .box-case {	

    float: left;

    bottom: -1px;

    width: 143px;

    height: 144px;

    padding: 0 17px 0 0;

    text-align: center;

}



#content-main .info-content .show .main-top .box ol li .box-case .photo {	

    width: 143px;

    height: 100px;

    padding: 5px 0 0 0;

    background: url(../../i/bg-personal-photo.gif) no-repeat;

}



#content-main .info-content .show .main-top .box ol li .box-case .head {	

	font: 12px/22px Arial;

}



#content-main .info-content .show .main-top .box ol li .box-case .txt {	

	font: 11px/22px Arial;

}



#content-main .info-content .show .main-top .box ol li .box-case .txt span {	

	padding: 0 5px;

}





/**

 *

 * =share 

 *

 **/



#content-main .info-content .show .main-top .share {	

    padding: 0 20px;

    margin: 0 0 5px 0;

    color:#777;

    font: 13px/22px Arial;    

}



#content-main .info-content .show .main-top .share ol li {	

    float: left;

	bottom: -1px;

    width: 315px;

    height: 60px;

    margin: 0 0 10px 0;

    padding: 0 0 0 15px;

    background: url(../../i/l_05b2.gif) repeat-x bottom;    

}



#content-main .info-content .show .main-top .share ol li.list {	

    background: none;    

}



#content-main .info-content .show .main-top .share ol li .share-case {	

    width: 315px;

    height: 60px;

    background: url(../../i/l_05b2_r.gif) repeat-y right;

}



#content-main .info-content .show .main-top .share ol li .share-case-rl {	

    width: 315px;

    background: none;

}





#content-main .info-content .show .main-top .share ol li .share-case .photo {	

    float: left;

	bottom: -1px;

	margin: 0 10px 0 0;

}



#content-main .info-content .show .main-top .share ol li .share-case .photo img {	

    border: 3px solid #ccc;

}



#content-main .info-content .show .main-top .share ol li .share-case .head {	

	font: 12px/22px Arial;

	color: #7cac25;

}



#content-main .info-content .show .main-top .share ol li .share-case .txt {	

	font: 13px/24px Arial;

	_font: 13px/28px Arial;

}



#content-main .info-content .show .main-top .share ol li .share-case .head span a:hover {	

    color: #79a921;

}



#content-main .info-content .show .main-top .share ol li .share-case .head span a {	

    color: #79a921;

}



#content-main .info-content .show .main-top .share ol li .share-case .head span {	

    color: #79a921;

}



/**

 *

 * =btn

 *

 **/



#content-main .info-content .show .main-top .btn {	

    padding: 0 20px;

    margin: 3px 0 8px 0; 

}



#content-main .info-content .show .main-top .rl {	

    text-align: right;

    padding: 0 20px;

    margin: 0 0 5px 0; 

}