/* 修正IE 6下position: fixed會失效的調整 */
#DivDiog /* #後面填入要固定住的div id */
{
	position: fixed;
	right: 0px;
	Top: 0px;
	z-index: 10;
	margin: "10px"; 
	padding: "10px";
	border: "1px solid #cccccc";
}

* html {
	overflow: hidden;
}
* html body,
* html #mainDiv { /* #後面填入要捲動的div id */
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
}
* html #DivDiog { /* #後面填入要固定住的div id */
	position: absolute;
	right: 17px;
	Top: 0px;
}

.related-links * {box-sizing:border-box}
.link-container {
    margin-bottom: 15px;
    width: 564px;
    border: 1px solid #feffff;
    border-radius: 10px;
    height: 85px;
    position: relative;
	border-radius: 12px;
    /*background: #feffff;
    background: #a0d8ef;
    background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
    background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );*/
}

.link-container .sub-container {
    height: 850px;
    padding: 5px 5px 10px 5px;
    width: 510px;
    margin: auto;
}

.link-container .base-link {
	display: none;
	position: relative;
	text-align: center;
	height: 70px;
	width: 122px;
    vertical-align: top;
}

.link-container .base-board {
	padding: 4px 2px;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
    line-height: 16px;
	font-family: 微軟正黑體;
	-webkit-box-shadow: 4px 4px 6px 0px rgba(177,177,177,1);
	-moz-box-shadow: 4px 4px 6px 0px rgba(177,177,177,1);
	box-shadow: 4px 4px 6px 0px rgba(177,177,177,1);
    word-break: break-all;
    word-wrap: break-word;
}

.link-container .base-board.green{
	background: rgb(201,222,150);
	background: rgba(70,160,65,1);
	/*background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(70,160,65,1) 100%);
	background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(70,160,65,1) 100%);
	background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(70,160,65,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#46a041',GradientType=0 );*/
}

.link-container .base-board.blue{
	background: #87e0fd;
	background: #05abe0;
	/*background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
	background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
	background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );*/
}
.link-container .base-board.orange{
	background: #ffc578;
	background: #fb9d23;
	/*background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
	background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 );*/
}

.link-container .base-board.red{
	background: rgb(255,135,135);
	background: rgba(255,5,5,1);
    /*background: -moz-linear-gradient(top, rgba(255,135,135,1) 0%, rgba(255,5,5,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,135,135,1) 0%,rgba(255,5,5,1) 100%);
    background: linear-gradient(to bottom, rgba(255,135,135,1) 0%,rgba(255,5,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8787', endColorstr='#ff0505',GradientType=0 );*/
}
.link-container .base-board.yellow{
	background: rgb(254,252,234);
	background: rgba(241,218,54,1);
    /*background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );*/
	color: #666;
}
.link-container .base-board.purple{
	background: rgb(224,213,237);
	background: rgba(193,135,196,1);
    /*background: -moz-linear-gradient(top, rgba(224,213,237,1) 1%, rgba(193,135,196,1) 100%);
    background: -webkit-linear-gradient(top, rgba(224,213,237,1) 1%,rgba(193,135,196,1) 100%);
    background: linear-gradient(to bottom, rgba(224,213,237,1) 1%,rgba(193,135,196,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d5ed', endColorstr='#c187c4',GradientType=0 );*/
}

.link-container .base-link.active{ display: inline-block;}

.link-container .prev, .link-container .next {
    cursor: pointer;
    position: absolute;
    /*top: 50%;*/
    width: auto;
    /*margin-top: -16px;*/
    padding: 6px 10px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    transition: 0.6s ease;
    border-radius: 10px 0 0 10px;
    height: 83px;
    line-height: 77px;
}

.link-container .next {
    right: 0;
    border-radius: 0 10px 10px 0;
}

.link-container .prev:hover, .link-container .next:hover {
    background-color: rgba(136,186,207, 0.4);
	color: #283aff;
}