/*** reset 用 ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a{text-decoration:none;color:#333;outline:none;}

/*** clearfix ***/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: '.';clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

body{font-size:14px;color:#333;background-color:#FFF;width:800px;height:100%;overflow-x:hidden;}

h1{font-size:30px;margin-bottom:20px;color:#000;}
h2{font-size:22px;color:#333;margin-bottom:20px;}
h2.chapter{font-size:24px;font-weight:bold;margin-bottom:20px;color:#AAA;height:40px;line-height:40px;background-size:40px 40px;padding-left:50px;background-position:left top;background-repeat:no-repeat;}
/* 章 樣式 */
h2#chapter3{color:#EC3;background-image:url(../sample/c3-ico.png);}
h2#chapter4{color:#6C6;background-image:url(../sample/c4-ico.png);}

h3{font-size:18px;font-weight:bold;margin-bottom:5px;color:#333;}
p{margin-bottom:36px;line-height:21px;}
q{display:block;float:left;}
hr{border:none;border-bottom:1px solid #EEE;margin-bottom:36px;}
br{margin-bottom:5px;display:block;content:"";}
.left-box{float:left;width:330px;margin-right:36px;}
.right-box{float:left;width:330px;}
.photo-info{color:#777;font-size:12px;line-height:18px;margin-top:3px;}
.camera-info{display:block;color:#BBB;font-size:11px;line-height:12px;margin-top:8px;}
.img-p{float:left;width:330px;}
.img-p.left{margin-right:20px;}
.img-p.right{margin-left:20px;}

#wrap{width:696px;padding:36px;background:#FFF;position:relative;}

.img-box{position:relative;width:330px;}
.img-box img{display:block;width:330px;margin-bottom:5px;}
.img-box.left{float:left;margin-right:15px;}
.img-box.right{float:right;margin-left:15px;}
.img-box.w348{width:348px;float:left;}
.img-box.w348 img{width:348px;}
.magnifier{display:block;width:30px;height:30px;background:url(../images/magnifier.png) left top no-repeat;position:absolute;right:0;top:0;background-size:30px 30px;}
a.external{display:block;height:31px;line-height:31px;background:#F5F5F5;border:1px solid #DDD;border-radius:3px;float:right;padding:0 20px;margin:5px 0 20px 0;}
.external-ico{display:block;width:16px;height:16px;float:right;margin-left:10px;position:relative;top:6px;background:url(../images/external.png) left top no-repeat;background-size:16px 16px;}

/*** page ***/
#page ol li{float:left;}
#page ol li a{display:block;width:328px;height:60px;border:1px solid #CCC;border-radius:5px;color:#666;text-align:center;line-height:60px;font-size:18px;font-weight:bold;background:-webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);text-shadow:0 1px 0 #FFF;box-shadow:0 1px 0 #FFF inset;}
#page ol li:first-child{margin-right:36px;}

/*** lightbox ***/
#lightbox{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;text-align:center;display:table-cell;vertical-align:middle;background-size:100% auto;background-repeat:no-repeat;background-position:center center;}
#lightbox.imgH{background-size:auto 100%;}
#lightbox span{display:block;position:absolute;top:20px;right:20px;background:url(../images/close-btn.png) left top no-repeat;background-size:30px 30px;width:30px;height:30px;}

#StranLink{position:absolute;top:5px;right:5px;}