﻿.guide-focus{background-color:#61b3e6;padding:25px 20px;position:relative;overflow:hidden;color:#fff;margin-bottom:15px}
.guide-header{float:left;width:60%;/*padding-left: 220px;padding-top: 30px;*/}
.guide-thumbnail{float:right;width:35%;text-align:right;padding-top: 20px;}
.guide-focus h1{margin:0;font-size:36px;margin-bottom:15px}
.guide-focus h1 a{color:#fff}
.guide-focus h2{margin:0;font-size:18px}
.guide-focus h3{margin:0;font-size:14px;font-weight:normal}
.guide-focus h3 b{font-weight:normal;padding:4px 10px 5px;background-color:#fff;margin-right:5px;color:#ff6a5f;border-radius:2px}
.guide-thumbnail img{max-width:100%}
.guide-alert{font-size:14px;color:#fff;padding:10px 0 30px;line-height: 1.8;}
.guide-type a{border:1px solid #fff;color:#fff;font-size:14px;border-radius:3px;display:inline-block;padding:8px 15px;margin-right:20px;margin-bottom: 6px;}
.guide-type a:hover{color:#61b3e6;background-color:#fff}
.guide-center{text-align:center}
.guide-center .guide-header{width:auto;float:none}

.guide-sidebar{position: absolute;top:0;right:0;bottom: 0;width: 160px;border-left: 2px solid #eaeaea;z-index: 1;}
.guide-nav{width: 150px;}
.guide-nav.affix{top: 0;z-index: 9999;padding-top: 90px;}
.guide-nav ul{line-height: 42px;text-align: right;font-size: 18px;}
.guide-nav li{margin-bottom: 10px;}
.guide-nav li a{color: #999;display: block;padding: 0;position: relative;}
.guide-nav li a:hover{color: #666;background-color: transparent;}
.guide-nav li.active a{color: #45B6F7;}
.guide-nav li.active a::after{position: absolute;content: '';left:-7px;top: 50%;margin-top: -6px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #45B6F7;background-color: #F6F6F6;}

.guide-contents{margin-right: 180px;}
.guide-contents a{color: #45B6F7;text-decoration: underline;}
.guide-contents a:hover{color: #FF5E52;}
.guide-contents p{margin: 0 0 10px;}
.guide-contents h2{font-size: 20px;margin-top: 10px;font-weight: bold;}

.guide-content{line-height: 25px;background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;padding: 20px;margin-bottom: 30px;}
.guide-content h3{font-size: 16px;font-weight: bold;margin-bottom: 15px;border-bottom: 1px dotted #e6e6e6;padding-bottom: 5px;line-height: 1.1;margin-top: 20px;}
.guide-content ul{list-style: disc;margin-top: 5px;margin-left: 20px;}
.guide-content ol{list-style: decimal/*decimal-leading-zero*/;margin-top: 5px;margin-left: 20px;margin-bottom: 15px;}
.guide-content li{margin-bottom: 5px;}

.guide-contents table{width: 100%;background-color: #fff;line-height: 25px;border-spacing: 0;border-collapse: collapse;}
.guide-contents table th{background-color: #F9F9F9;}
.guide-contents table th, .guide-contents table td{padding: 5px 15px;border: 1px solid #e9e9e9;}
.guide-contents table tr:nth-child(even){background-color: #f9f9f9;}
.guide-contents table a{color: #45B6F7;}
.guide-contents table a:hover{color: #FF5E52;text-decoration: underline;}

.guide-info{border-radius: 0 0 4px 4px;border-top: none;}
.guide-info-excerpt{border-radius: 4px 4px 0 0;}

.guide-aq{padding-bottom: 20px;}
.guide-fn{padding: 0;border: none;overflow: hidden;}

.guide-widget{margin-bottom: 20px;}
.guide-desc h3{background-color: #61B3E6;margin: 0;padding: 0 15px;line-height: 57px;color: #fff;font-size: 20px;border-radius: 3px 3px 0 0;text-align: center;}
.guide-desc dl{clear: both;padding-left: 100px;margin: 0 0 1px;font-size: 12px;background-color: #fff;}
.guide-desc dt{width: 100px;padding: 12px;float: left;margin-left: -100px;text-align: right;}
.guide-desc dd{padding: 12px;border-left: 1px solid #f1f1f1;}

.excerpt-see{border:1px solid #eaeaea;padding:10px 15px 10px;overflow:hidden;background-color:#fff;margin-bottom:15px;border-radius:4px}
.excerpt-see h3{font-size:16px;line-height:24px;margin-top:0;font-weight:normal;padding-bottom:5px;margin-bottom: 5px;border-bottom:1px solid #eaeaea}
.excerpt-see h3 a{/*color:#555;*/text-decoration:none}
.excerpt-see h3 a:hover{color:#61b3e6}
.excerpt-see .note{color:#666;font-size: 13px;line-height: 25px;word-wrap: break-word;margin-bottom: 0;}
#guide-list{position:relative}
#guide-list.load .excerpt-see,#guide-list.load .pagination{cursor:not-allowed;filter:alpha(opacity=30);-khtml-opacity:.3;-moz-opacity:.3;opacity:.3}
#loading-article{position:absolute;z-index:1001;top:100px;left:50%;margin-left:-50px;font-size:100px;color:#ff5e52}
#loading{color:#16a085}
@media(max-width:997px){
	.guide-focus{margin-top: -10px;}
	.single-guide .container{margin: 0 15px!important}
	.guide-header{float: none;width: 100%;}
	.guide-thumbnail{display:none}
	.guide-sidebar{display:none}
	.guide-contents{margin-right: 0}
	.guide-content{font-size: 12px;}
	
} 
@media(max-width:798px){
	.excerpt-see h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.excerpt-see .note{height: 45px;}
}
@media(max-width:480px){
	.guide-focus h1{font-size: 26px;margin-bottom: 10px;}
	.guide-alert{font-size: 12px;padding:0}
	.guide-type{display:none}
}